ASCII text
1
// based css:
2
// https://bazaar.launchpad.net/~lightdm-gtk-greeter-team/lightdm-gtk-greeter/trunk/view/head:/data/sample-lightdm-gtk-greeter.css
3
/************************
5
* LightDM GTK+ Greeter *
6
************************/
7
// the panel widget at the top
9
#panel_window {
10
background-color: $scrim-alt;
11
color: on($scrim-alt);
12
// font-weight: bold;
13
// the menubars/menus of the panel, i.e. indicators
15
menubar,
16
separator {
17
background-color: transparent;
18
}
19
separator {
21
padding: 0 4px;
22
&:first-child {
24
padding: 0 8px;
25
}
26
}
27
menubar > menuitem {
29
color: on($scrim-alt, text2);
30
&:hover {
32
color: on($scrim-alt);
33
}
34
&:disabled {
36
color: on($scrim-alt, text2-disabled);
37
}
38
}
39
}
40
// the login window
42
#login_window,
43
#shutdown_dialog,
44
#restart_dialog {
45
margin: 8px;
46
border-radius: $corner-radius;
47
box-shadow: $shadow-z6, inset 0 1px highlight($surface);
48
background-color: $surface;
49
}
50
// the top half of the login-window, in GtkDialog terms, the content
52
#content_frame {
53
padding-bottom: 28px - 12px; // take into account the hard-coded 12px margin_bottom
54
}
55
#login_window {
57
// the user-combobox
58
#user_combobox button {
59
}
60
// the entries, one for the username, one for the password
62
entry {
63
}
64
}
65
// the buttons, alternatively this could also be done with a simple ".lightdm-gtk-greeter button"
67
#login_window button,
68
#shutdown_dialog button,
69
#restart_dialog button {
70
}
71
.lightdm-gtk-greeter button {
73
}
74
// the user's avatar box
76
#user_image {
77
}
78
// the border around the user's avatar box
80
#user_image_border {
81
}
82
// the lower half of the login-window, in GtkDialog terms the buttonbox or action area
84
#buttonbox_frame {
85
padding-top: 24px;
86
> box,
88
> buttonbox {
89
margin: -16px;
90
}
91
button {
93
@extend %button-flat;
94
&:not(:disabled) {
96
@include ink-color($primary);
97
}
98
}
99
}
100
// the shutdown button
102
#shutdown_button {
103
}
104
// the restart button
106
#restart_button {
107
}
108
// the warning, in case a wrong password is entered or something else goes wrong according to PAM
110
#greeter_infobar {
111
// font-weight: bold;
112
}
113