settings
code:style.css
.level-1 img { width: 16.7% }
.level-2 img { width: 33.3% }
.level-3 img { width: 50% }
.level-4 img { width: 66.7% }
.level-5 img { width: 83.3% }
.level-6 img { width: 100% }
/*
という記法で画像の表示サイズを変えられるようにするUserCSSです。 記法の*の数とyy
cssの.level-xxのxxの部分
が対応しています。
*/
.line strong.level-1{
/*background: linear-gradient(transparent 10%, #FAE2E1 25%, #FAE2E1 70%, transparent 90%) */ }
/* スリムなテロメア（左にあるやつ） */
.line .telomere .telomere-border, .line .telomere .telomere-border.unread {
transition: none;
box-sizing: content-box; border-color: #fefefe } .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: #dedede; width: 2px } /* ↓新着のテロメアの色と太さ
.line .telomere .telomere-border.unread { background-color: #F00; width: 5px } */