numix-gtk-theme/gtk-3.0/apps/lightdm-gtk-greeter.css

251 lines
6.4 KiB
CSS
Raw Normal View History

2014-02-22 09:27:13 +00:00
/*********
* panel *
*********/
#panel_window {
background-color: transparent;
background-image: none;
color: white;
font: bold;
text-shadow: 0 1px alpha(black, 0.5);
icon-shadow: 0 1px alpha(black, 0.5);
}
2014-01-03 16:02:29 +00:00
#panel_window .menubar,
2014-02-22 09:27:13 +00:00
#panel_window .menubar > .menuitem {
background-color: transparent;
2014-01-03 16:02:29 +00:00
background-image: none;
2014-02-22 09:27:13 +00:00
color: white;
font: bold;
text-shadow: 0 1px alpha(black, 0.5);
icon-shadow: 0 1px alpha(black, 0.5);
2014-01-03 16:02:29 +00:00
}
#panel_window .menubar > .menuitem:hover {
2014-02-22 09:27:13 +00:00
border-style: none;
background-color: alpha(white, 0.2);
2014-01-03 16:02:29 +00:00
background-image: none;
2014-02-22 09:27:13 +00:00
color: white;
}
#panel_window .menubar > .menuitem *:hover {
color: white;
}
#panel_window .menubar > .menuitem:insensitive {
color: alpha(white, 0.7);
}
#panel_window .menubar .menu {
border-radius: 1px;
}
#panel_window .menubar .menu .menuitem {
font: normal;
text-shadow: none;
2014-01-03 16:02:29 +00:00
}
2014-02-22 09:27:13 +00:00
/****************
* login window *
****************/
#login_window,
2014-01-03 16:02:29 +00:00
#shutdown_dialog,
2014-02-22 09:27:13 +00:00
#restart_dialog {
border-style: none;
border-radius: 2px;
background-color: @lightdm_bg_color;
color: @lightdm_fg_color;
/* draw border using box-shadow */
box-shadow: inset 1px 0 mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21),
inset -1px 0 mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21),
inset 0 1px mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21),
inset 0 -1px mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21);
}
#content_frame {
padding-bottom: 14px;
}
#login_window .menu {
border-radius: 1px;
}
#login_window GtkComboBox .button,
#login_window GtkComboBox .button:hover,
#login_window GtkComboBox .button:active,
#login_window GtkComboBox .button:active:hover,
#login_window GtkComboBox .button:focus,
#login_window GtkComboBox .button:hover:focus,
#login_window GtkComboBox .button:active:focus,
#login_window GtkComboBox .button:active:hover:focus {
padding: 0;
background: none;
border-style: none;
box-shadow: none;
}
#login_window GtkComboBox .button:focus,
#login_window GtkComboBox .button:hover:focus,
#login_window GtkComboBox .button:active:focus,
#login_window GtkComboBox .button:active:hover:focus {
background: none;
border-style: none;
}
#login_window #user_combobox {
color: @lightdm_fg_color;
font: 18px;
}
#login_window #user_combobox .menu {
font: normal;
}
#login_window #user_combobox .arrow {
color: mix(@lightdm_fg_color, @lightdm_bg_color, 0.5);
}
#login_window .entry {
padding: 3px 5px;
2014-01-03 16:02:29 +00:00
border-width: 1px;
border-style: solid;
2014-02-22 10:00:24 +00:00
border-color: shade(@lightdm_bg_color, 0.8);
2014-01-03 16:02:29 +00:00
border-radius: 2px;
2014-02-22 09:27:13 +00:00
background-color: shade(@lightdm_bg_color, 0.9);
background-image: none;
color: @lightdm_fg_color;
2014-02-24 13:13:02 +00:00
2014-02-22 09:27:13 +00:00
box-shadow: none;
transition: all 150ms ease-out;
}
#login_window .entry:focus,
#login_window .entry:hover {
2014-02-22 10:00:24 +00:00
border-color: shade(@lightdm_bg_color, 0.7);
2014-02-22 09:27:13 +00:00
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.10),
inset 0 1px alpha(@dark_shadow, 0.12),
inset -1px 0 alpha(@dark_shadow, 0.10),
inset 0 -1px alpha(@dark_shadow, 0.05);
2014-01-03 16:02:29 +00:00
}
#login_window .button,
#shutdown_dialog .button,
2014-02-22 09:27:13 +00:00
#restart_dialog .button {
padding: 3px 15px;
border-width: 1px;
border-radius: 2px;
border-style: solid;
border-color: shade(@lightdm_bg_color, 0.8);
background-color: shade(@lightdm_bg_color, 1.08);
2014-01-03 16:02:29 +00:00
background-image: none;
2014-02-22 09:27:13 +00:00
color: @lightdm_fg_color;
transition: all 150ms ease-out;
}
#user_image {
padding: 3px;
2014-01-03 16:02:29 +00:00
border-radius: 2px;
2014-02-22 09:27:13 +00:00
/* draw border using box-shadow */
box-shadow: inset 1px 0 shade(@lightdm_bg_color, 0.7),
inset -1px 0 shade(@lightdm_bg_color, 0.7),
inset 0 1px shade(@lightdm_bg_color, 0.7),
inset 0 -1px shade(@lightdm_bg_color, 0.7);
2014-01-03 16:02:29 +00:00
}
2014-02-22 09:27:13 +00:00
#user_image_border {
border-radius: 2px;
background-color: shade(@lightdm_bg_color, 0.9);
background-image: none;
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
inset 0 1px alpha(@dark_shadow, 0.08),
inset -1px 0 alpha(@dark_shadow, 0.07),
inset 0 -1px alpha(@dark_shadow, 0.05);
2014-01-03 16:02:29 +00:00
}
2014-02-22 09:27:13 +00:00
#buttonbox_frame {
padding-top: 10px;
padding-bottom: 0;
border-style: none;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
background-color: transparent;
background-image: none;
box-shadow: none;
2014-01-03 16:02:29 +00:00
}
2014-02-22 09:27:13 +00:00
/******************************
* default and focused button *
******************************/
2014-01-03 16:02:29 +00:00
#login_window .button.default,
#shutdown_dialog .button.default,
2014-02-22 09:27:13 +00:00
#restart_dialog .button.default,
2014-01-03 16:02:29 +00:00
#login_window .button:focus,
2014-02-22 09:27:13 +00:00
#login_window .button:active:focus,
#shutdown_dialog .button:focus,
#shutdown_dialog .button:active:focus,
2014-01-03 16:02:29 +00:00
#restart_dialog .button:focus,
2014-02-22 09:27:13 +00:00
#restart_dialog .button:active:focus {
2014-01-03 16:02:29 +00:00
border-color: shade(@theme_selected_bg_color, 0.8);
background-color: shade(@theme_selected_bg_color, 1.08);
2014-02-22 09:27:13 +00:00
background-image: none;
2014-01-03 16:02:29 +00:00
color: @theme_selected_fg_color;
}
#login_window .button.default:hover,
2014-02-22 09:27:13 +00:00
#shutdown_dialog .button.default:hover,
2014-01-03 16:02:29 +00:00
#restart_dialog .button.default:hover,
2014-02-22 09:27:13 +00:00
#login_window .button:hover:focus,
#login_window .button:active:hover:focus,
#shutdown_dialog .button:hover:focus,
#shutdown_dialog .button:active:hover:focus,
#restart_dialog .button:hover:focus,
#restart_dialog .button:active:hover:focus {
2014-01-03 16:02:29 +00:00
border-color: shade(@theme_selected_bg_color, 0.7);
background-color: @theme_selected_bg_color;
}
2014-02-22 09:27:13 +00:00
/*******************
* shutdown button *
*******************/
#shutdown_button.button {
border-color: shade(@error_bg_color, 0.8);
background-color: shade(@error_bg_color, 1.08);
background-image: none;
color: @error_fg_color;
2014-01-03 16:02:29 +00:00
}
2014-02-22 09:27:13 +00:00
#shutdown_button.button:hover,
#shutdown_button.button:active,
#shutdown_button.button:active:hover {
border-color: shade(@error_bg_color, 0.7);
background-color: @error_bg_color;
2014-01-03 16:02:29 +00:00
}
2014-02-22 09:27:13 +00:00
/******************
* restart button *
******************/
#restart_button.button {
border-color: shade(@warning_bg_color, 0.8);
background-color: shade(@warning_bg_color, 1.08);
2014-01-03 16:02:29 +00:00
background-image: none;
2014-02-22 09:27:13 +00:00
color: @warning_fg_color;
2014-01-03 16:02:29 +00:00
}
2014-02-22 09:27:13 +00:00
#restart_button.button:hover,
#restart_button.button:active,
#restart_button.button:active:hover {
border-color: shade(@warning_bg_color, 0.7);
background-color: @warning_bg_color;
2014-01-03 16:02:29 +00:00
}
2014-02-22 09:27:13 +00:00
/********************
* password warning *
********************/
#greeter_infobar {
font: bold;
2014-01-03 16:02:29 +00:00
}