settings
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
/* ＃で始まるタグをラベル風にする */
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);
}
改変有り
code:style.css
.line strong.level-2{
position: relative;
padding-left: 16px;
padding-top: 3px;
}
.line strong.level-2:before{
content: '#';
position: absolute;
width: 5px;
height: 100%;
top: 0;
left: 0;
}
code:style.css
/* 画像の表示サイズを［**_］で設定できるようにする */
.level-1 img { width: 16.7%; max-height: none; }
.level-2 img { width: 33.3%; max-height: none; }
.level-3 img { width: 50%; max-height: none; }
.level-4 img { width: 66.7%; max-height: none; }
.level-5 img { width: 83.3%; max-height: none; }
.level-6 img { width: 100%; max-height: none; }
code:style.css
/* カーソル点滅CSS */
.cursor {
animation: blink 1s infinite;
}
@keyframes blink {
0% { opacity: 0; }
50% { opacity: 0; }
51% { opacity: 1; }
100% { opacity: 1;}
}
code:style.css
/* tweet2image-upload */
a#tweet2image.tool-btn:hover {
text-decoration: none;
}
a#tweet2image.tool-btn::before {
position: absolute;
left: calc(46px / 3 - 1px);
content: "\f099";
font: 21px/46px "Font Awesome 5 Free";
font-weight: 900;
}
code:style.css
/* ピン留めされたページを独立した段に表示する */
.page-list-item.pin + .page-list-item:not(.pin) {
clear: both;
}
code:style.css
/* カード表示のサムネイル画像を枠内におさめる */
.grid li.page-list-item a .icon {
position: relative;
padding: 0;
margin: auto;
}
.grid li.page-list-item a .icon img {
display: table-cell;
width: auto;
max-height: 100px;
max-width: 90%;
vertical-align: middle;
border-radius: 3px;
}
code:style.css
/* 強調記法 hoge.icon のアイコンのとき、サイズをもっと大きくする */
.line img.strong-icon { max-height: 8em; height: auto }
code:style.css
/* Font Awesomeを常時使えるようにするCSS */
div.editor, .grid li, .stream {
font-family: "Roboto",Helvetica,Arial,"Hiragino Sans","Font Awesome 5 Free","Font Awesome 5 Brands", "AppIcons", sans-serif;
}
code:style.css
/* 特定のリンクにアイコンをつけるCSS */
.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon):not(:is(href$=".pdf",[href^="https://github.com"],[href^="https://raw.githubusercontent.com"],[href^="https://gist.github.com"],[href^="https://ja.wikipedia.org"],[href^="https://en.wikipedia.org"],[href^="https://www.amazon.co.jp"],[href^="https://amazon.co.jp"],[href^="https://twitter.com"],))::after{font-family:'Font Awesome 5 Free', 'Font Awesome 5 Brands';font-weight:900;font-size:0.8rem;content:'\f35d';display:inline-block;cursor:text;}.line span:not(.deco-\.) > span > a.link:is(href$=".pdf",[href^="https://github.com"],[href^="https://raw.githubusercontent.com"],[href^="https://gist.github.com"],[href^="https://ja.wikipedia.org"],[href^="https://en.wikipedia.org"],[href^="https://www.amazon.co.jp"],[href^="https://amazon.co.jp"],[href^="https://twitter.com"],)::before{display:inline-block;width:1em;height:1em;vertical-align:-1px;text-align:center;background-size:contain;background-repeat:no-repeat;cursor:text;}:is(.line, .line .deco) a.link:is(href$=".pdf",)::before{content:'\f1c1';font-weight:400;margin-right:1px;}:is(.line, .line .deco) a.link:is([href^="https://github.com"],[href^="https://raw.githubusercontent.com"],[href^="https://gist.github.com"],)::before{content:'\f09b';font-weight:400;margin-right:1px;}:is(.line, .line .deco) a.link:is([href^="https://ja.wikipedia.org"],[href^="https://en.wikipedia.org"],)::before{content:'\f266';font-weight:400;margin-right:3px;}:is(.line, .line .deco) a.link:is([href^="https://www.amazon.co.jp"],[href^="https://amazon.co.jp"],)::before{content:'\f270';font-weight:400;margin-right:1px;}.line .deco-\. a.link:is([href^="https://ja.wikipedia.org"],[href^="https://en.wikipedia.org"],) span.char-index{display:inline-block;width:0;text-indent:-9999px;}.line .deco-\. a.link:is([href^="https://ja.wikipedia.org"],[href^="https://en.wikipedia.org"],) span.char-index:nth-of-type(30) ~ span.char-index{display:inherit;width:inherit;text-indent:inherit;} 表示サンプル
code:style.css
.editor, .stream {
font-family:'游明朝体','YuMincho','游明朝','Yu Mincho',serif;
}
Watch Listを非表示にする
code:style.css
/* Watch Listを非表示にする */
.guest-project, .guest-project + li {
display: none;
}
特定のページを非表示にする
code:style.css
/**/
{
display: none;
}