43 lines
1 KiB
Plaintext
43 lines
1 KiB
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 4px 4px 0;
|
|
padding: 1rem 2rem;
|
|
box-shadow: 4px 4px var(--nl);
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.btn:hover {
|
|
box-shadow: 4px 4px var(--n1);
|
|
}
|
|
|
|
.btn:active,.btn:focus {
|
|
box-shadow: 1px 1px var(--n2);
|
|
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; }
|
|
|
|
.tag { padding: 2px; font-size: 0.875rem; border: solid 1px var(--fg); margin: 0 1px; }
|