_lightdm.scss (5987B)
1 /*********************** 2 ! LightDM GTK Greeter * 3 ***********************/ 4 5 @include exports("lightdm") { 6 #panel_window { 7 background-color: transparent; 8 background-image: none; 9 color: $white; 10 font: bold; 11 text-shadow: 0 1px alpha($black, .5); 12 icon-shadow: 0 1px alpha($black, .5); 13 14 .menubar { 15 &, > .menuitem { 16 background-color: transparent; 17 background-image: none; 18 color: $white; 19 font: bold; 20 text-shadow: 0 1px alpha($black, .5); 21 icon-shadow: 0 1px alpha($black, .5); 22 23 *:hover { color: $white; } 24 25 &:hover { 26 border-style: none; 27 background-color: alpha($white, .2); 28 background-image: none; 29 color: $white; 30 } 31 32 &:insensitive { color: alpha($white, .7); } 33 34 .menu { 35 border-radius: 1px; 36 37 .menuitem { 38 font: normal; 39 text-shadow: none; 40 } 41 } 42 } 43 } 44 } 45 46 #content_frame { padding-bottom: 14px; } 47 48 #login_window, #shutdown_dialog, #restart_dialog { 49 border-style: none; 50 border-radius: $roundness; 51 background-color: $lightdm_bg_color; 52 color: $lightdm_fg_color; 53 54 /* draw border using box-shadow */ 55 box-shadow: inset 1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), 56 inset -1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), 57 inset 0 1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), 58 inset 0 -1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21); 59 60 .button { 61 padding: 3px 15px; 62 border-width: 1px; 63 border-radius: $roundness; 64 border-style: solid; 65 border-color: shade($lightdm_bg_color, .8); 66 background-color: shade($lightdm_bg_color, 1.08); 67 background-image: none; 68 color: $lightdm_fg_color; 69 transition: all 150ms ease-out; 70 71 &.default, &:focus, &:active:focus { 72 border-color: shade($selected_bg_color, .8); 73 background-color: shade($selected_bg_color, 1.08); 74 background-image: none; 75 color: $selected_fg_color; 76 77 &:hover { 78 border-color: shade($selected_bg_color, .7); 79 background-color: $selected_bg_color; 80 } 81 } 82 } 83 } 84 85 86 #login_window { 87 .menu { border-radius: 1px; } 88 89 GtkComboBox .button { 90 &, &:hover, &:active, &:active:hover, 91 &:focus, &:hover:focus, &:active:focus, &:active:hover:focus { 92 padding: 0; 93 background: none; 94 border-style: none; 95 box-shadow: none; 96 } 97 } 98 99 .entry { 100 padding: 3px 5px; 101 border-width: 1px; 102 border-style: solid; 103 border-color: shade($lightdm_bg_color, .8); 104 border-radius: $roundness; 105 background-color: shade($lightdm_bg_color, .9); 106 background-image: none; 107 color: $lightdm_fg_color; 108 box-shadow: none; 109 transition: all 150ms ease-out; 110 111 &:focus, &:hover { 112 border-color: shade($lightdm_bg_color, .7); 113 114 box-shadow: inset 1px 0 alpha($dark_shadow, .1), 115 inset 0 1px alpha($dark_shadow, .12), 116 inset -1px 0 alpha($dark_shadow, .1), 117 inset 0 -1px alpha($dark_shadow, .05); 118 } 119 } 120 } 121 122 #user_combobox { 123 color: $lightdm_fg_color; 124 font: 18px; 125 126 .menu { font: normal; } 127 128 .arrow { color: mix($lightdm_fg_color, $lightdm_bg_color, .5); } 129 } 130 131 #user_image { 132 padding: 3px; 133 border-radius: $roundness; 134 135 /* draw border using box-shadow */ 136 box-shadow: inset 1px 0 shade($lightdm_bg_color, .7), 137 inset -1px 0 shade($lightdm_bg_color, .7), 138 inset 0 1px shade($lightdm_bg_color, .7), 139 inset 0 -1px shade($lightdm_bg_color, .7); 140 } 141 142 #user_image_border { 143 border-radius: $roundness; 144 background-color: shade($lightdm_bg_color, .9); 145 background-image: none; 146 box-shadow: inset 1px 0 alpha($dark_shadow, .07), 147 inset 0 1px alpha($dark_shadow, .08), 148 inset -1px 0 alpha($dark_shadow, .07), 149 inset 0 -1px alpha($dark_shadow, .05); 150 } 151 152 #buttonbox_frame { 153 padding-top: 10px; 154 padding-bottom: 0; 155 border-style: none; 156 border-bottom-left-radius: $roundness; 157 border-bottom-right-radius: $roundness; 158 background-color: transparent; 159 background-image: none; 160 box-shadow: none; 161 } 162 163 164 165 /* shutdown button */ 166 #shutdown_button { 167 border-color: shade($error_bg_color, .8); 168 background-color: shade($error_bg_color, 1.08); 169 background-image: none; 170 color: $error_fg_color; 171 172 &:hover, &:active, &:active:hover { 173 border-color: shade($error_bg_color, .7); 174 background-color: $error_bg_color; 175 } 176 } 177 178 /* restart button */ 179 #restart_button { 180 border-color: shade($warning_bg_color, .8); 181 background-color: shade($warning_bg_color, 1.08); 182 background-image: none; 183 color: $warning_fg_color; 184 185 &:hover, &:active, &:active:hover { 186 border-color: shade($warning_bg_color, .7); 187 background-color: $warning_bg_color; 188 } 189 } 190 191 /* password warning */ 192 #greeter_infobar { font: bold; } 193 }