Settings
https://img.icons8.com/material-outlined/384/000000/settings.png
このproject全体に適用したいcssを記述する
/customize/Streamにアクセスするボタンを表示するCSS
code:style.css
.navbar .navbar-menu>li.stream-btn,
.navbar .navbar-menu>li.stream-btn.hidden-xs
{ display: block !important; }
/customize/編集者を非表示にするUserCSS
code:style.css
#page-info-menu + ul > li:nth-child(2) {
display: none;
}
/customize/ページの閲覧数を非表示にするUserCSS
code:style.css
#page-info-menu + ul > li:nth-child(3),
#page-info-menu + ul > li:nth-child(4) {
display: none;
}
#2020-07-22 12:10:48
ピン留めされたページを独立した段に表示する
cf. /aioilight/settings
code:style.css
.page-list-item.pin + .page-list-item:not(.pin) {
clear: both;
}
#2020-07-22 09:22:48
/customize/画像の表示サイズを［** ］で設定できるようにするを追加した
code:style.css
.level-1 img { width: 16.7%; max-height: none; }
.level-2 img { width: 33.3%; max-height: none; }
.level-3 img { width: 50%; max-height: none; }
.level-4 img { width: 66.7%; max-height: none; }
.level-5 img { width: 83.3%; max-height: none; }
.level-6 img { width: 100%; max-height: none; }
#2020-07-14 03:16:42
/scrasobox/ピンしたページのスタイルを変更した
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: '\f08d'; font-family: 'Font Awesome 5 Free'; font-weight: 900;
font-size: 20px; color: #A45AFF; bottom: 0 }
#2020-07-11
インライン引用を追加した
cf. /scrasobox/拡張記法がきた！#59e5376896b9040000af691a
code:style.css
.deco-\" {
border-radius: .2em;
padding: 0 .4em;
background-color: rgba(128,128,128,0.1);
font-size: 95%;
font-style: italic;
}
.deco-\"::before {
color: #a0a0a0;
font-size: 85%;
font-family: 'Font Awesome 5 Free';
content: '\f10d';
font-weight: 900;
vertical-align: super;
}
#2020-06-20
外部リンクとScrapbox内部のリンクとを区別する
cf. /nwtgck/リモートワークでも活躍するScrapboxの魅力
2022-11-26無効化した
あんまり区別する意味がない
marker記法を追加
code:style.css
/* 二重括弧による強調をマーカーっぽくする */
.line strong:not(class) {
background: linear-gradient(transparent 60%, rgba(171, 255, 79, .6) 60%, rgba(171, 255, 79, .6) 100%);
}
cf. /scrasobox/マーカー
#2020-09-30
ブランドアイコンを今日の日付にするCSS　　from /customize/ブランドアイコンを今日の日付にするCSS
code:style.css
.navbar-brand::before {
content: '';
width: 44px;
height: 44px;
position: absolute;
background-color: #252A30;
background-image: url(https://daiiz-apps.appspot.com/today/jp.svg);
background-size: cover;
background-position: center;
border-radius: 6px;
}
@media (prefers-color-scheme: dark) {
.navbar-brand::before {
background-color: #252A30;
}
}
@media (prefers-color-scheme: light) {
.navbar-brand::before {
background-color: #ccc;
}
}
/customize/番号付きリストにFontAwesomeを使うUserCSS
code:style.css
.line.number-list .dot {
background-color: transparent !important;
display: list-item;
}
.line.number-list .dot::before {
display: block;
position: absolute;
font-family: 'Font Awesome 5 Free';
top: -11px;
content: '\f292'; /* # */
font-weight: 900;
font-size: 11px;
color: #c9c9c9;
opacity: 0.0;
}
.line.number-list .c-0 + .dot::before {
opacity: 1.0;
}
.line.number-list .c-1 + .dot::before {
opacity: 0.8;
}
.line.number-list .c-2 + .dot::before {
opacity: 0.6;
}
.line.number-list .c-3 + .dot::before {
opacity: 0.4;
}
.line.number-list .c-4 + .dot::before {
opacity: 0.2;
}