41 lines
1,009 B
Plaintext
41 lines
1,009 B
Plaintext
.tb, .btn, .tag { text-decoration: none; display: inline-block; text-align: center;}
|
|
.tb { font-weight: bold;
|
|
cursor: pointer;
|
|
padding: 2px;
|
|
vertical-align: baseline;
|
|
}
|
|
.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 {
|
|
border: solid 2px var(--fg);
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
margin: 0 0.25em 0.25em 0;
|
|
padding: 0.5rem 1rem;
|
|
box-shadow: 0.25em 0.25em var(--nl);
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.btn:hover {
|
|
box-shadow: 0.25em 0.25em var(--n1);
|
|
}
|
|
|
|
.btn:active,.btn:focus {
|
|
box-shadow: 0.05em 0.05em var(--n2);
|
|
position: relative;
|
|
top: 0.2em;
|
|
left: 0.2em;
|
|
}
|
|
|
|
.btn.sm { padding: 0.5rem 1rem; }
|
|
.btn.std { width: 12em; }
|
|
|
|
.tag { padding: 2px; font-size: 0.875rem; border: solid 1px var(--fg); margin: 0 1px; }
|