43 lines
902 B
Plaintext
43 lines
902 B
Plaintext
.tb { font-weight: bold;
|
|
cursor: pointer;
|
|
padding: 2px; }
|
|
.tb:before,.tb:after { opacity: 0.3; display: inline-block;}
|
|
.tb:before { content: "〈"; }
|
|
.tb:after { content: "〉"; }
|
|
.tb:hover { text-decoration: underline; }
|
|
.tb:hover::before,.tb:hover::after { opacity: 1; }
|
|
.tb:active:before { content: "《"; }
|
|
.tb:active:after { content: "》"; }
|
|
|
|
.btn {
|
|
background: var(--cn0);
|
|
border: solid 2px #000;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
margin: 2px 0;
|
|
padding: 1rem 2rem;
|
|
box-shadow: 4px 4px var(--shadow);
|
|
text-align: center;
|
|
}
|
|
|
|
.btn:hover {
|
|
background: var(--cn1);
|
|
color: #fff;
|
|
}
|
|
|
|
.btn:active,.btn:focus {
|
|
color: #fff;
|
|
background: var(--cn2);
|
|
box-shadow: 1px 1px #000;
|
|
position: relative;
|
|
top: 3px;
|
|
left: 3px;
|
|
}
|
|
|
|
.btn.sm { padding: 0.5rem 1rem; }
|
|
.btn.std { width: 12rem; }
|
|
.btn.big.std { width: 20rem; }
|
|
.btn.huge.std { width: 24rem; }
|