settings
scrapboxの設定ページ
CSS
code:style.css
body {
background: #122;
}
body:before {
content: '';
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(https://i.gyazo.com/9dacbbdfd34be12f26a8901943a6dd97.jpg) no-repeat fixed center center / cover;
z-index: -1;
opacity: .1;
}
/* ピンのアイテムと普通のアイテムの間は改行したい */
.page-list .grid li.pin + li:not(.pin) {
grid-column-start: 1;
}
/* リストやページのBOXの影を小さく */
.grid li.page-list-item a,
.page {
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
/* リストのヘッダーを緑に */
.grid li.page-list-item a .header {
border-top-color: #4caf50;
}
/* ピンのヘッダーは色を変える */
.grid li.page-list-item.pin a .header {
border-top-color: #ff982e;
}
/* タイトルをかわいい緑色にしたい */
.line.line-title {
color: #4caf50;
font-weight: bold;
}
/* 記事内の見出し */
.line strong.level-3 {
display: inline-block;
color: #4caf50;
font-weight: bold;
padding-bottom: 10px;
font-size: 1.2em;
line-height: 1.6;
}
.line strong.level-3:after {
content: '';
width: 100%;
height: 0px;
position: absolute;
left: 0;
bottom: 9px;
border-bottom: 2px dashed #4caf50;
}
.line strong.level-3 + span {
display: none;
}
.line strong.level-4 {
position: relative;
display: inline-block;
color: #474;
font-weight: bold;
font-size: 1.1em;
line-height: 1.6;
z-index: 1;
margin-bottom: 5px;
}
.line strong.level-4:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
background: #ff9;
width: 100%;
height: 10px;
border-radius: 3px;
z-index: -1;
}
/* 設定ページは一覧でちょっと薄くする */
li.page-list-item ahref="/hidden-dolls/settings" {
opacity: .5;
}