46 lines
1.0 KiB
CSS
46 lines
1.0 KiB
CSS
@keyframes lightthrob {
|
|
from {
|
|
opacity: 1; }
|
|
to {
|
|
opacity: 0.67; } }
|
|
@font-face {
|
|
font-family: Coda;
|
|
src: local("Coda"), url("fonts/Coda-Regular.ttf"); }
|
|
#login-panel {
|
|
font-family: 'Coda', mono;
|
|
position: absolute;
|
|
left: 0;
|
|
top: calc(50% - 1rem);
|
|
width: 100%;
|
|
animation: alternate ease-in infinite 2s lightthrob; }
|
|
#login-panel * {
|
|
box-sizing: border-box; }
|
|
#login-panel #greeting {
|
|
display: none; }
|
|
#login-panel > h1 {
|
|
position: absolute;
|
|
text-align: right;
|
|
width: calc(50% - 1rem); }
|
|
#login-panel #user-display {
|
|
text-transform: lowercase; }
|
|
#login-panel .fa-user-circle {
|
|
display: none; }
|
|
#login-panel input[name="pwd"] {
|
|
width: calc(50% - 1rem);
|
|
position: absolute;
|
|
right: 0;
|
|
border: none; }
|
|
#login-panel input[name="pwd"]::placeholder {
|
|
opacity: 0; }
|
|
|
|
#power-panel {
|
|
opacity: 0;
|
|
transition: opacity 1s; }
|
|
#power-panel:hover {
|
|
opacity: 1; }
|
|
|
|
#clock-panel {
|
|
visibility: hidden; }
|
|
|
|
/*# sourceMappingURL=style.css.map */
|