settings
/customize #CSS #UserScript
https://gyazo.com/2d58b06401b55006f2dc80b85a6b64e4
code:style.css
/* カーソルのある行の背景色と下線を薄いグレーにする */
.cursor-line {
background-color: rgba(0, 100, 100, 0.10);
box-shadow: inset 0 -5px 5px -5px rgba(0, 0, 100, 0.5);
}
code:style.css
/* バッヂ風 */
.line ahref="./TODO",
.line ahref="./DONE",
.line ahref="./STASH" {
display: inline-block;
min-width: 3.2em;
border-radius: .2em;
text-align: center;
font: bolder 100%/normal Futura, Arial, sans-serif;
color: #FFF;
}
.line ahref="./TODO" { background-color: #DB5755; }
.line ahref="./DONE" { background-color: #00B69D; }
.line ahref="./STASH" { background-color: #ffa500; }
code:style.css
/* チェックボックスになるタグ v2 Font Awesome版 */
.line:not(.cursor-line) ahref='./o':not(.icon) span,
.line:not(.cursor-line) ahref='./v':not(.icon) span {
display: inline-block; width: 0; text-indent: -9999px }
.line:not(.cursor-line) ahref='./o':not(.icon)::after,
.line:not(.cursor-line) ahref='./v':not(.icon)::after {
display: inline-block; min-width: 1.15em; padding-left: 1px;
font-family: FontAwesome; font-size: 120%; text-align: center; vertical-align: middle }
.line:not(.cursor-line) ahref='./o':not(.icon)::after { content: '\f096'; color: #08BDBD }
.line:not(.cursor-line) ahref='./v':not(.icon)::after { content: '\f046'; color: #2489C5 }
/customize/テーブルの見た目をカスタマイズ
code:style.css
/* セル間に線を入れる */
.table-block .cell {
/* 全てのセルの右と下 */
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
}
.table-block .cell:first-child {
/* 1列目のセルの左 */
border-left: solid 1px #cccccc;
}
.section-title + .line .table-block .cell {
/* 1行目のセルの上 */
border-top: solid 1px #cccccc;
}
/* 1行目を太字、中央揃え */
.section-title + .line .table-block .cell {
font-weight: bolder;
text-align: center;
}
/masui/settings