ふきだし記法
https://gyazo.com/13961a7dc09ffbaffdd47c556898faca
グレース・ホッパー.iconいいアイデアなら、とにかくやってしまいなさい。許可を得るより謝る方がずっと簡単よ。
code:style.css
.line:not(.cursor-line) {
/* 吹き出し本体 */
.deco-\{, .deco-\} {
display: inline-block;
max-width: calc(100% - 100px);
padding: 0.1em 0.2em;
margin: auto 0.3em;
margin-bottom: 1px;
font-size: 1em;
vertical-align: top;
border-radius: 0.4em;
/* 吹き出し内のリンク色の調整 */
なぜ黒にしてる？bsahd.icon
吹き出し内でリンクを使うときに困る
コメントアウトする
code:style.css
/* 吹き出しの角 */
&::before, &::after {
position: absolute;
width: 0;
padding: 0;
margin: 0;
content: "";
border-style: solid;
border-width: 0;
}
}
/* 左吹き出しの角 */
.deco-\{::before {
border-width: 0 0 0.6em 0.6em;
transform: translateX(-100%) translateY(calc(1em - 80%));
}
/* 右吹き出しの角 */
.deco-\}::after {
border-width: 0 0.6em 0.6em 0;
transform: translateY(calc(1em - 80%));
}
/* 強調吹き出しの角 */
.deco-\!::before, .deco-\!::after { border-color: #e66 transparent; } }
code:style.css
/*body{background:url(https://source.unsplash.com/random);background-size:cover}.grid /*li.page-list-item a{background-color:rgba(255,255,255,.7)}./*page{background-color:rgba(255,255,255,.9);filter:blur(0)}.navbar-default{background-color:rgba(255,255,255,.2);filter:blur(3px);opacity:.05;transition:.5s;z-index:100}.status-bar,.navbar-default:hover,.page-menu:hover,.status-bar:hover{filter:blur(0);opacity:.88}*/ dnin.iconこんなのどう?というだけなので,嫌なら外してください
ヘッダーが消えた！っと思ったらhoverしたら出てくるようになっているのか
ちょっと使いにくく感じたので、hoverで出てくるところをコメントアウトしましたMISONLN41.icon
背景が変わるのは構わないけど、ページ背景が半透明になるとちょっと読みづらいかなーyuta0801.icon
とりあえず自分はUserCSSで白にした
確かに透明じゃないほうがいいかもtakker.icon
2024-05-02 15:25:24 ネストで記述を減らしたtakker.icon
2024-02-23
カーソル行に適用しないようにしたper_terra.icon
lintとformatをした
https://gyazo.com/e77f0ea67600d8b19c29f382a330d4faのようにゴミがつくことがありますbsahd.icon
解決
この画像がサムネイルになるのは不本意なので、サムネイルを作る
2022/04/06 02:06:25 縦にふきだしを並べるとくっついてしまっていたので若干離すようにしましたMijinko_SD.icon Settings.icon
UserCSS.icon