@ -38,7 +38,7 @@ a { text-decoration: none; color: inherit; }
|
||||
|
||||
h1 { display: block; max-width: 600px; margin: 0 auto 1.5em auto; }
|
||||
h1 > * { display: inline-block; vertical-align: middle; color: var(--color-fg-less); }
|
||||
h1 img { height: 2em; margin-right: .2em; border-radius: .1em; opacity: .7; transition: opacity .4s; }
|
||||
h1 img { height: 2em; margin-right: .5em; border-radius: .1em; opacity: .7; transition: opacity .4s; }
|
||||
h1 img:hover { opacity: 1; }
|
||||
|
||||
main,
|
||||
@ -118,6 +118,23 @@ ul.fieldList > li.humanTLToggled { border-color: var(--color-accent-hover); back
|
||||
.actionList > li a { display: inline-block; padding: .3em; border-radius: .3em; transition: background .4s; }
|
||||
.actionList > li a:hover { background: var(--color-accent-hover); }
|
||||
|
||||
.loading:before,
|
||||
.loading:after { content: " "; display: block;
|
||||
position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
|
||||
height: 64px; width: 64px; margin: 0; padding: 0;
|
||||
border-radius: 50%;
|
||||
border: 8px solid var(--color-accent-hover);
|
||||
border-color: var(--color-accent-hover) transparent transparent transparent;
|
||||
z-index: 100;
|
||||
animation: rotating 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; animation-delay: -0.15s; }
|
||||
|
||||
.loading:after { animation-delay: -0.45s; }
|
||||
|
||||
@keyframes rotating {
|
||||
from { transform: rotate(0deg); }
|
||||
to { transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
/* =============
|
||||
| Dark mode
|
||||
|============ */
|
||||
|
Reference in New Issue
Block a user