154 lines
3.4 KiB
CSS
154 lines
3.4 KiB
CSS
@font-face {
|
|
font-family: Exo2;
|
|
src: local("Exo 2"), url(../fonts/Exo2-Medium.ttf); }
|
|
* {
|
|
margin: 0;
|
|
padding: 0; }
|
|
|
|
h1 {
|
|
font-size: 1.5vw; }
|
|
|
|
h2 {
|
|
font-size: 1vw; }
|
|
|
|
body {
|
|
color: white;
|
|
font-family: Exo2; }
|
|
|
|
#background-image {
|
|
opacity: 1;
|
|
display: block;
|
|
transition: 1s;
|
|
position: fixed;
|
|
width: 100%;
|
|
bottom: 0;
|
|
right: 0;
|
|
z-index: -1; }
|
|
|
|
#ui-container {
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 1; }
|
|
|
|
#power-panel {
|
|
background: rgba(8, 8, 8, 0.3);
|
|
box-shadow: 0px 0px 0.5vw 0.5vw rgba(8, 8, 8, 0.3);
|
|
cursor: pointer;
|
|
opacity: 0.5;
|
|
position: absolute;
|
|
bottom: 2vw;
|
|
right: 2vw;
|
|
z-index: 100; }
|
|
#power-panel #power-options {
|
|
border-radius: 10px;
|
|
padding: 0.5vw;
|
|
transition: 1s;
|
|
display: none; }
|
|
#power-panel #power-options ul {
|
|
list-style: none; }
|
|
#power-panel #power-options ul li {
|
|
margin-bottom: 1vw;
|
|
font-size: 1.5vw; }
|
|
#power-panel #power-options ul li i {
|
|
margin-right: 0.5vw; }
|
|
#power-panel #power-options ul li:last-child {
|
|
margin-bottom: 0; }
|
|
#power-panel.active {
|
|
bottom: 1vw; }
|
|
#power-panel.active #power-options {
|
|
display: block; }
|
|
#power-panel.active #power-button {
|
|
display: none; }
|
|
|
|
#login-panel {
|
|
z-index: 2; }
|
|
#login-panel input[type=password] {
|
|
background: none;
|
|
border: none;
|
|
border-bottom: 2px solid white;
|
|
color: white;
|
|
font-size: 1vw;
|
|
margin-top: 0.5em;
|
|
opacity: 0;
|
|
transition: 0.5s;
|
|
width: 20em; }
|
|
#login-panel input[type=password].active {
|
|
opacity: 0.5; }
|
|
#login-panel #users {
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
position: relative; }
|
|
#login-panel #users i {
|
|
opacity: 0;
|
|
transition: 0.5s; }
|
|
#login-panel #users:hover i {
|
|
opacity: 1; }
|
|
#login-panel #users #users-list {
|
|
list-style: none;
|
|
display: none; }
|
|
#login-panel #users.select-user #user-display, #login-panel #users.select-user i {
|
|
display: none; }
|
|
#login-panel #users.select-user #users-list {
|
|
display: inline-block; }
|
|
#login-panel #fail-msg {
|
|
color: red;
|
|
opacity: 0;
|
|
transition: 0.5s;
|
|
position: relative;
|
|
left: -1vw; }
|
|
|
|
#session-panel {
|
|
opacity: 0.2;
|
|
transition: 0.5s;
|
|
z-index: 2; }
|
|
#session-panel:hover {
|
|
opacity: 1; }
|
|
#session-panel #sessions-list li {
|
|
display: inline-block; }
|
|
|
|
#sessions {
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
position: relative; }
|
|
#sessions #sessions-list {
|
|
list-style: none;
|
|
display: none; }
|
|
#sessions.select-session #session-display {
|
|
display: none; }
|
|
#sessions.select-session #sessions-list {
|
|
display: inline-block; }
|
|
|
|
@keyframes throb {
|
|
from {
|
|
opacity: 1; }
|
|
to {
|
|
opacity: 0; } }
|
|
#checking-credentials {
|
|
opacity: 0; }
|
|
#checking-credentials .c1, #checking-credentials .c2, #checking-credentials .c3 {
|
|
animation: alternate infinite 2s throb; }
|
|
#checking-credentials .c2 {
|
|
animation-delay: 200ms; }
|
|
#checking-credentials .c3 {
|
|
animation-delay: 400ms; }
|
|
|
|
#login-panel.checking #checking-credentials {
|
|
opacity: 1; }
|
|
|
|
.failed-auth input[type=password] {
|
|
color: red;
|
|
border-color: red !important; }
|
|
.failed-auth #fail-msg {
|
|
opacity: 1 !important; }
|
|
|
|
.lock-screen #session-panel {
|
|
display: none !important; }
|
|
|
|
.throb {
|
|
animation: alternate infinite 2s throb; }
|
|
|
|
/*# sourceMappingURL=lightdm-uestibulum.css.map */
|