settings
code:style.css
/* 画像サイズをアスタリスクの数で変更するcss */
.level-1 img { width: 20%; max-height: none !important; }
.level-2 img { width: 30%; max-height: none !important; }
.level-3 img { width: 40%; max-height: none !important; }
.level-4 img { width: 50%; max-height: none !important; }
.level-5 img { width: 75%; max-height: none !important; }
.level-6 img { width: 100%; max-height: none !important; }
code:style.css
/* 外部リンクにアイコンをつける */
.line a.link:not(.icon)::after {
font-family:'FontAwesome';
content: ' \f08e';
display: inline-block;
}
.line a.link:not(.icon)::after {
font-family:'Font Awesome 5 Free';
font-weight: 900;
content: ' \f35d';
display: inline-block;
}
code:style.css
/* 検索窓サジェストを大きくする */
.navbar-form .dropdown.open .dropdown-menu {
min-width: 100%;
max-height: calc(100vh - 130px) !important;
overflow-y: auto;
}
code:style.css
/* 二重括弧による強調をマーカーっぽくする */
.line strong:not(class) { background: linear-gradient(transparent 10%, #ABFF4F 25%, #ABFF4F 70%, transparent 90%) } code:style.css
/* ナビゲーションバーのScrapboxアイコンを小さくする */
.brand-icon {
width: 24px;
height: 24px;
}
code:style.css
/* 箇条書きを控えめにする */
.line .indent-mark .dot { height: 3px; top: 11px; background-color: #AAA } code: style.css
/* ハッシュタグのデザインを調整する */
padding: 4px 6px;
border-radius: 4px;
font-size: 14px;
opacity: 0.8;
}
code:style.css
/* 見出しとタイトルにスタイルを追加 */
.line strong {
display: inline-block;
}
.line strong.level-2 {
width: 100%;
margin: 0.1em;
padding: 0.25em 0.05em 0.05em 0.5em;
font-weight: 700;
}
.line strong.level-3 {
width: 100%;
margin: 0.25em 0;
padding: 0.25em 0.05em 0.05em 0.5em;
}
.line strong.level-5 {
width: 100%;
margin: 0.25em 0;
padding: 0.25em 0.05em 0.05em 0.5em;
}
.line.line-title .text {
width: 100%;
margin: 0.25em 0 0.75em 0;
padding: 0.25em 0.5em 0.25em 0.25em;
font-weight: bold;
font-size: 36px;
position: relative; left: -15px;
}
code:style.css
/* ピンしたページのスタイル */
.grid li.page-list-item a .pin { background-color: transparent; background-image: none }
.grid li.page-list-item a .pin::after {
content: '*'; font-family: 'Yu-Gothic'; font-size: 10px; color: #000000; bottom: 0; display: inline-block;}
code:style.css
/* スリムなテロメア */
.line .telomere .telomere-border, .line .telomere .telomere-border.unread {
transition: none;
box-sizing: content-box; border-color: #ffffff } .line .telomere .telomere-border:hover, .line .telomere .telomere-border.unread:hover {
box-sizing: border-box; width: auto;
border-color: #8f9899; background-color: transparent } code:style.css
.line .quote {
font-style: normal;
}
body {
font-family: '游ゴシック','Yu Gothic',san-serif;
}
.line .quote {
font-style: normal;
}
.line .meta {
}
.navbar-default {
}
.navbar-default .navbar-nav>li>a {
}
.grid li.page-list-item a {
box-shadow: 0 1px 0 rgba(0,0,0,0);
}
ul.grid li.page-list-item a .header{
}
ul.grid-md.grid li.page-list-item a .header{
}
ul.grid-lg.grid li.page-list-item a .header{
}
.grid li.page-list-item a:hover{
box-shadow: none;
}
.page {
box-shadow: 0 1px 0 rgba(0,0,0,0.16);
}
form {
}
.page-list-item .description img.inline-icon {
height: 100%;
width: 100%
}
code:style.css
/* ヘッダーを白くする */
.navbar {
backdrop-filter: none;
}