settings
/icons/hr.icon
ピン留めされたページを独立した段に表示する via /aioilight/settings
code:style.css
.page-list-item.pin + .page-list-item:not(.pin) {
clear: both;
}
/icons/hr.icon
リスト via /frog96lab/settings
code:style.css
.line .indent-mark .dot {
top: 14px;
width: 4px;
height: 1px;
background-color: #dedcdc;
}
外部リンクにiconをつける via /frog96lab/settings
code:style.css
/* 外部リンクにiconをつける */
.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon)::after {
font-family: 'Font Awesome 5 Free';
content: ' \f35d';
font-weight: 900;
display: inline-block;
}
引用 via /frog96lab/settings
code:style.css
.line .quote {
font-style: normal ;
padding-left: 0 ;
border-color: #9ca4ac ;
background-color: #304454 ;
}
.line .quote .c-0 {
visibility: hidden ;
}
.line .quote .c-0 + a:last-child {
float: right ;
margin-right: 1em ;
}
/icons/hr.icon
タグをラベル風にする via /masui/settings
code:style.css
/* ＃で始まるタグをラベル風にする */
atype="hashTag"{
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
background: #3c5464;
color: #627B8B;
font-size: 0.8em;
border: 1px solid #667683;
border-radius: 9px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
atype="hashTag":hover{
-webkit-transform: scale(1);
transform: scale(1);
color: #9EABB3;
border: 1px solid #788A95;
}
/icons/hr.icon
ルビ記法 via /customize/ルビ
[# ベース[ふりがな]]でベースの文字にふりがなをつける
code:style.css
.line:not(.cursor-line) .deco-\# {
display: inline-flex;
flex-direction: column-reverse;
}
.line:not(.cursor-line) .deco-\# > span:nth-child(1) {
display: inline-flex;
justify-content: space-around;
width: 100%;
}
.line:not(.cursor-line) .deco-\# > span:nth-child(2) {
line-height: 0;
}
.line:not(.cursor-line) .deco-\# > span:nth-child(2) > a {
display: inline-flex;
justify-content: space-around;
width: 100%;
font-size: 50%;
/* 以下はふりがなをリンクにしない場合に入れる */
pointer-events: none;
color: var(--page-text-color, #4a4a4a);
}
/icons/hr.icon
テロメアをおとなしくする via /customize/Dark_Theme_CSS
code:style.css
.line .telomere .telomere-border {
border-width: 0px 0px 0px 2.5px !important;
border-color: #506c84;
width: 0;
}
.line .telomere .telomere-border .description {
display: none
}
.unread {
border-color: #6cbcec !important;
}
/icons/hr.icon
バックグラウンドの色を変える via /customize/バックグラウンドの色を変える
code:style.css
body {
background-color: #202a32 !important;
}
/icons/hr.icon
文字の位置揃えをする via /customize/Dark_Theme_CSS
俺がセンタリングだ！
俺が右寄せだ！
俺が左寄せだ！
code:style.css
/* 中央寄せ */
.deco-\| { position: absolute; width: 100%; text-align: center }
/* 右寄せ */
.deco-\> { position: absolute; width: 100%; text-align: right }
/* 左寄せ */
.deco-\< { position: absolute; width: 100%; text-align: left }
/icons/hr.icon