settings
もじもじ文字
code:style.css
body {
background-color: #ffffff;
font-family: '游ゴシック','Yu Gothic',san-serif;
}
.line .quote {
font-style: normal;
}
.line .meta {
border-color: #ffffff;
}
.navbar-default {
background-color: #ffffff;
}
.grid li.page-list-item a {
box-shadow: 0 1px 0 rgba(0,0,0,0);
}
ul.grid li.page-list-item a .header{
border-top: solid 1px #000000;
}
ul.grid-md.grid li.page-list-item a .header{
border-top: solid 1px #000000;
}
ul.grid-lg.grid li.page-list-item a .header{
border-top: solid 1px #000000;
}
.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 .indent-mark .dot {
top: 10px;
width: 4px;
height: 1px;
background-color: #333333;
}
/* ピン留めされたページを独立した段に表示する */
.page-list-item.pin + .page-list-item:not(.pin) {
grid-column-start: 1;
}
/* スリムなテロメア */
.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 }
deco
code:style.css
/* ** <ーこれを見出し風にする */
.line strong.level-2{
display: block;
position: relative;
font-size: 160%;
line-height: 160%;
text-align: center;
margin: 12px auto 18px;
font-weight: 100;
}
/* ' でtextをセンタリング */
.line:not(.cursor-line) .deco-\':not(.deco-_) {
display: inline-block;
width: 100%;
text-align: center;
}
/* | でマトリクス記法 */
.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% }
/* ＃で始まるタグをラベル風にする */
atype="hashTag"{
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
background: #fff;
color: #f27e48;
font-size: 0.8em;
border: 1px solid #f27e48;
border-radius: 3px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
atype="hashTag":hover{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
/* 文字や画像の前後と間の空白文字の幅を調整して1行内に均等に割り付ける */
.line:not(.cursor-line) class^="deco-\#" {
position: relative;
display: flex;
justify-content: space-between;
}
code:style.css
/*settingsの表示を消す*/
.grid li.page-list-item > ahref^="/bearknotarchives/settings" {
display: none;
}
/*pageの表示を消す*/
.grid li.page-list-item > ahref^="/bearknotarchives/Empty_page1" {
display: none;
}
.grid li.page-list-item > ahref^="/bearknotarchives/Empty_page2" {
display: none;
}
.grid li.page-list-item > ahref^="/bearknotarchives/Empty_page3" {
display: none;
}
.grid li.page-list-item > ahref^="/bearknotarchives/Empty_page4" {
display: none;
}