90 lines
1.9 KiB
CSS
90 lines
1.9 KiB
CSS
@import url("colors.css");
|
|
|
|
* {
|
|
background-image: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
window {
|
|
background-color: @background;
|
|
}
|
|
|
|
button {
|
|
border: 0.5em solid @primary;
|
|
border-radius: 0;
|
|
background-color: @surface_bright;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 15%;
|
|
transition: ease-in-out 0.2s;
|
|
margin: 10em 0 10em 0;
|
|
color: transparent;
|
|
}
|
|
|
|
#lock {
|
|
background-image: image(url("/usr/share/wlogout/icons/lock.png"), url("/usr/local/share/wlogout/icons/lock.png"));
|
|
border-radius: 5em 0 0 5em;
|
|
border-right: none;
|
|
margin-left: 10em;
|
|
}
|
|
|
|
#logout {
|
|
background-image: image(url("/usr/share/wlogout/icons/logout.png"), url("/usr/local/share/wlogout/icons/logout.png"));
|
|
border-left: none;
|
|
border-right: none;
|
|
}
|
|
|
|
#sleep {
|
|
background-image: image(url("/usr/share/wlogout/icons/suspend.png"), url("/usr/local/share/wlogout/icons/suspend.png"));
|
|
border-left: none;
|
|
border-right: none;
|
|
}
|
|
|
|
#hibernate {
|
|
background-image: image(url("/usr/share/wlogout/icons/hibernate.png"), url("/usr/local/share/wlogout/icons/hibernate.png"));
|
|
border-left: none;
|
|
border-right: none;
|
|
}
|
|
|
|
#shutdown {
|
|
background-image: image(url("/usr/share/wlogout/icons/shutdown.png"), url("/usr/local/share/wlogout/icons/shutdown.png"));
|
|
border-left: none;
|
|
border-right: none;
|
|
}
|
|
|
|
#reboot {
|
|
background-image: image(url("/usr/share/wlogout/icons/reboot.png"), url("/usr/local/share/wlogout/icons/reboot.png"));
|
|
border-radius: 0 5em 5em 0;
|
|
border-left: none;
|
|
margin-right: 10em;
|
|
}
|
|
|
|
button:focus {
|
|
background-color: @secondary;
|
|
outline-style: none;
|
|
}
|
|
|
|
button:active,
|
|
button:hover {
|
|
background-color: @tertiary;
|
|
outline-style: none;
|
|
margin: 3em 0 3em 0;
|
|
border-radius: 5em;
|
|
}
|
|
|
|
#lock:active,
|
|
#lock:hover,
|
|
#logout:active,
|
|
#logout:hover,
|
|
#sleep:active,
|
|
#sleep:hover,
|
|
#hibernate:active,
|
|
#hibernate:hover,
|
|
#shutdown:active,
|
|
#shutdown:hover,
|
|
#reboot:active,
|
|
#reboot:hover {
|
|
border-radius: 5em 5em 5em 5em;
|
|
border: 0.5em solid @primary;
|
|
}
|