@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;
}