settings
参考（敬称略）
code:style.css
/* 文字 */
body, .editor,.navbar .navbar-menu>li>a {
color: #373942 !important; /* 全体のフォントカラーを変える */ font-family: Roboto , "Yu Gothic Medium" , sans-serif;
}
code:style.css
/* 背景色 */
body{
background:#fffaf2
}
.navbar-default{
background:#ffe4c1
}
code:style.css
/*画像の大きさ*/
.line .image{
max-width: 600px;
max-height: none !important
}
.line img::after{
content: '\f08d';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 20px;
bottom: 0 ;
transform: rotate(45deg);
display: inline-block
}
@media screen and (max-width:480px) {
.line .image{
max-width:100%;
max-height: none !important
}
}
code:style.css
/* 箇条書きを控えめにする */
.app .line .indent-mark .dot {
height: .2em;
width: .4em;
border-radius: 25%;
background-color: rgba(173,173,173,.55);
}
.app:not(.presentation) .line .indent-mark .dot {
top: auto;
bottom: 0
}
code:style.css
/*ピン留めされたページを独立した段に表示する*/
.page-list-item.pin + .page-list-item:not(.pin) {
clear: both
}
code:style.css
/*カードのデザイン*/
.grid li.page-list-item a .header,
.grid li.page-list-item a .header.pinned {
code:style.css
/*ピン留めマークの変更*/
.grid li.page-list-item a .pin {
background-color: transparent;
background-image: none
}
.grid li.page-list-item a .pin::after {
content: '\f08d';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 20px;
bottom: 0 ;
transform: rotate(45deg);
display: inline-block
}
code:style.css
/* 外部リンクにiconをつける */
.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon)::after {
font-family:'Font Awesome 5 Free';
font-weight: 900;
content: ' \f35d';
display: inline-block
}
code:style.css
.deco-\! {
padding: 0.1em 0.2em 0.1em 0.2em;
}
code:style.css
/* アイコンサイズを大きくする */
.line img.icon { height: 1.5em; top: -0.2em }
code:style.css
/* スリムなテロメア */
.line .telomere .telomere-border, .line .telomere .telomere-border.unread {
transition: none;
box-sizing: content-box;
}
.line .telomere .telomere-border:hover, .line .telomere .telomere-border.unread:hover {
box-sizing: border-box;
width: auto;
background-color: transparent
}
/* ↓新着以外のテロメアの色と太さ */
.line .telomere .telomere-border {
width: 2px
}
/* ↓新着のテロメアの色と太さ */
.line .telomere .telomere-border.unread {
width: 5px
}
@media screen and (max-width:480px) {
.line .telomere .telomere-border, .line .telomere .telomere-border.unread {
display:none;}
}
code:style.css
/* ＃で始まるタグをラベル風にする */
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
font-size: 0.8em;
border-radius: 3px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
-webkit-transform: scale(1.1);
transform: scale(1.1);
background:#f27e48;
color:#fff !important
}
.line a.page-link {
color:#f27e48;
}
code:style.css
display: none !important;
}
修正中
code:style.css
a[href*="svg-hosting.vercel.app"}::hover {
cursor: default !important;
}
a[href*="svg-hosting.vercel.app"} img {
border:1px solid red;
}
border:2px solid blue;
}
color:red !important;
}
color: red !important;
}