80 lines
1.8 KiB
CSS
80 lines
1.8 KiB
CSS
* {
|
|
background-image: none;
|
|
transition: 20ms;
|
|
box-shadow: none;
|
|
}
|
|
|
|
window {
|
|
background-image: image(url("../../Pictures/Wallpapers/Static/blurred.jpg"));
|
|
}
|
|
|
|
button {
|
|
color: {{colors.surface.default.hex}};
|
|
background-color: {{colors.surface_tint.default.hex}};
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: 20%;
|
|
border: none;
|
|
border-radius: 10px;
|
|
outline-style: none;
|
|
}
|
|
|
|
/* options */
|
|
#lock {
|
|
color: {{colors.secondary.default.hex}};
|
|
background-color: {{colors.on_primary.default.hex}};
|
|
background-image: image(url("icons/lock.png"));
|
|
border-radius: 5px 0px 0px 0px;
|
|
margin : 100px 0px 0px 550px;
|
|
}
|
|
|
|
#reboot {
|
|
color: {{colors.tertiary.default.hex}};
|
|
background-color: {{colors.on_tertiary.default.hex}};
|
|
background-image: image(url("icons/reboot.png"));
|
|
border-radius: 0px 0px 0px 5px;
|
|
margin : 0px 0px 100px 550px;
|
|
}
|
|
|
|
#logout {
|
|
color: {{colors.tertiary_fixed.default.hex}};
|
|
background-color: {{colors.on_tertiary_fixed.default.hex}};
|
|
background-image: image(url("icons/logout.png"));
|
|
border-radius: 0px 5px 0px 0px;
|
|
margin : 100px 550px 0px 0px;
|
|
}
|
|
|
|
#shutdown {
|
|
color: {{colors.secondary.default.hex}};
|
|
background-color: {{colors.on_secondary.default.hex}};
|
|
background-image: image(url("icons/shutdown.png"));
|
|
border-radius: 0px 0px 5px 0px;
|
|
margin : 0px 550px 100px 0px;
|
|
}
|
|
|
|
/* options on hover */
|
|
button:hover {
|
|
background-size: 25%;
|
|
}
|
|
|
|
button:hover#lock {
|
|
border-radius: 10px 10px 0px 10px;
|
|
margin : 80px 0px 0px 530px;
|
|
}
|
|
|
|
button:hover#reboot {
|
|
border-radius: 10px 0px 10px 10px;
|
|
margin : 0px 0px 80px 530px;
|
|
}
|
|
|
|
button:hover#logout {
|
|
border-radius: 10px 10px 10px 0px;
|
|
margin : 80px 530px 0px 0px;
|
|
}
|
|
|
|
button:hover#shutdown {
|
|
border-radius: 0px 10px 10px 10px;
|
|
margin: 0px 530px 80px 0px;
|
|
}
|
|
|