settings
code:style.css
/*@import "https://scrapbox.io/api/code/blu3mo-public/関連ページ一覧を横に移動させる/style.css";*/
code:style.css
/* External links */
.line a.link:not(.icon)::after {
font-family: 'Font Awesome 5 Free';
content: '\f35d';
display: inline-block;
font-weight: 900;
}
code:style.css
.line img.image {
max-height: 100% !important;
max-width: 100% !important;
width: 100%;
}
code:style.css
/* https://randoma11y.com/?color=%23008080 */
:root {
--background-color-light: #b2acab;
--background-color-dark: #b2acab;
--text-color-light: #fefece;
--text-color-dark: #008080;
--link-color: #94cbc2;
}
:root {
--background-color-light: #d5c99e;
--background-color-dark: #d5c99e;
--text-color-light: #2a1c02;
--text-color-dark: #2a1c02;
--link-color: #2a1c02;
}
:root {
--text-color: #D64E21;
--link-color: #D64E21;
}
/* 背景色をグラデーションに設定 */
body {
background: linear-gradient(to bottom, #FF8963, #FF774D, #FF602A) !important;
min-height: 100vh;
background-attachment: fixed;
color: var(--text-color) !important;
}
/* ページリストアイテムの背景色と文字色 */
body .page-list-item {
background-color: rgba(255, 255, 255, 0.3) !important;
color: var(--text-color) !important;
}
body .page-list-item.list-style-item {
background-color: #ffffff !important;
}
/* ナビゲーションバーの背景色とボーダー */
body .navbar {
background-color: rgba(255, 255, 255, 0.4) !important;
border-bottom: 1px solid var(--text-color) !important;
}
/* 通常のページリンクの文字色 */
a.page-link {
color: var(--text-color) !important;
font-weight: bold;
text-decoration: underline !important;
}
/* 空のページリンクの文字色 */
a.page-link.empty-page-link {
color: var(--link-color) !important;
opacity: 0.5;
}