settings
https://gyazo.com/6febee5fe32febd42b0954317ef5fedd
https://gyazo.com/67ef96864dc8fce99dfd36feef22f274
https://gyazo.com/b211fa340503ca11b4f43780951a9d47
code:style.css
@import "/api/code/daiiz-codes/phonno/embed.css";
code:style.css
code.helpfeel {
opacity: .7;
}
一覧カードを小さくする
code:style.a.css
.two-two {
width: 110px !important;
height: 110px !important;
}
.page-list .grid li,
.related-page-list .grid li.page-list-item,
.related-page-list .grid li.relation-label {
width: 110px !important;
height: 110px !important;
}
.two-two .icon {
padding-top: 30px !important;
}
.two-two .title {
height: 0px !important;
}
codeblockの頭を静かな色にする
code:style.a.css
.line span.code-block .code-block-start {
}
.line span.code-block .code-block-start a {
}
カードを回転させる
code:_style.css
.page-list .grid li:hover {
transition: 1.6s;
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.page-list .grid li.pin:hover {
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
テロメアの未読表現をカスタマイズ
code:_style.css
.unread {
width: 0px !important;
border-right-width: 3px !important;
border-left-width: 10px !important;
border-right-color: #007 !important; border-left-color: #8f9899 !important; }
.unread:hover {
width: auto !important;
border-right: 0 !important;
}
吹き出しスタイル
code:style.css
.deco-\{, .deco-\} {
font-size: 1em;
/* padding: 0.3em 0.2em 0.3em 0.2em; */
padding: 0 0.2em;
border-radius: 0.4em;
margin: auto 0.3em;
display: inline-block;
max-width: calc(100% - 100px);
vertical-align: top;
}
左の角
daiiz.icon daiizです
scrapbox2.icon Scrapboxは、リンクとハッシュタグから動的にページ間のつながりを作ります。 つながりができると、関連するトピックが下に表示されるので、アイデアを簡単に整理して探索できるようになります。https://scrapbox.io/product code:style.css
.deco-\{:before {
position: absolute;
margin: 0;
padding: 0;
transform: translateX(-100%) translateY(calc(1em - 80%));
width: 0;
content: "";
border-width: 0 0 0.6em 0.6em;
border-style: solid;
}
右の角
daiiz です daiiz.icon
Scrapboxでは、遠く離れた人が同じページを同時に編集することができます。 ライブ・マークアップエディタはとても強力で、角カッコで文字を囲むだけで、すばやくリンクにしたり、画像や動画として展開することができます。 すべてのデータはテキストデータなので他のツールとの連携も自在です。https://scrapbox.io/product scrapbox2.icon 角が下過ぎて気に入らないな...
code:style.css
.deco-\}:after {
position: relative;
margin-right: -10px;
padding: 0;
transform: translateY(calc(1em - 80%));
width: 0;
content: "";
display: block;
float: right;
border-width: 0.5em 0.5em 0 0;
border-style: solid;
}