77 lines
1.4 KiB
CSS
77 lines
1.4 KiB
CSS
|
nk* {
|
||
|
|
font-family: "Fira Mono", "Font Awesome 6 Pro", monospace;
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
window {
|
||
|
|
background-color: rgba(0, 0, 0, 0);
|
||
|
|
}
|
||
|
|
|
||
|
|
button {
|
||
|
|
background-color: #242434;
|
||
|
|
background-image: none;
|
||
|
|
color: #89ADF8;
|
||
|
|
border: 1px solid rgba(0, 0, 0, 0);
|
||
|
|
margin: 5px;
|
||
|
|
border-radius: 10px;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center;
|
||
|
|
background-size: 35%;
|
||
|
|
}
|
||
|
|
|
||
|
|
button:focus, button:active {
|
||
|
|
background-color: #89B4FA;
|
||
|
|
color: #242434;
|
||
|
|
font-weight: 500;
|
||
|
|
outline-style: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#lock {
|
||
|
|
background-image: image(url("img/lock.png"));
|
||
|
|
}
|
||
|
|
|
||
|
|
#logout {
|
||
|
|
background-image: image(url("img/logout.png"));
|
||
|
|
}
|
||
|
|
|
||
|
|
#suspend {
|
||
|
|
background-image: image(url("img/sleep.png"));
|
||
|
|
}
|
||
|
|
|
||
|
|
#hibernate {
|
||
|
|
background-image: image(url("img/hibernate.png"));
|
||
|
|
}
|
||
|
|
|
||
|
|
#shutdown {
|
||
|
|
background-image: image(url("img/power.png"));
|
||
|
|
}
|
||
|
|
|
||
|
|
#reboot {
|
||
|
|
background-image: image(url("img/restart.png"));
|
||
|
|
}
|
||
|
|
|
||
|
|
#lock:focus {
|
||
|
|
background-image: image(url("img/lock-hover.png"));
|
||
|
|
}
|
||
|
|
|
||
|
|
#logout:focus {
|
||
|
|
background-image: image(url("img/logout-hover.png"));
|
||
|
|
}
|
||
|
|
|
||
|
|
#suspend:focus {
|
||
|
|
background-image: image(url("img/sleep-hover.png"));
|
||
|
|
}
|
||
|
|
|
||
|
|
#hibernate:focus {
|
||
|
|
background-image: image(url("img/hibernate-hover.png"));
|
||
|
|
}
|
||
|
|
|
||
|
|
#shutdown:focus {
|
||
|
|
background-image: image(url("img/power-hover.png"));
|
||
|
|
}
|
||
|
|
|
||
|
|
#reboot:focus {
|
||
|
|
background-image: image(url("img/restart-hover.png"));
|
||
|
|
}
|