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

.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 */

表示サンプル

code:style.css

div.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon):is(

)::after {

display: none;

}

.line span:not(.deco-\.) > span > a.link:is(

)::before {

display: inline-block;

width: 1em; /*16px;*/

height: 1em; /*16px;*/

vertical-align: -1px;/*-3px;*/

text-align: center;

background-size: contain;

background-repeat: no-repeat;

font-family:"Font Awesome 5 Free","Font Awesome 5 Brands";

/* margin-right: 2px; */

}

content: '\f1c1';

font-weight: 400; /* use Regular Style */

margin-right: 1px;

}

:is(.line, .line .deco) a.link:is(

)::before {

content: '\f09b';

font-weight: 400;

margin-right: 1px;

}

:is(.line, .line .deco) a.link:is(

)::before {

content: '\f266';

font-weight: 400;

margin-right: 3px;

}

.line .deco-\. a.link:is(

) span.char-index {

display: inline-block;

width: 0;

text-indent: -9999px;

}

.line .deco-\. a.link:is(

) 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;

}

code:style.css

/* “リンク切れ” ページリンク直後に背景アイコンで追加 */

content: ""; /* 画像は background-image で貼る */

display: inline-block;

width: 1em; /* テキスト高さに合わせる */

height: 1em;

margin-left: 0.2em;

vertical-align: -0.125em; /* 行の中央に寄せる */

background-size: contain; /* 要素サイズにフィット */

background-repeat: no-repeat;

background-position: center center;

pointer-events: none; /* アイコンへのマウス操作をリンクに透過 */

}