numix-gtk-theme/gtk-3.0/scss/apps/_unity-greeter.scss

121 lines
2.8 KiB
SCSS

/***********************
! Unity Greeter *
***********************/
@include exports("unity-greeter") {
.lightdm.menu {
background-image: none;
background-color: fade-out($black, 0.4);
border-color: fade-out($white, 0.8);
border-radius: 4px;
padding: 1px;
color: $white;
}
.lightdm-combo .menu {
background-color: shade($dark_bg_color, 1.08);
border-radius: 0px;
padding: 0px;
color: $white;
}
.lightdm.menu .menuitem *,
.lightdm.menu .menuitem.check:active,
.lightdm.menu .menuitem.radio:active {
color: $white;
}
.lightdm.menubar {
background-image: none;
background-color: fade-out(#00ff00, 0.5);
}
.lightdm.menubar .menuitem {
color: $menubar_bg_color;
padding: 0px 5px 0px 5px;
}
.lightdm-combo.combobox-entry .button,
.lightdm-combo .cell,
.lightdm-combo .button,
.lightdm-combo .entry,
.lightdm.button{
background-image: none;
background-color: fade-out($black, 0.7);
border-color: fade-out($white, 0.1);
border-radius: 5px;
padding: 5px;
color: $white;
}
.lightdm.button:hover {
background-image: none;
background-color: fade-out($white, 0.7);
border-color: fade-out($white, 0.4);
border-radius: 5px;
padding: 5px;
color: $white;
text-shadow: none;
}
.lightdm.button:active,
.lightdm.button:active:focused,
.lightdm.button:focused,
.lightdm.entry {
background-image: none;
background-color: fade-out($black, 0.7);
border-color: fade-out($white, 0.4);
border-radius: 5px;
padding: 7px;
color: $white;
text-shadow: none;
}
.lightdm.entry:hover,
.lightdm.entry:active,
.lightdm.entry:active:focused {
background-image: none;
border-image: none;
}
.lightdm.entry:focused {
border-color: fade-out($white, 0.4);
border-width: 1px;
border-style: solid;
color: $white;
}
.lightdm.entry:selected {
background-color: fade-out($white, 0.8);
}
@keyframes dashentry_spinner {
to { -gtk-icon-transform: rotate(1turn); }
}
.lightdm.entry:active {
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
animation: dashentry_spinner 1s infinite linear;
}
.lightdm.option-button {
padding: 5px;
background: none;
border: 0;
}
.lightdm.toggle-button {
background: none;
border-width: 0;
}
.lightdm.toggle-button.selected:hover {
background-color: fade-out($white, 0.7);
border-color: fade-out($white, 0.7);
border-width: 1px;
}
.lightdm.toggle-button.selected {
background-color: fade-out($black, 0.7);
border-color: fade-out($white, 0.7);
border-width: 1px;
}
}