settings
https://gyazo.com/1bc1b91062705fd1febbd79de12d2bff
Scrapboxの設定
ピン留めされたページを独立した段に表示する
code:style.css
.page-list-item.pin + .page-list-item:not(.pin) {
clear: both;
}
code:style.css
/* 外部リンクにiconをつける */
.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon)::after {
font-family: 'Font Awesome 5 Free';
content: ' \f35d';
font-weight: 900;
display: inline-block;
}
code:style.css
.navbar .navbar-menu>li.stream-btn,
.navbar .navbar-menu>li.stream-btn.hidden-xs
{ display: block !important; }
レベル1
レベル2
レベル3
code:style.css
.level-1{
background: linear-gradient(transparent 60%, #faf0e6 60%); }
.level-2{
background: linear-gradient(transparent 60%, #add8e6 60%); }
.level-3{
background: linear-gradient(transparent 60%, #b0c4de 60%); }
code:style.css
/* #で始まるタグをラベル風にする */
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
font-size: 0.8em;
border-radius: 3px;
transition: .1s;
-webkit-transform: scale(1);
transform: scale(1);
}
color:#b0c4de;
}
重要な部分を赤くする
code:style.css
.deco-\! {
padding: 0.1em 0.2em 0.1em 0.2em;
}
テロメアの色
code:style.css
.line .telomere .telomere-border {
}
.line .telomere .telomere-border.unread {
}
code:style.css
/* チェックボックスになるタグ v2 Font Awesome版 */
.line:not(.cursor-line) ahref='./o':not(.icon) span, .line:not(.cursor-line) ahref='./v':not(.icon) span { display: inline-block; width: 0; text-indent: -9999px }
.line:not(.cursor-line) ahref='./o':not(.icon)::after, .line:not(.cursor-line) ahref='./v':not(.icon)::after { display: inline-block; min-width: 1.15em; padding-left: 1px;
font-family: FontAwesome; font-size: 120%; text-align: center; vertical-align: middle }
.line:not(.cursor-line) ahref='./o':not(.icon)::after { content: '\f096'; color: #08BDBD } .line:not(.cursor-line) ahref='./v':not(.icon)::after { content: '\f046'; color: #2489C5 } テーブルのセルをわかりやすくする
code:style.css
.table-block .cell {
}
.table-block .cell:first-child {
}
.section-title + .line .table-block .cell {
}
.section-title + .line .table-block .cell {
font-weight: bolder;
}
ページの角を丸くする
code:style.css
.grid li.page-list-item a {
box-shadow: none;
border-radius: 10px;
}
.grid.grid-md li.page-list-item a {
border-radius: 10px;
}
.grid.grid-lg li.page-list-item a {
border-radius: 10px;
}
ページサムネイルの余白を消す
code:style.css
.grid li.page-list-item a .icon {
padding: 0;
flex-grow: 1;
}
.grid li.page-list-item a .icon img {
height: 100%;
object-fit: cover;
}
.grid li.page-list-item a .header {
border-top: none;
}
.grid li.page-list-item a .title {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
settingsを非表示にする
code:style.cssx
display: none;
}