Settings
/syunichisuge/settingsを参考にカスタム。
code:style.css
@import url("https://fonts.googleapis.com/css?family=Kosugi");
html,
body,
code,
kbd,
pre,
samp,
.tooltip,
.editor,
.grid li,
.list li.page-list-item,
.popup-menu,
.stream {
font-family: "Kosugi";
}
body {
background-color: #ffffff;
}
.navbar-default {
background-color: #ffffff;
}
.navbar-default .navbar-nav>li>a {
color: #ffffff;
}
ul.grid li.page-list-item a .header{
border-top: solid 1px #f5f5f5;
}
.grid li.page-list-item a:hover{
box-shadow: none;
}
.page {
box-shadow: 0 1px 0 rgba(0,0,0,0.16);
background-color: #ffffff;
}
form {
border:1px #ddd solid;
}
/* スリムなテロメア */
.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 }
/* ↓新着以外のテロメアの色と太さ */
.line .telomere .telomere-border { background-color: #ffffff; width: 2px }
/* ↓新着のテロメアの色と太さ */
.line .telomere .telomere-border.unread { background-color: #ffffff; width: 5px }
/*カードサイズを調整する*/
.page-list .grid li,
.related-page-list .grid li.page-list-item,
.related-page-list .grid li.relation-label {
width: 180px !important;
height: 280px !important;
}
.page-list-itemdata-page-title*="Setting" { /* Settingsを非表示 */
display: none !important;
}
.page-list-itemdata-page-title*="about" { /* aboutを非表示 */
display: none !important;
}
/*ピンサイズを小さくする*/
.grid li.page-list-item a .pin{
width: 0px;
height: 0px;
}
/*文字サイズ変更*/
.line-title {
font-size:20px !important;
}
.line .indent-mark .dot {
top: 10px;
width: 4px;
height: 1px;
background-color: #333333;
}
.grid li.page-list-item a .icon{
padding-top: 20px !important;
}
.grid li.two-two.page-list-item a .title {
pading: 10px 10px 0; !important;
margin-top: 0; !important;
font-size: 6px; !important;
background-color: white; !important
}
.grid li.two-two.page-list-item a .header{
height: 8px !important;
background: white !important;
}
.grid li.page-list-item a .header{
background-color: white;
}
.grid li.page-list-item a .content{
background-color: white;
}
.grid li.page-list-item a .icon img {
max-width: 100%;
max-height: 100%;
}
/* 行間調整 */
.line .section-0{
line-height: 1em !important;
}
/* 画像を中央にする */
.line img.image{
display: block;
margin: 0 auto;
}
.new-button { /* 新規ボタンを消す */
/* visibility: hidden;
}
/* マトリクス記法 */
.line:not(.cursor-line) .deco-\| { display: inline-flex }
.line .deco-\| img.image { object-fit: contain; margin: 0 }
/* 太字記法と組み合わせて列数を変える */
.line class^="level" .deco-\| { flex-wrap: wrap }
.line .level-1 .deco-\| > span { width: calc(100%/1) }
.line .level-2 .deco-\| > span { width: calc(100%/2) }
.line .level-3 .deco-\| > span { width: calc(100%/3) }
.line .level-4 .deco-\| > span { width: calc(100%/4) }
.line .level-5 .deco-\| > span { width: calc(100%/5) }
.line class^="level" .deco-\| img.image { object-fit: cover; width: 100%; height: 100% }
/* 並べた画像の間にスキマが欲しい場合はこの2行を追加・ぴっちり敷き詰めたい場合はこの2行は不要 */
/*.line .deco-\| > span, .line class^="level" .deco-\| > span { overflow: hidden }
/*.line .deco-\| img.image, .line class^="level" .deco-\| img.image { margin: .2em }*/
.navbar-brand::before {
content: '';
width: 40px;
height: 40px;
position: absolute;
background-image: url(https://scrapbox.io/files/65a586ba927e5a0023f06d69.png);
background-size: cover;
border-radius: 4px;/*角丸はお好みで*/
}