ふきだし記法
いいアイデアなら、とにかくやってしまいなさい。許可を得るより謝る方がずっと簡単よ。
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;
/* color: #000; */
vertical-align: top;
background-color: #d8d8d8;
border-radius: 0.4em;
/* 吹き出し内のリンク色の調整 */
/* a { color: #000; } */
なぜ黒にしてる?
吹き出し内でリンクを使うときに困る
コメントアウトする
style.css
/* 吹き出しの角 */
&::before, &::after {
position: absolute;
width: 0;
padding: 0;
margin: 0;
content: "";
border-color: #d8d8d8 transparent;
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; }
}
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}*/
こんなのどう?というだけなので,嫌なら外してください
ヘッダーが消えた!っと思ったらhoverしたら出てくるようになっているのか
ちょっと使いにくく感じたので、hoverで出てくるところをコメントアウトしました
背景が変わるのは構わないけど、ページ背景が半透明になるとちょっと読みづらいかなー
とりあえず自分はUserCSSで白にした
確かに透明じゃないほうがいいかも
2024-05-02 15:25:24 ネストで記述を減らした
2024-02-23
カーソル行に適用しないようにした
lintとformatをした
のようにゴミがつくことがあります
解決
2022/04/06 02:06:25 縦に
ふきだしを並べるとくっついてしまっていたので若干離すようにしました