settings
settings
UserCSS置き場
code:style.css
/* 一覧でたくさん読めるように, タイトルのオーバーフローを許容し, プレビュー文字を小さくする */
.container {
max-width: initial;
}
/* 引用ブロックのカスタマイズ */
.line .quote {
font-style: normal;
background: #EEEEEE;
text-indent: -0.5em;
border-left: #ffffff;
padding-left: 20px;
padding-right: 20px;
padding-top: 18px;
padding-bottom: 18px;
margin-top: 15px;
margin-bottom: 15px;
}
code:style.css
/* コードブロックを文章用にカスタマイズ */
.line .code {
font-family: normal;
font-style: normal;
padding-left: 5px;
padding-right: 5px;
background: #EEEEEE;
font-size: 95%;
color: #000000;
}
/masui/settingsから
code:style.css
/* スリムなテロメア */
.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 }
code:style.css
/* ピン留めしたページを目立たせる　*/
.grid li.page-list-item a .pin {
background: linear-gradient(45deg, #C00000, #C00000 100%, #dcdde0 50%, #dcdde0);
}
code:style.css
/* ドットを・から - に変える */
.line .indent-mark .dot {
right: 10px;
top: 12px;
width: 5px;
height: 2px;
border-radius: 100%;
}
/tasuwo/settingsから
code:style.css
/* ＃で始まるタグをラベル風にする */
atype="hashTag"{
display: inline-block;
padding: 0px 8px;
margin: 0 4px 2px 0;
color: #00c286;
font-size: 0.8em;
border: 1px solid #00c286;
border-radius: 3px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
atype="hashTag":hover{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
code:style.css
/* 一覧でたくさん読めるように文字を小さくする */
.grid li.page-list-item a .description p{
font-size: 10px;
line-height: 1.42857;
}
.grid li.page-list-item a .icon img{
object-fit: contain;
}