ボタン記法のUserCSS

青

灰

赤

緑

赤枠

青枠

code:style.css

.text:has(.deco-\>:is(.deco-\~,.deco-\',.deco-\!,.deco-\#,.deco-\%,.deco-\&)) { padding-bottom: 7px; }

.deco-\>:is(.deco-\~,.deco-\',.deco-\!,.deco-\#,.deco-\%,.deco-\&) {

position: relative;

bottom: 2px;

padding: 7px 16px;

border-radius: 3px;

color: white;

margin: 10px 5px;

font-size: 0.8em;

}

.line:not(.cursor-line) .deco-\>:is(.deco-\~,.deco-\',.deco-\!,.deco-\#,.deco-\%,.deco-\&) { cursor: pointer; }

.deco-\>.deco-\~ { background: hsl(235, 85.6%, 64.7%); }

.line:not(.cursor-line) .deco-\>.deco-\~:hover { background: hsl(235, 51.4%, 52.4%); }

.deco-\>.deco-\' { background: hsl(217, 7.6%, 33.5%); }

.line:not(.cursor-line) .deco-\>.deco-\':hover { background: hsl(213, 5%, 42.9%); }

.deco-\>.deco-\! { background: hsl(359, 82.6%, 59.4%); }

.line:not(.cursor-line) .deco-\>.deco-\!:hover { background: hsl(359, 56.3%, 40.4%) }

.deco-\>.deco-\# { background: hsl(139, 47.1%, 33.3%) }

.line:not(.cursor-line) .deco-\>.deco-\#:hover { background: hsl(138, 46.8%, 24.3%); }

.deco-\>.deco-\% {

border: solid 1px hsl(359, 82.6%, 59.4%);

padding: 6px 16px;

}

.line:not(.cursor-line) .deco-\>.deco-\%:hover { background: hsl(359, 66.7%, 54.1%); }

.deco-\>.deco-\& {

border: solid 1px hsl(235, 85.6%, 64.7%);

padding: 6px 16px;

}

.line:not(.cursor-line) .deco-\>.deco-\&:hover { background: hsl(235, 85.6%, 64.7%); }