comparison gtk-3.24/gtk.css @ 97:d721ae7a505b

Add support for GTK 3.24 changes
author IBBoard <dev@ibboard.co.uk>
date Sat, 26 Mar 2022 20:01:55 +0000
parents
children 87e188db01a5
comparison
equal deleted inserted replaced
96:e79c5676f972 97:d721ae7a505b
1 /*************************** Check and Radio buttons * */
2 @import url("./nautilus.css");
3 @import url("./gnome-builder.css");
4 @import url("./cawbird.css");
5 * { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #cc0000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 3px; -gtk-secondary-caret-color: #5E7F3E; }
6
7 /*************** Base States * */
8 .background { color: #161616; background-color: #C6C6C6; }
9
10 .background:backdrop { color: #6e6e6e; background-color: #C6C6C6; text-shadow: none; -gtk-icon-shadow: none; }
11
12 /* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */
13 *:disabled { -gtk-icon-effect: dim; }
14
15 .gtkstyle-fallback { color: #161616; background-color: #C6C6C6; }
16
17 .gtkstyle-fallback:hover { color: #161616; background-color: #e0e0e0; }
18
19 .gtkstyle-fallback:active { color: #161616; background-color: #adadad; }
20
21 .gtkstyle-fallback:disabled { color: #6e6e6e; background-color: #c6c6c6; }
22
23 .gtkstyle-fallback:selected { color: #ffffff; background-color: #5E7F3E; }
24
25 .view, iconview, .view text, iconview text, textview text { color: black; background-color: #C6C6C6; }
26
27 .view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #272727; background-color: #c3c3c3; }
28
29 .view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #a0a0a0; }
30
31 .view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #6e6e6e; background-color: #c6c6c6; }
32
33 .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 3px; }
34
35 textview border { background-color: #c6c6c6; }
36
37 .rubberband, rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #455d2d; background-color: rgba(69, 93, 45, 0.2); }
38
39 flowbox flowboxchild { padding: 3px; }
40
41 flowbox flowboxchild:selected { outline-offset: -2px; }
42
43 .content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; }
44
45 .content-view .tile:backdrop { background-color: transparent; }
46
47 .content-view .tile:active, .content-view .tile:selected { background-color: transparent; }
48
49 .content-view .tile:disabled { background-color: transparent; }
50
51 label { caret-color: currentColor; }
52
53 label selection { background-color: #5E7F3E; color: #ffffff; }
54
55 label:disabled { color: #6e6e6e; }
56
57 button label:disabled { color: inherit; }
58
59 label:disabled:backdrop { color: #a0a0a0; }
60
61 button label:disabled:backdrop { color: inherit; }
62
63 label.error { color: #cc0000; }
64
65 label.error:disabled { color: rgba(204, 0, 0, 0.5); }
66
67 label.error:disabled:backdrop { color: rgba(204, 0, 0, 0.4); }
68
69 .dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; }
70
71 assistant .sidebar { background-color: #C6C6C6; border-top: 1px solid #7a7a7a; }
72
73 assistant .sidebar:backdrop { background-color: #c3c3c3; border-color: #818181; }
74
75 assistant.csd .sidebar { border-top-style: none; }
76
77 assistant .sidebar label { padding: 6px 12px; }
78
79 assistant .sidebar label.highlight { background-color: #a3a3a3; }
80
81 .osd .scale-popup, .app-notification, .app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: #eeeeec; border: none; background-color: rgba(53, 53, 53, 0.9); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; }
82
83 .osd .scale-popup:backdrop, .app-notification:backdrop, popover.background.osd:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; }
84
85 /********************* Spinner Animation * */
86 @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } }
87
88 spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
89
90 spinner:backdrop { color: #6e6e6e; }
91
92 spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
93
94 spinner:checked:disabled { opacity: 0.5; }
95
96 /********************** General Typography * */
97 .large-title { font-weight: 300; font-size: 24pt; }
98
99 .title-1 { font-weight: 800; font-size: 20pt; }
100
101 .title-2 { font-weight: 800; font-size: 15pt; }
102
103 .title-3 { font-weight: 700; font-size: 15pt; }
104
105 .title-4 { font-weight: 700; font-size: 13pt; }
106
107 .heading { font-weight: 700; font-size: 11pt; }
108
109 .body { font-weight: 400; font-size: 11pt; }
110
111 .caption-heading { font-weight: 700; font-size: 9pt; }
112
113 .caption { font-weight: 400; font-size: 9pt; }
114
115 /**************** Text Entries * */
116 spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: black; border-color: #7a7a7a; background-color: #C6C6C6; box-shadow: inset 0 0 0 1px rgba(94, 127, 62, 0); }
117
118 spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; }
119
120 spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; }
121
122 spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
123
124 spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #5E7F3E; border-color: #5E7F3E; }
125
126 spinbutton:disabled:not(.vertical), entry:disabled { color: #6e6e6e; border-color: #7a7a7a; background-color: #c6c6c6; box-shadow: none; }
127
128 spinbutton:backdrop:not(.vertical), entry:backdrop { color: #272727; border-color: #818181; background-color: #c3c3c3; box-shadow: none; transition: 200ms ease-out; }
129
130 spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #a0a0a0; border-color: #818181; background-color: #c6c6c6; box-shadow: none; }
131
132 spinbutton.error:not(.vertical), entry.error { color: #cc0000; border-color: #cc0000; }
133
134 spinbutton.error:focus:not(.vertical), entry.error:focus { box-shadow: inset 0 0 0 1px #cc0000; border-color: #cc0000; }
135
136 spinbutton.error:not(.vertical) selection, entry.error selection { background-color: #cc0000; }
137
138 spinbutton.warning:not(.vertical), entry.warning { color: #f57900; border-color: #f57900; }
139
140 spinbutton.warning:focus:not(.vertical), entry.warning:focus { box-shadow: inset 0 0 0 1px #f57900; border-color: #f57900; }
141
142 spinbutton.warning:not(.vertical) selection, entry.warning selection { background-color: #f57900; }
143
144 spinbutton:not(.vertical) image, entry image { color: #393939; }
145
146 spinbutton:not(.vertical) image:hover, entry image:hover { color: #161616; }
147
148 spinbutton:not(.vertical) image:active, entry image:active { color: #5E7F3E; }
149
150 spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #7f7f7f; }
151
152 spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; }
153
154 .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; }
155
156 .osd spinbutton:focus:not(.vertical), .osd entry:focus { color: white; border-color: #5E7F3E; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #5E7F3E; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; }
157
158 .osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
159
160 .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(71, 71, 71, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
161
162 spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #5E7F3E; border-style: solid; box-shadow: none; }
163
164 spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; }
165
166 .linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { border-left-color: #5E7F3E; }
167
168 .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry { border-left-color: #cc0000; }
169
170 .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #4e9a06; }
171
172 .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #afafaf; }
173
174 .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #b0b0b0; }
175
176 .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #afafaf; }
177
178 .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #5E7F3E; }
179
180 .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus.error:not(:only-child) { border-top-color: #cc0000; }
181
182 .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #4e9a06; }
183
184 .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #5E7F3E; }
185
186 .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus.error:not(:only-child) + entry, .linked.vertical > entry:focus.error:not(:only-child) + button, .linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { border-top-color: #cc0000; }
187
188 .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #4e9a06; }
189
190 spinbutton.error:not(.vertical), entry.error { color: #cc0000; }
191
192 treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #C6C6C6; transition-property: color, background; }
193
194 treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #C6C6C6; }
195
196 treeview entry.flat:focus, treeview entry:focus { border-color: #5E7F3E; }
197
198 .entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #ffffff; background-color: #5E7F3E; }
199
200 :dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; }
201
202 :dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; }
203
204 .entry-tag:hover { background-color: #77a14f; }
205
206 :backdrop .entry-tag { color: #c3c3c3; background-color: #5E7F3E; }
207
208 .entry-tag.button { background-color: transparent; color: rgba(255, 255, 255, 0.7); }
209
210 :not(:backdrop) .entry-tag.button:hover { border: 1px solid #5E7F3E; color: #ffffff; }
211
212 :not(:backdrop) .entry-tag.button:active { background-color: #5E7F3E; color: rgba(255, 255, 255, 0.7); }
213
214 /*********** Buttons * */
215 @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5E7F3E), to(transparent)); }
216 to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5E7F3E), to(transparent)); } }
217
218 button.titlebutton, notebook > header > tabs > arrow, button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; background-image: linear-gradient(to top, #bcbcbc 2px, #C6C6C6); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); }
219
220 button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; }
221
222 button.titlebutton:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; }
223
224 button.titlebutton:hover:active, button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
225
226 notebook > header > tabs > arrow:hover, button:hover { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; background-image: linear-gradient(to top, #C6C6C6, #c9c9c9 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.07); -gtk-icon-effect: highlight; }
227
228 notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; background-image: image(#a2a2a2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; }
229
230 notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { color: #6e6e6e; border-color: #818181; background-image: image(#C6C6C6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-effect: none; }
231
232 notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { color: #6e6e6e; border-color: #818181; background-image: image(#b2b2b2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
233
234 notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { color: #a0a0a0; border-color: #818181; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
235
236 notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #a0a0a0; border-color: #818181; background-image: image(#b2b2b2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
237
238 button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
239
240 notebook > header > tabs > arrow:disabled, button:disabled { color: #6e6e6e; border-color: #7a7a7a; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
241
242 notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #6e6e6e; border-color: #7a7a7a; background-image: image(#b2b2b2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
243
244 notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
245
246 notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; }
247
248 notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
249
250 notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
251
252 combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #4e9a06; border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; }
253
254 row:selected button { border-color: #2b3a1d; }
255
256 row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; }
257
258 row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #c3c3c3; }
259
260 button.osd { min-width: 26px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; }
261
262 button.osd.image-button { min-width: 34px; }
263
264 button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(83, 83, 83, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; }
265
266 button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; }
267
268 button.osd:disabled:backdrop, button.osd:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; }
269
270 button.osd:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; }
271
272 .app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
273
274 .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(83, 83, 83, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
275
276 .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); }
277
278 .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
279
280 .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
281
282 .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; }
283
284 .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(83, 83, 83, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
285
286 .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-image: none; border-color: transparent; box-shadow: none; }
287
288 .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
289
290 .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); }
291
292 button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #455d2d; border-bottom-color: #2b3a1d; background-image: linear-gradient(to top, #547137 2px, #5E7F3E); text-shadow: 0 -1px rgba(0, 0, 0, 0.703529); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.703529); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
293
294 button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #5E7F3E; }
295
296 button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #455d2d; border-bottom-color: #2b3a1d; background-image: linear-gradient(to top, #5E7F3E, #618240 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.655529); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.655529); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); }
297
298 button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #455d2d; background-image: image(#3a4f27); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
299
300 button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: #dfe5d8; border-color: #5E7F3E; background-image: image(#5E7F3E); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
301
302 button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: #dee2d9; border-color: #5a7043; background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
303
304 button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: #a0a0a0; border-color: #818181; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
305
306 button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: #93a285; border-color: #5a7043; background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
307
308 button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(94, 127, 62, 0.8); }
309
310 button.suggested-action:disabled { color: #6e6e6e; border-color: #7a7a7a; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
311
312 button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #bdc6b4; border-color: #455d2d; background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
313
314 .osd button.suggested-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(94, 127, 62, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
315
316 .osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(94, 127, 62, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
317
318 .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#5E7F3E); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); }
319
320 .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
321
322 .osd button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(94, 127, 62, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
323
324 button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #6e0d12; border-bottom-color: #41080a; background-image: linear-gradient(to top, #8a1116 2px, #9c1319); text-shadow: 0 -1px rgba(0, 0, 0, 0.726275); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.726275); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
325
326 button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #9c1319; }
327
328 button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #6e0d12; border-bottom-color: #41080a; background-image: linear-gradient(to top, #9c1319, #a0131a 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.678275); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.678275); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); }
329
330 button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #6e0d12; background-image: image(#5c0b0f); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
331
332 button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: #ebd0d1; border-color: #9c1319; background-image: image(#9c1319); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
333
334 button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: #e6d3d4; border-color: #822529; background-image: image(#822529); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
335
336 button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: #a0a0a0; border-color: #818181; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
337
338 button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: #ae7174; border-color: #822529; background-image: image(#822529); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
339
340 button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(156, 19, 25, 0.8); }
341
342 button.destructive-action:disabled { color: #6e6e6e; border-color: #7a7a7a; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
343
344 button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #cda8a9; border-color: #6e0d12; background-image: image(#822529); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
345
346 .osd button.destructive-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(156, 19, 25, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
347
348 .osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(156, 19, 25, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
349
350 .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#9c1319); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); }
351
352 .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
353
354 .osd button.destructive-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(156, 19, 25, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
355
356 .stack-switcher > button { outline-offset: -3px; }
357
358 .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; }
359
360 .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; }
361
362 .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; }
363
364 .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; }
365
366 .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; }
367
368 button.font separator, button.file separator { background-color: transparent; }
369
370 button.font > box > box > label { font-weight: bold; }
371
372 .primary-toolbar button { -gtk-icon-shadow: none; }
373
374 button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 4px; /* circles instead of ellipses */ background-origin: padding-box, border-box; background-clip: padding-box, border-box; }
375
376 button.circular label { padding: 0; }
377
378 button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; background-image: linear-gradient(to top, #bcbcbc 2px, #C6C6C6), linear-gradient(to top, #6d6d6d 25%, #7a7a7a 50%); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); border-color: transparent; }
379
380 button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; background-image: linear-gradient(to top, #C6C6C6, #c9c9c9 1px), linear-gradient(to top, #6d6d6d 25%, #7a7a7a 50%); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.07); border-color: transparent; }
381
382 stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5E7F3E), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; }
383
384 stacksidebar row.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
385
386 stacksidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 4px; }
387
388 .inline-toolbar toolbutton > button { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; background-image: linear-gradient(to top, #bcbcbc 2px, #C6C6C6); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); }
389
390 .inline-toolbar toolbutton > button:hover { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; background-image: linear-gradient(to top, #C6C6C6, #c9c9c9 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.07); }
391
392 .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; background-image: image(#a2a2a2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
393
394 .inline-toolbar toolbutton > button:disabled { color: #6e6e6e; border-color: #7a7a7a; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
395
396 .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #6e6e6e; border-color: #7a7a7a; background-image: image(#b2b2b2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
397
398 .inline-toolbar toolbutton > button:backdrop { color: #6e6e6e; border-color: #818181; background-image: image(#C6C6C6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
399
400 .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #6e6e6e; border-color: #818181; background-image: image(#b2b2b2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
401
402 .inline-toolbar toolbutton > button:backdrop:disabled { color: #a0a0a0; border-color: #818181; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
403
404 .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #a0a0a0; border-color: #818181; background-image: image(#b2b2b2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
405
406 .linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; }
407
408 .linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 5px; border-bottom-left-radius: 5px; -gtk-outline-top-left-radius: 5px; -gtk-outline-bottom-left-radius: 5px; }
409
410 .linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -gtk-outline-top-right-radius: 5px; -gtk-outline-bottom-right-radius: 5px; }
411
412 .linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 5px; -gtk-outline-radius: 5px; }
413
414 .linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; }
415
416 .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; -gtk-outline-top-left-radius: 5px; -gtk-outline-top-right-radius: 5px; }
417
418 .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -gtk-outline-bottom-left-radius: 5px; -gtk-outline-bottom-right-radius: 5px; }
419
420 .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 5px; -gtk-outline-radius: 5px; }
421
422 .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
423
424 /* menu buttons */
425 modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; outline-offset: -2px; }
426
427 modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: lightgray; }
428
429 modelbutton.flat arrow { background: none; }
430
431 modelbutton.flat arrow:hover { background: none; }
432
433 modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
434
435 modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
436
437 button.color { padding: 4px; }
438
439 button.color colorswatch:only-child { box-shadow: 0 1px rgba(255, 255, 255, 0.769231); }
440
441 button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; }
442
443 .osd button.color colorswatch:only-child { box-shadow: none; }
444
445 .osd button.color:disabled colorswatch:only-child, .osd button.color:backdrop colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { box-shadow: none; }
446
447 /* list buttons */
448 /* tone down as per new designs, see issue #1473, #1748 */
449 list row button.image-button:not(.flat) { border: 1px solid rgba(122, 122, 122, 0.5); }
450
451 list row button.image-button:not(.flat):hover { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; background-image: linear-gradient(to top, #C6C6C6, #c9c9c9 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.07); }
452
453 list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; background-image: image(#a2a2a2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
454
455 /********* Links * */
456 button:link > label, button:visited > label, button:link, button:visited, *:link { color: #455d2d; }
457
458 button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #2b3a1d; }
459
460 *:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #aab0a4; }
461
462 button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #5e7f3e; }
463
464 *:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #eff2ec; }
465
466 button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #455d2d; }
467
468 *:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #dadfd5; }
469
470 button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(69, 69, 69, 0.8); }
471
472 button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(69, 93, 45, 0.9); }
473
474 .selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #dadfd5; }
475
476 button:link, button:visited { text-shadow: none; }
477
478 button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; }
479
480 button:link > label, button:visited > label { text-decoration-line: underline; }
481
482 /***************** GtkSpinButton * */
483 spinbutton { font-feature-settings: "tnum"; }
484
485 spinbutton:not(.vertical) { padding: 0; }
486
487 .osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; }
488
489 spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; }
490
491 spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #282828; background-image: none; border-style: none none none solid; border-color: rgba(122, 122, 122, 0.3); border-radius: 0; box-shadow: none; }
492
493 spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; }
494
495 spinbutton:not(.vertical) button:hover { color: #161616; background-color: rgba(46, 52, 54, 0.05); }
496
497 spinbutton:not(.vertical) button:disabled { color: rgba(110, 110, 110, 0.3); background-color: transparent; }
498
499 spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
500
501 spinbutton:not(.vertical) button:backdrop { color: #777777; background-color: transparent; border-color: rgba(129, 129, 129, 0.3); transition: 200ms ease-out; }
502
503 spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(160, 160, 160, 0.3); background-color: transparent; background-image: none; border-style: none none none solid; }
504
505 spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; }
506
507 spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 5px 5px 0; }
508
509 spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; }
510
511 .osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #eeeeec; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
512
513 .osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; }
514
515 .osd spinbutton:not(.vertical) button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(238, 238, 236, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; }
516
517 .osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
518
519 .osd spinbutton:not(.vertical) button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #919190; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
520
521 .osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 5px 5px 0; }
522
523 .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; }
524
525 spinbutton.vertical:disabled { color: #6e6e6e; }
526
527 spinbutton.vertical:backdrop:disabled { color: #a0a0a0; }
528
529 spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
530
531 spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
532
533 spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; }
534
535 spinbutton.vertical button.up { border-radius: 5px 5px 0 0; border-style: solid solid none solid; }
536
537 spinbutton.vertical button.down { border-radius: 0 0 5px 5px; border-style: none solid solid solid; }
538
539 .osd spinbutton.vertical button:first-child { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
540
541 .osd spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(83, 83, 83, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
542
543 .osd spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); }
544
545 .osd spinbutton.vertical button:first-child:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
546
547 .osd spinbutton.vertical button:first-child:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
548
549 treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
550
551 treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; }
552
553 /************** ComboBoxes * */
554 combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
555
556 combobox:drop(active) { box-shadow: none; }
557
558 /************ Toolbars * */
559 searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #C6C6C6; }
560
561 toolbar { padding: 4px 3px 3px 4px; }
562
563 .osd toolbar { background-color: transparent; }
564
565 toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(53, 53, 53, 0.9); }
566
567 toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; }
568
569 toolbar.horizontal separator { margin: 0 7px 1px 6px; }
570
571 toolbar.vertical separator { margin: 6px 1px 7px 0; }
572
573 toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; }
574
575 .inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; }
576
577 searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; }
578
579 searchbar > revealer > box { margin: -6px; padding: 6px; }
580
581 .inline-toolbar, searchbar > revealer > box, .location-bar { border-style: solid; border-color: #7a7a7a; background-color: #afafaf; }
582
583 .inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { border-color: #818181; background-color: #aeaeae; box-shadow: none; transition: 200ms ease-out; }
584
585 /*************** Header bars * */
586 .titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #6d6d6d; border-radius: 0; background: #adadad linear-gradient(to top, #a7a7a7, #afafaf); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); /* Darken switchbuttons for headerbars. issue #1588 */ /* hide the close button separator */ }
587
588 .titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #818181; background-color: #C6C6C6; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); transition: 200ms ease-out; }
589
590 .titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
591
592 .titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
593
594 .titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:checked, headerbar button.toggle:checked { background: image(#9b9b9b); border-color: #727272; border-top-color: #656565; }
595
596 .titlebar:not(headerbar) stackswitcher button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #6e6e6e; border-color: #818181; background-image: image(#b2b2b2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
597
598 .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #ffffff; border-color: #2b3a1d; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #5E7F3E linear-gradient(to top, #59783b, #618240); box-shadow: inset 0 1px rgba(102, 133, 72, 0.55); }
599
600 .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #5E7F3E; background-image: none; box-shadow: inset 0 1px rgba(106, 136, 76, 0.46); }
601
602 .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #ffffff; }
603
604 .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #455d2d; border-bottom-color: #2b3a1d; background-image: linear-gradient(to top, #547137 2px, #5E7F3E); text-shadow: 0 -1px rgba(0, 0, 0, 0.703529); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.703529); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
605
606 .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
607
608 .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #455d2d; border-bottom-color: #2b3a1d; background-image: linear-gradient(to top, #5E7F3E, #618240 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.655529); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.655529); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); }
609
610 .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #455d2d; background-image: image(#3a4f27); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
611
612 .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { color: #dfe5d8; border-color: #5E7F3E; background-image: image(#5E7F3E); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); -gtk-icon-effect: none; border-color: #2b3a1d; }
613
614 .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { color: #dee2d9; border-color: #5a7043; background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #2b3a1d; }
615
616 .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { color: #a1b38f; border-color: #6e8a52; background-image: image(#6e8a52); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #2b3a1d; }
617
618 .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { color: #93a285; border-color: #5a7043; background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #2b3a1d; }
619
620 .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
621
622 .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #b7c5a9; border-color: #455d2d; background-image: image(#6e8a52); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
623
624 .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #bdc6b4; border-color: #455d2d; background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
625
626 .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; background-image: linear-gradient(to top, #bcbcbc 2px, #C6C6C6); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); border-color: #2b3a1d; }
627
628 .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; background-image: linear-gradient(to top, #C6C6C6, #c9c9c9 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.07); border-color: #2b3a1d; }
629
630 .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; background-image: image(#a2a2a2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; border-color: #2b3a1d; }
631
632 .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #6e6e6e; border-color: #7a7a7a; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #2b3a1d; }
633
634 .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { color: #6e6e6e; border-color: #818181; background-image: image(#C6C6C6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #2b3a1d; }
635
636 .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #a0a0a0; border-color: #818181; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #2b3a1d; }
637
638 .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(94, 127, 62, 0); background-color: rgba(94, 127, 62, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 6px 10px; }
639
640 .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; }
641
642 .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; }
643
644 .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
645
646 .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; }
647
648 .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; }
649
650 .titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; }
651
652 .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
653
654 headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 6px; margin-bottom: 6px; }
655
656 headerbar switch { margin-top: 10px; margin-bottom: 10px; }
657
658 headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; }
659
660 .background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 8px; border-top-right-radius: 8px; }
661
662 .background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; }
663
664 window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 7px; }
665
666 window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 7px; }
667
668 window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 7px; border-top-right-radius: 7px; }
669
670 window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; }
671
672 window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; }
673
674 .titlebar:not(headerbar) separator { background-color: #7a7a7a; }
675
676 window.devel headerbar.titlebar:not(.selection-mode) { background: #C6C6C6 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(94, 127, 62, 0.2)), linear-gradient(to top, #a5a5a5, #adadad 3px, #bcbcbc); }
677
678 window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #C6C6C6 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#C6C6C6); /* background-color would flash */ }
679
680 /************ Pathbars * */
681 .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; }
682
683 .path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
684
685 .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; }
686
687 .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; }
688
689 .path-bar button image { padding-left: 4px; padding-right: 4px; }
690
691 .path-bar button.slider-button { padding-left: 0; padding-right: 0; }
692
693 /************** Tree Views * */
694 treeview.view { border-left-color: #6e6e6e; border-top-color: #C6C6C6; }
695
696 * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; }
697
698 treeview.view:selected:focus, treeview.view:selected { border-radius: 0; }
699
700 treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #afbf9f; border-top-color: rgba(22, 22, 22, 0.1); }
701
702 treeview.view:disabled { color: #6e6e6e; }
703
704 treeview.view:disabled:selected { color: #9eb28b; }
705
706 treeview.view:disabled:selected:backdrop { color: #8ea578; }
707
708 treeview.view:disabled:backdrop { color: #a0a0a0; }
709
710 treeview.view.separator { min-height: 2px; color: #C6C6C6; }
711
712 treeview.view.separator:backdrop { color: rgba(198, 198, 198, 0.1); }
713
714 treeview.view:backdrop { border-left-color: #9a9a9a; border-top: #C6C6C6; }
715
716 treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #2b3a1d; }
717
718 treeview.view:drop(active).after { border-top-style: none; }
719
720 treeview.view:drop(active).before { border-bottom-style: none; }
721
722 treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #3b3b3b; }
723
724 treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
725
726 treeview.view.expander:hover { color: black; }
727
728 treeview.view.expander:selected { color: #cfd9c5; }
729
730 treeview.view.expander:selected:hover { color: #ffffff; }
731
732 treeview.view.expander:selected:backdrop { color: #cfd9c5; }
733
734 treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
735
736 treeview.view.expander:backdrop { color: #888888; }
737
738 treeview.view.progressbar { color: #C6C6C6; background-color: #5E7F3E; background-image: image(#5E7F3E); box-shadow: none; }
739
740 treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { color: #5E7F3E; background-image: image(#C6C6C6); }
741
742 treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: #5E7F3E; background-color: #c3c3c3; }
743
744 treeview.view.progressbar:backdrop { color: #c3c3c3; background-image: none; box-shadow: none; }
745
746 treeview.view.trough { background-color: rgba(22, 22, 22, 0.1); }
747
748 treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(255, 255, 255, 0.3); }
749
750 treeview.view header button { color: #6e6e6e; background-color: #C6C6C6; font-weight: bold; text-shadow: none; box-shadow: none; }
751
752 treeview.view header button:hover { color: #424242; box-shadow: none; transition: none; }
753
754 treeview.view header button:active { color: #161616; transition: none; }
755
756 treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #C6C6C6; background-image: none; background-color: #5E7F3E; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #C6C6C6; text-shadow: none; transition: none; }
757
758 treeview.view acceleditor > label { background-color: #5E7F3E; }
759
760 treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #898989; border-radius: 0; text-shadow: none; }
761
762 treeview.view header button:disabled { border-color: #C6C6C6; background-image: none; }
763
764 treeview.view header button:backdrop { color: #9a9a9a; border-color: #C6C6C6; border-style: none solid solid none; background-image: none; background-color: #c3c3c3; }
765
766 treeview.view header button:backdrop:disabled { border-color: #C6C6C6; background-image: none; }
767
768 treeview.view header button:last-child { border-right-style: none; }
769
770 /********* Menus * */
771 menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
772
773 menubar:backdrop, .menubar:backdrop { background-color: #C6C6C6; }
774
775 menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; }
776
777 menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 0; padding: 0; }
778
779 menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: inset 0 -3px #5E7F3E; color: #455d2d; }
780
781 menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #6e6e6e; box-shadow: none; }
782
783 menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; }
784
785 .background.popup { background-color: transparent; }
786
787 menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #C6C6C6; border: 1px solid #7a7a7a; }
788
789 .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; }
790
791 menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #C6C6C6; }
792
793 menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; }
794
795 menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #ffffff; background-color: #5E7F3E; }
796
797 menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #6e6e6e; }
798
799 menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #a0a0a0; }
800
801 menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #6e6e6e; background-color: transparent; }
802
803 menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; }
804
805 menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; }
806
807 menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; }
808
809 menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; }
810
811 menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #C6C6C6; border-radius: 0; }
812
813 menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #b4b4b4; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
814
815 menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #b4b4b4; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
816
817 menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #b4b4b4; }
818
819 menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #C6C6C6; }
820
821 menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; }
822
823 menuitem accelerator { color: alpha(currentColor,0.55); }
824
825 menuitem check, menuitem radio { min-height: 16px; min-width: 16px; }
826
827 menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; }
828
829 menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; }
830
831 /*************** Popovers * */
832 popover.background { padding: 2px; background-color: #C6C6C6; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
833
834 .csd popover.background, popover.background { border: 1px solid #7a7a7a; border-radius: 9px; }
835
836 .csd popover.background { background-clip: padding-box; border-color: rgba(0, 0, 0, 0.23); }
837
838 popover.background:backdrop { background-color: #C6C6C6; box-shadow: none; }
839
840 popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; }
841
842 .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); }
843
844 popover.background separator { margin: 3px; }
845
846 popover.background list separator { margin: 0px; }
847
848 /************* Notebooks * */
849 notebook > header { padding: 1px; border-color: #7a7a7a; border-width: 1px; background-color: #ababab; }
850
851 notebook > header:backdrop { border-color: #818181; background-color: #aeaeae; }
852
853 notebook > header tabs { margin: -1px; }
854
855 notebook > header.top { border-bottom-style: solid; }
856
857 notebook > header.top > tabs { margin-bottom: -2px; }
858
859 notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #7a7a7a; }
860
861 notebook > header.top > tabs > tab:backdrop { box-shadow: none; }
862
863 notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #5E7F3E; }
864
865 notebook > header.bottom { border-top-style: solid; }
866
867 notebook > header.bottom > tabs { margin-top: -2px; }
868
869 notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #7a7a7a; }
870
871 notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; }
872
873 notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #5E7F3E; }
874
875 notebook > header.left { border-right-style: solid; }
876
877 notebook > header.left > tabs { margin-right: -2px; }
878
879 notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #7a7a7a; }
880
881 notebook > header.left > tabs > tab:backdrop { box-shadow: none; }
882
883 notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #5E7F3E; }
884
885 notebook > header.right { border-left-style: solid; }
886
887 notebook > header.right > tabs { margin-left: -2px; }
888
889 notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #7a7a7a; }
890
891 notebook > header.right > tabs > tab:backdrop { box-shadow: none; }
892
893 notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #5E7F3E; }
894
895 notebook > header.top > tabs > arrow { border-top-style: none; }
896
897 notebook > header.bottom > tabs > arrow { border-bottom-style: none; }
898
899 notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; }
900
901 notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
902
903 notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
904
905 notebook > header.left > tabs > arrow { border-left-style: none; }
906
907 notebook > header.right > tabs > arrow { border-right-style: none; }
908
909 notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
910
911 notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
912
913 notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
914
915 notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; }
916
917 notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; }
918
919 notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
920
921 notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #161616; font-weight: normal; border-width: 1px; border-color: transparent; }
922
923 notebook > header tab:hover { color: #161616; background-color: #bcbcbc; }
924
925 notebook > header tab:hover.reorderable-page { border-color: rgba(122, 122, 122, 0.3); background-color: rgba(198, 198, 198, 0.2); }
926
927 notebook > header tab:backdrop { color: #919191; }
928
929 notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; }
930
931 notebook > header tab:checked { color: #161616; }
932
933 notebook > header tab:checked.reorderable-page { border-color: rgba(122, 122, 122, 0.5); background-color: rgba(198, 198, 198, 0.5); }
934
935 notebook > header tab:checked.reorderable-page:hover { background-color: rgba(198, 198, 198, 0.7); }
936
937 notebook > header tab:backdrop:checked { color: #6e6e6e; }
938
939 notebook > header tab:backdrop:checked.reorderable-page { border-color: #818181; background-color: #C6C6C6; }
940
941 notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; }
942
943 notebook > header tab button.flat:hover { color: currentColor; }
944
945 notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); }
946
947 notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
948
949 notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
950
951 notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 4px; padding-right: 4px; }
952
953 notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; }
954
955 notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; }
956
957 notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; }
958
959 notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; }
960
961 notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; }
962
963 notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; }
964
965 notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; }
966
967 notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { margin-top: -1px; }
968
969 notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; }
970
971 notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; }
972
973 notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; }
974
975 notebook > header.top tab { padding-bottom: 4px; }
976
977 notebook > header.bottom tab { padding-top: 4px; }
978
979 notebook > stack:not(:only-child) { background-color: #C6C6C6; }
980
981 notebook > stack:not(:only-child):backdrop { background-color: #c3c3c3; }
982
983 /************** Scrollbars * */
984 scrollbar { background-color: #b4b4b4; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
985
986 * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; }
987
988 scrollbar.top { border-bottom: 1px solid #7a7a7a; }
989
990 scrollbar.bottom { border-top: 1px solid #7a7a7a; }
991
992 scrollbar.left { border-right: 1px solid #7a7a7a; }
993
994 scrollbar.right { border-left: 1px solid #7a7a7a; }
995
996 scrollbar:backdrop { background-color: #bebebe; border-color: #818181; transition: 200ms ease-out; }
997
998 scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #7e8182; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
999
1000 scrollbar slider:hover { background-color: #565b5c; }
1001
1002 scrollbar slider:hover:active { background-color: #5E7F3E; }
1003
1004 scrollbar slider:backdrop { background-color: #9a9a9a; }
1005
1006 scrollbar slider:disabled { background-color: transparent; }
1007
1008 scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; }
1009
1010 scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; }
1011
1012 scrollbar.fine-tune.vertical slider { border-width: 4px 5px; }
1013
1014 scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
1015
1016 scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #161616; border: 1px solid white; }
1017
1018 scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #161616; background-clip: padding-box; border-radius: 100%; border: 1px solid white; -gtk-icon-source: none; }
1019
1020 scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; }
1021
1022 scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; }
1023
1024 scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; }
1025
1026 scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; }
1027
1028 scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; }
1029
1030 scrollbar.horizontal slider { min-width: 40px; }
1031
1032 scrollbar.vertical slider { min-height: 40px; }
1033
1034 scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #7e8182; }
1035
1036 scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #565b5c; }
1037
1038 scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #5E7F3E; }
1039
1040 scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(126, 129, 130, 0.2); }
1041
1042 scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #9a9a9a; }
1043
1044 scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(154, 154, 154, 0.2); }
1045
1046 scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
1047
1048 scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
1049
1050 scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
1051
1052 scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
1053
1054 treeview ~ scrollbar.vertical { border-top: 1px solid #7a7a7a; margin-top: -1px; }
1055
1056 /********** Switch * */
1057 switch { outline-offset: -4px; border: 1px solid #7a7a7a; border-radius: 14px; color: #161616; background-color: #ababab; text-shadow: 0 1px rgba(0, 0, 0, 0.1); /* only show i / o for the accessible theme */ }
1058
1059 switch:checked { color: #ffffff; border-color: #2b3a1d; background-color: #5E7F3E; text-shadow: 0 1px rgba(43, 58, 29, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
1060
1061 switch:disabled { color: #6e6e6e; border-color: #7a7a7a; background-color: #c6c6c6; text-shadow: none; }
1062
1063 switch:backdrop { color: #6e6e6e; border-color: #818181; background-color: #aeaeae; text-shadow: none; transition: 200ms ease-out; }
1064
1065 switch:backdrop:checked { color: #C6C6C6; border-color: #2b3a1d; background-color: #5E7F3E; }
1066
1067 switch:backdrop:disabled { color: #a0a0a0; border-color: #818181; background-color: #c6c6c6; }
1068
1069 switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #6d6d6d; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image: linear-gradient(to bottom, lightgray 20%, #C6C6C6 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); }
1070
1071 switch image { color: transparent; }
1072
1073 switch:hover slider { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #6d6d6d; background-image: linear-gradient(to bottom, #dddddd 10%, #d0d0d0 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); }
1074
1075 switch:checked > slider { border: 1px solid #2b3a1d; }
1076
1077 switch:disabled slider { color: #6e6e6e; border-color: #7a7a7a; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
1078
1079 switch:backdrop slider { transition: 200ms ease-out; color: #6e6e6e; border-color: #818181; background-image: image(#C6C6C6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
1080
1081 switch:backdrop:checked > slider { border-color: #2b3a1d; }
1082
1083 switch:backdrop:disabled slider { color: #a0a0a0; border-color: #818181; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
1084
1085 row:selected switch { box-shadow: none; border-color: #2b3a1d; }
1086
1087 row:selected switch:backdrop { border-color: #2b3a1d; }
1088
1089 row:selected switch > slider:checked, row:selected switch > slider { border-color: #2b3a1d; }
1090
1091 /************************* Check and Radio items * */
1092 .view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #5E7F3E; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
1093
1094 .view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #5E7F3E; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
1095
1096 .view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #5E7F3E; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
1097
1098 .view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #5f5f5f; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
1099
1100 .view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #5E7F3E; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
1101
1102 .view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #5E7F3E; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
1103
1104 .view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #5E7F3E; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
1105
1106 .view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(238, 238, 236, 0.8); background-color: #5f5f5f; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
1107
1108 checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; }
1109
1110 checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; }
1111
1112 checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; }
1113
1114 check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; }
1115
1116 check:only-child, radio:only-child { margin: 0; }
1117
1118 popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; }
1119
1120 popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; }
1121
1122 check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, white 20%, white 90%); border-color: #6d6d6d; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #161616; }
1123
1124 check:hover, radio:hover { background-image: image(#f2f2f2); }
1125
1126 check:active, radio:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); }
1127
1128 check:disabled, radio:disabled { box-shadow: none; color: rgba(22, 22, 22, 0.7); }
1129
1130 check:backdrop, radio:backdrop { background-image: image(white); box-shadow: none; color: #161616; }
1131
1132 check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; color: rgba(22, 22, 22, 0.7); }
1133
1134 check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #6b9046 20%, #5E7F3E 90%); border-color: #5E7F3E; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
1135
1136 check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #759e4d 10%, #688d45 90%); }
1137
1138 check:checked:active, radio:checked:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); }
1139
1140 check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
1141
1142 check:checked:backdrop, radio:checked:backdrop { background-image: image(#5E7F3E); box-shadow: none; color: #ffffff; }
1143
1144 check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
1145
1146 check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #6b9046 20%, #5E7F3E 90%); border-color: #5E7F3E; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
1147
1148 check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #759e4d 10%, #688d45 90%); }
1149
1150 check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); }
1151
1152 check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
1153
1154 check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: image(#5E7F3E); box-shadow: none; color: #ffffff; }
1155
1156 check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
1157
1158 check:backdrop, radio:backdrop { transition: 200ms ease-out; }
1159
1160 row:selected check, row:selected radio { border-color: #2b3a1d; }
1161
1162 .osd check, .osd radio { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
1163
1164 .osd check:hover, .osd radio:hover { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
1165
1166 .osd check:active, .osd radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); }
1167
1168 .osd check:backdrop, .osd radio:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
1169
1170 .osd check:disabled, .osd radio:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
1171
1172 menu menuitem check, menu menuitem radio { margin: 0; }
1173
1174 menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-color: currentColor; }
1175
1176 check { border-radius: 3px; }
1177
1178 check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); }
1179
1180 check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
1181
1182 treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; }
1183
1184 treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); }
1185
1186 treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
1187
1188 radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
1189
1190 check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
1191
1192 radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
1193
1194 radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
1195
1196 menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
1197
1198 treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; border-color: #2b3a1d; }
1199
1200 /************ GtkScale * */
1201 progressbar trough, scale fill, scale trough { border: 1px solid #7a7a7a; border-radius: 3px; background-color: #ababab; }
1202
1203 progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #c6c6c6; }
1204
1205 progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #aeaeae; border-color: #818181; transition: 200ms ease-out; }
1206
1207 progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #c6c6c6; }
1208
1209 row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border-color: #2b3a1d; }
1210
1211 .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); }
1212
1213 .osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: rgba(71, 71, 71, 0.5); }
1214
1215 progressbar progress, scale highlight { border: 1px solid #2b3a1d; border-radius: 3px; background-color: #5E7F3E; }
1216
1217 progressbar progress:disabled, scale highlight:disabled { background-color: transparent; border-color: transparent; }
1218
1219 progressbar progress:backdrop, scale highlight:backdrop { border-color: #5E7F3E; }
1220
1221 progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-color: transparent; border-color: transparent; }
1222
1223 row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border-color: #2b3a1d; }
1224
1225 .osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { border-color: rgba(0, 0, 0, 0.7); }
1226
1227 .osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { border-color: transparent; }
1228
1229 scale { min-height: 10px; min-width: 10px; padding: 12px; }
1230
1231 scale fill, scale highlight { margin: -1px; }
1232
1233 scale slider { min-height: 18px; min-width: 18px; margin: -9px; }
1234
1235 scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
1236
1237 scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
1238
1239 scale.fine-tune slider { margin: -6px; }
1240
1241 scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 5px; -gtk-outline-radius: 7px; }
1242
1243 scale trough { outline-offset: 2px; -gtk-outline-radius: 5px; }
1244
1245 scale fill:backdrop, scale fill { background-color: #7a7a7a; }
1246
1247 scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; }
1248
1249 .osd scale fill { background-color: rgba(91, 91, 90, 0.775); }
1250
1251 .osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; }
1252
1253 scale slider { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #6d6d6d; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image: linear-gradient(to bottom, lightgray 20%, #C6C6C6 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); border: 1px solid #656565; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
1254
1255 scale slider:hover { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #6d6d6d; background-image: linear-gradient(to bottom, #dddddd 10%, #d0d0d0 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); }
1256
1257 scale slider:active { border-color: #2b3a1d; }
1258
1259 scale slider:disabled { color: #6e6e6e; border-color: #7a7a7a; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
1260
1261 scale slider:backdrop { transition: 200ms ease-out; color: #6e6e6e; border-color: #818181; background-image: image(#C6C6C6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
1262
1263 scale slider:backdrop:disabled { color: #a0a0a0; border-color: #818181; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
1264
1265 row:selected scale slider:disabled, row:selected scale slider { border-color: #2b3a1d; }
1266
1267 .osd scale slider { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: #353535; }
1268
1269 .osd scale slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(83, 83, 83, 0.9)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); background-color: #353535; }
1270
1271 .osd scale slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); background-color: #353535; }
1272
1273 .osd scale slider:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #353535; }
1274
1275 .osd scale slider:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.9)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #353535; }
1276
1277 .osd scale slider:backdrop:disabled { background-color: #353535; }
1278
1279 scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
1280
1281 scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; }
1282
1283 scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; }
1284
1285 scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; }
1286
1287 scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; }
1288
1289 scale.vertical marks.top { margin-right: 6px; margin-left: -12px; }
1290
1291 scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; }
1292
1293 scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; }
1294
1295 scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; }
1296
1297 scale.horizontal indicator { min-height: 6px; min-width: 1px; }
1298
1299 scale.horizontal.fine-tune indicator { min-height: 3px; }
1300
1301 scale.vertical indicator { min-height: 1px; min-width: 6px; }
1302
1303 scale.vertical.fine-tune indicator { min-width: 3px; }
1304
1305 scale.horizontal.marks-before:not(.marks-after) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
1306
1307 scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
1308
1309 scale.horizontal.marks-before:not(.marks-after) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
1310
1311 scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
1312
1313 scale.horizontal.marks-before:not(.marks-after) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
1314
1315 scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
1316
1317 scale.horizontal.marks-before:not(.marks-after) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
1318
1319 scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
1320
1321 scale.horizontal.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), url("assets/slider-horz-scale-has-marks-above-backdrop@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
1322
1323 scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
1324
1325 scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
1326
1327 scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
1328
1329 scale.horizontal.marks-after:not(.marks-before) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
1330
1331 scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
1332
1333 scale.horizontal.marks-after:not(.marks-before) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
1334
1335 scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
1336
1337 scale.horizontal.marks-after:not(.marks-before) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
1338
1339 scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
1340
1341 scale.horizontal.marks-after:not(.marks-before) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
1342
1343 scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
1344
1345 scale.horizontal.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), url("assets/slider-horz-scale-has-marks-below-backdrop@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
1346
1347 scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
1348
1349 scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
1350
1351 scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
1352
1353 scale.vertical.marks-before:not(.marks-after) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
1354
1355 scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
1356
1357 scale.vertical.marks-before:not(.marks-after) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
1358
1359 scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
1360
1361 scale.vertical.marks-before:not(.marks-after) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
1362
1363 scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
1364
1365 scale.vertical.marks-before:not(.marks-after) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
1366
1367 scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
1368
1369 scale.vertical.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), url("assets/slider-vert-scale-has-marks-above-backdrop@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
1370
1371 scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
1372
1373 scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
1374
1375 scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
1376
1377 scale.vertical.marks-after:not(.marks-before) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
1378
1379 scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
1380
1381 scale.vertical.marks-after:not(.marks-before) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
1382
1383 scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
1384
1385 scale.vertical.marks-after:not(.marks-before) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
1386
1387 scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
1388
1389 scale.vertical.marks-after:not(.marks-before) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
1390
1391 scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
1392
1393 scale.vertical.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), url("assets/slider-vert-scale-has-marks-below-backdrop@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
1394
1395 scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
1396
1397 scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
1398
1399 scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
1400
1401 scale.color { min-height: 0; min-width: 0; }
1402
1403 scale.color trough { background-image: image(#7a7a7a); background-repeat: no-repeat; }
1404
1405 scale.color.horizontal { padding: 0 0 15px 0; }
1406
1407 scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; }
1408
1409 scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; }
1410
1411 scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; }
1412
1413 scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }
1414
1415 scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
1416
1417 scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; }
1418
1419 scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }
1420
1421 scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
1422
1423 scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; }
1424
1425 scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; }
1426
1427 scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; }
1428
1429 scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; }
1430
1431 scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; }
1432
1433 scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
1434
1435 scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; }
1436
1437 scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; }
1438
1439 scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
1440
1441 /***************** Progress bars * */
1442 progressbar { font-size: smaller; color: rgba(22, 22, 22, 0.4); font-feature-settings: "tnum"; }
1443
1444 progressbar.horizontal trough, progressbar.horizontal progress { min-height: 2px; }
1445
1446 progressbar.vertical trough, progressbar.vertical progress { min-width: 2px; }
1447
1448 progressbar.horizontal progress { margin: 0 -1px; }
1449
1450 progressbar.vertical progress { margin: -1px 0; }
1451
1452 progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; }
1453
1454 progressbar progress { border-radius: 1.5px; }
1455
1456 progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
1457
1458 progressbar progress.right { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
1459
1460 progressbar progress.top { border-top-right-radius: 2px; border-top-left-radius: 2px; }
1461
1462 progressbar progress.bottom { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
1463
1464 progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; }
1465
1466 progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
1467
1468 progressbar.osd progress { border-style: none; border-radius: 0; }
1469
1470 progressbar trough.empty progress { all: unset; }
1471
1472 /************* Level Bar * */
1473 levelbar.horizontal block { min-height: 1px; }
1474
1475 levelbar.horizontal.discrete block { margin: 0 1px; min-width: 32px; }
1476
1477 levelbar.vertical block { min-width: 1px; }
1478
1479 levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; }
1480
1481 levelbar:backdrop { transition: 200ms ease-out; }
1482
1483 levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; color: black; border-color: #7a7a7a; background-color: #C6C6C6; box-shadow: inset 0 0 0 1px rgba(94, 127, 62, 0); }
1484
1485 levelbar trough:backdrop { color: #272727; border-color: #818181; background-color: #c3c3c3; box-shadow: none; }
1486
1487 levelbar block { border: 1px solid; border-radius: 1px; }
1488
1489 levelbar block.low { border-color: #8f4700; background-color: #f57900; }
1490
1491 levelbar block.low:backdrop { border-color: #f57900; }
1492
1493 levelbar block.high, levelbar block:not(.empty) { border-color: #2b3a1d; background-color: #5E7F3E; }
1494
1495 levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { border-color: #5E7F3E; }
1496
1497 levelbar block.full { border-color: #1d814a; background-color: #33d17a; }
1498
1499 levelbar block.full:backdrop { border-color: #33d17a; }
1500
1501 levelbar block.empty { background-color: transparent; border-color: rgba(22, 22, 22, 0.2); }
1502
1503 levelbar block.empty:backdrop { border-color: rgba(110, 110, 110, 0.15); }
1504
1505 /**************** Print dialog * */
1506 printdialog paper { color: #161616; border: 1px solid #7a7a7a; background: white; padding: 0; }
1507
1508 printdialog paper:backdrop { color: #6e6e6e; border-color: #818181; }
1509
1510 printdialog .dialog-action-box { margin: 12px; }
1511
1512 /********** Frames * */
1513 frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #7a7a7a; }
1514
1515 frame > border.flat, .frame.flat { border-style: none; }
1516
1517 frame > border:backdrop, .frame:backdrop { border-color: #818181; }
1518
1519 actionbar > revealer > box { padding: 6px; border-top: 1px solid #7a7a7a; }
1520
1521 actionbar > revealer > box:backdrop { border-color: #818181; }
1522
1523 scrolledwindow viewport.frame { border-style: none; }
1524
1525 scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#606060), to(rgba(96, 96, 96, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(22, 22, 22, 0.07)), to(rgba(22, 22, 22, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
1526
1527 scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#818181), to(rgba(129, 129, 129, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
1528
1529 scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#606060), to(rgba(96, 96, 96, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(22, 22, 22, 0.07)), to(rgba(22, 22, 22, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
1530
1531 scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#818181), to(rgba(129, 129, 129, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
1532
1533 scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#606060), to(rgba(96, 96, 96, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(22, 22, 22, 0.07)), to(rgba(22, 22, 22, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
1534
1535 scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#818181), to(rgba(129, 129, 129, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
1536
1537 scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#606060), to(rgba(96, 96, 96, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(22, 22, 22, 0.07)), to(rgba(22, 22, 22, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
1538
1539 scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#818181), to(rgba(129, 129, 129, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
1540
1541 scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #7a7a7a 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #b4b4b4; }
1542
1543 scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; }
1544
1545 scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #818181 1px, transparent 1px); background-color: #bebebe; transition: 200ms ease-out; }
1546
1547 separator { background: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; }
1548
1549 /********* Lists * */
1550 list { color: black; background-color: #C6C6C6; border-color: #7a7a7a; }
1551
1552 list:backdrop { color: #272727; background-color: #c3c3c3; border-color: #818181; }
1553
1554 list row { padding: 2px; }
1555
1556 row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
1557
1558 row:hover { transition: none; }
1559
1560 row:backdrop { transition: 200ms ease-out; }
1561
1562 row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(22, 22, 22, 0.05); }
1563
1564 row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
1565
1566 row.activatable:backdrop:hover { background-color: transparent; }
1567
1568 row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
1569
1570 row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #57753a; }
1571
1572 row.activatable:selected:backdrop { background-color: #5E7F3E; }
1573
1574 /********************* App Notifications * */
1575 .app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(53, 53, 53, 0.9); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; }
1576
1577 .app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; }
1578
1579 .app-notification border, .app-notification.frame border { border: none; }
1580
1581 /************* Expanders * */
1582 expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
1583
1584 expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
1585
1586 expander title > arrow:hover { color: #636363; }
1587
1588 expander title > arrow:disabled { color: #6e6e6e; }
1589
1590 expander title > arrow:disabled:backdrop { color: #a0a0a0; }
1591
1592 expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
1593
1594 /************ Calendar * */
1595 calendar { color: black; border: 1px solid #7a7a7a; }
1596
1597 calendar:selected { border-radius: 3px; }
1598
1599 calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); }
1600
1601 calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); }
1602
1603 calendar.button { color: rgba(22, 22, 22, 0.45); }
1604
1605 calendar.button:hover { color: #161616; }
1606
1607 calendar.button:backdrop { color: rgba(110, 110, 110, 0.45); }
1608
1609 calendar.button:disabled { color: rgba(110, 110, 110, 0.45); }
1610
1611 calendar.highlight { color: #6e6e6e; }
1612
1613 calendar.highlight:backdrop { color: #a0a0a0; }
1614
1615 calendar:backdrop { color: #272727; border-color: #818181; }
1616
1617 calendar:indeterminate { color: alpha(currentColor,0.1); }
1618
1619 /*********** Dialogs * */
1620 messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #C6C6C6; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; }
1621
1622 messagedialog.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }
1623
1624 messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; -gtk-outline-radius: 0; }
1625
1626 messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; -gtk-outline-bottom-left-radius: 7px; }
1627
1628 messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; -gtk-outline-bottom-right-radius: 7px; }
1629
1630 filechooser .dialog-action-box { border-top: 1px solid #7a7a7a; }
1631
1632 filechooser .dialog-action-box:backdrop { border-top-color: #818181; }
1633
1634 filechooser #pathbarbox { border-bottom: 1px solid #C6C6C6; }
1635
1636 filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
1637
1638 /*********** Sidebar * */
1639 .sidebar { border-style: none; background-color: #c6c6c6; }
1640
1641 stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #7a7a7a; border-left-style: none; }
1642
1643 stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #7a7a7a; border-right-style: none; }
1644
1645 .sidebar:backdrop { background-color: #b9b9b9; border-color: #818181; transition: 200ms ease-out; }
1646
1647 .sidebar list { background-color: transparent; }
1648
1649 paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
1650
1651 stacksidebar row { padding: 10px 4px; }
1652
1653 stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
1654
1655 stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
1656
1657 separator.sidebar { background-color: #7a7a7a; }
1658
1659 separator.sidebar:backdrop { background-color: #818181; }
1660
1661 separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #2b3a1d; }
1662
1663 /**************** File chooser * */
1664 row image.sidebar-icon { opacity: 0.7; }
1665
1666 placessidebar > viewport.frame { border-style: none; }
1667
1668 placessidebar row { min-height: 36px; padding: 0px; }
1669
1670 placessidebar row > revealer { padding: 0 14px; }
1671
1672 placessidebar row:selected { color: #ffffff; }
1673
1674 placessidebar row:disabled { color: #6e6e6e; }
1675
1676 placessidebar row:backdrop { color: #6e6e6e; }
1677
1678 placessidebar row:backdrop:selected { color: #ffffff; }
1679
1680 placessidebar row:backdrop:disabled { color: #a0a0a0; }
1681
1682 placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
1683
1684 placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
1685
1686 placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; }
1687
1688 placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; }
1689
1690 button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; }
1691
1692 button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; }
1693
1694 placessidebar row:selected:active { box-shadow: none; }
1695
1696 placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4e9a06); background-clip: content-box; }
1697
1698 placessidebar row.sidebar-new-bookmark-row { color: #5E7F3E; }
1699
1700 placessidebar row:drop(active):not(:disabled) { color: #4e9a06; box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; }
1701
1702 placessidebar row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #4e9a06; }
1703
1704 placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
1705
1706 placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
1707
1708 placesview row.activatable:hover { background-color: transparent; }
1709
1710 placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; }
1711
1712 /********* Paned * */
1713 paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#7a7a7a); background-size: 1px 1px; }
1714
1715 paned > separator:selected { background-image: image(#5E7F3E); }
1716
1717 paned > separator:backdrop { background-image: image(#818181); }
1718
1719 paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #C6C6C6; background-image: image(#7a7a7a), image(#7a7a7a); background-size: 1px 1px, 1px 1px; }
1720
1721 paned > separator.wide:backdrop { background-color: #C6C6C6; background-image: image(#818181), image(#818181); }
1722
1723 paned.horizontal > separator { background-repeat: repeat-y; }
1724
1725 paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; }
1726
1727 paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; }
1728
1729 paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; }
1730
1731 paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; }
1732
1733 paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; }
1734
1735 /************** GtkInfoBar * */
1736 infobar { border-style: none; }
1737
1738 infobar.action:hover > revealer > box { background-color: white; border-bottom: 1px solid #868686; }
1739
1740 infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
1741
1742 infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: white; border-bottom: 1px solid #868686; }
1743
1744 infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #161616; }
1745
1746 infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
1747
1748 infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; background-image: linear-gradient(to top, #bcbcbc 2px, #C6C6C6); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); }
1749
1750 infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; background-image: linear-gradient(to top, #C6C6C6, #c9c9c9 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.07); }
1751
1752 infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; background-image: image(#a2a2a2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
1753
1754 infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #6e6e6e; border-color: #7a7a7a; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
1755
1756 infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #6e6e6e; border-color: #818181; background-image: image(#C6C6C6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #adadad; }
1757
1758 infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #a0a0a0; border-color: #818181; background-image: image(#c6c6c6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #adadad; }
1759
1760 infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #161616; }
1761
1762 infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #adadad; }
1763
1764 infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #455d2d; }
1765
1766 /************ Tooltips * */
1767 tooltip { padding: 4px; /* not working */ border-radius: 5px; box-shadow: none; text-shadow: 0 1px black; }
1768
1769 tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); }
1770
1771 tooltip decoration { background-color: transparent; }
1772
1773 tooltip * { padding: 4px; background-color: transparent; color: white; }
1774
1775 /***************** Color Chooser * */
1776 colorswatch:drop(active), colorswatch { border-style: none; }
1777
1778 colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; }
1779
1780 colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; }
1781
1782 colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; }
1783
1784 colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
1785
1786 colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; }
1787
1788 colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
1789
1790 colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; }
1791
1792 colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
1793
1794 colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); }
1795
1796 colorswatch.dark overlay { color: white; }
1797
1798 colorswatch.dark overlay:hover { border-color: rgba(0, 0, 0, 0.8); }
1799
1800 colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); }
1801
1802 colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); }
1803
1804 colorswatch.light overlay { color: black; }
1805
1806 colorswatch.light overlay:hover { border-color: rgba(0, 0, 0, 0.5); }
1807
1808 colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); }
1809
1810 colorswatch:drop(active) { box-shadow: none; }
1811
1812 colorswatch:drop(active).light overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px #3d7805, inset 0 0 0 1px #4e9a06; }
1813
1814 colorswatch:drop(active).dark overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #4e9a06; }
1815
1816 colorswatch overlay { border: 1px solid rgba(0, 0, 0, 0.3); }
1817
1818 colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); }
1819
1820 colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: rgba(0, 0, 0, 0.3); box-shadow: none; }
1821
1822 colorswatch#add-color-button { border-radius: 5px 5px 0 0; }
1823
1824 colorswatch#add-color-button:only-child { border-radius: 5px; }
1825
1826 colorswatch#add-color-button overlay { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; background-image: linear-gradient(to top, #bcbcbc 2px, #C6C6C6); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); }
1827
1828 colorswatch#add-color-button overlay:hover { color: #161616; outline-color: rgba(22, 22, 22, 0.3); border-color: #7a7a7a; border-bottom-color: #6d6d6d; background-image: linear-gradient(to top, #C6C6C6, #c9c9c9 1px); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.07); }
1829
1830 colorswatch#add-color-button overlay:backdrop { color: #6e6e6e; border-color: #818181; background-image: image(#C6C6C6); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
1831
1832 colorswatch:disabled { opacity: 0.5; }
1833
1834 colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
1835
1836 row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; }
1837
1838 colorswatch#editor-color-sample { border-radius: 4px; }
1839
1840 colorswatch#editor-color-sample overlay { border-radius: 4.5px; }
1841
1842 colorchooser .popover.osd { border-radius: 5px; }
1843
1844 /******** Misc * */
1845 .content-view { background-color: #b4b4b4; }
1846
1847 .content-view:hover { -gtk-icon-effect: highlight; }
1848
1849 .content-view:backdrop { background-color: #b4b4b4; }
1850
1851 .osd .scale-popup button.flat { border-style: none; border-radius: 5px; }
1852
1853 .scale-popup button:hover { background-color: rgba(22, 22, 22, 0.1); border-radius: 5px; }
1854
1855 /********************** Window Decorations * */
1856 decoration { border-radius: 8px 8px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); margin: 10px; }
1857
1858 decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); transition: 200ms ease-out; }
1859
1860 .maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; }
1861
1862 .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; }
1863
1864 .tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; }
1865
1866 .popup decoration { box-shadow: none; }
1867
1868 .ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); }
1869
1870 .ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18); }
1871
1872 .csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
1873
1874 tooltip.csd decoration { border-radius: 5px; box-shadow: none; }
1875
1876 messagedialog.csd decoration { border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
1877
1878 .solid-csd decoration { margin: 0; padding: 4px; background-color: #7a7a7a; border: solid 1px #7a7a7a; border-radius: 0; box-shadow: inset 0 0 0 3px white, inset 0 1px rgba(255, 255, 255, 0.1); }
1879
1880 .solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #C6C6C6, inset 0 1px rgba(255, 255, 255, 0.1); }
1881
1882 button.titlebutton { text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); }
1883
1884 button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 6px; margin: 0 2px; min-width: 0; min-height: 0; }
1885
1886 button.titlebutton:backdrop { -gtk-icon-shadow: none; }
1887
1888 .selection-mode headerbar button.titlebutton, .selection-mode .titlebar button.titlebutton, headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.703529); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.703529); }
1889
1890 .selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; }
1891
1892 .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #5E7F3E; }
1893
1894 label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; }
1895
1896 label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #afbf9f; }
1897
1898 label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview:backdrop:selected:focus, iconview:backdrop:selected, iconview text selection:backdrop:focus, iconview text selection:backdrop, flowbox flowboxchild:backdrop:selected, entry selection:backdrop, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #ffffff; }
1899
1900 label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #8ea578; }
1901
1902 .monospace { font-family: monospace; }
1903
1904 /********************** Touch Copy & Paste * */
1905 cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; }
1906
1907 cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); padding-left: 10px; }
1908
1909 cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); padding-right: 10px; }
1910
1911 cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); }
1912
1913 cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png")); padding-left: 10px; }
1914
1915 cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png")); padding-right: 10px; }
1916
1917 cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); }
1918
1919 cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png")); padding-left: 10px; }
1920
1921 cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png")); padding-right: 10px; }
1922
1923 cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); }
1924
1925 .context-menu { font: initial; }
1926
1927 .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #161616; background-color: #C6C6C6; border: 1px solid; border-color: #a0a0a0; border-radius: 5px; box-shadow: inset 0 -3px #c6c6c6; font-size: smaller; }
1928
1929 .keycap:backdrop { background-color: #c3c3c3; color: #6e6e6e; transition: 200ms ease-out; }
1930
1931 :not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; caret-color: #4e9a06; }
1932
1933 stackswitcher button.text-button { min-width: 100px; }
1934
1935 stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
1936
1937 /************* App Icons * */
1938 /* Outline for low res icons */
1939 .lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
1940
1941 /* Dropshadow for large icons */
1942 .icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
1943
1944 /********* Emoji * */
1945 popover.emoji-picker { padding-left: 0; padding-right: 0; }
1946
1947 popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; }
1948
1949 button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; }
1950
1951 button.emoji-section:first-child { margin-left: 7px; }
1952
1953 button.emoji-section:last-child { margin-right: 7px; }
1954
1955 button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
1956
1957 button.emoji-section:hover { border-color: #7a7a7a; }
1958
1959 button.emoji-section:checked { border-color: #5E7F3E; }
1960
1961 button.emoji-section label { padding: 0; opacity: 0.55; }
1962
1963 button.emoji-section:hover label { opacity: 0.775; }
1964
1965 button.emoji-section:checked label { opacity: 1; }
1966
1967 popover.emoji-picker .emoji { font-size: x-large; padding: 6px; }
1968
1969 popover.emoji-picker .emoji :hover { background: #5E7F3E; border-radius: 6px; }
1970
1971 popover.emoji-completion arrow { border: none; background: none; }
1972
1973 popover.emoji-completion contents row box { padding: 2px 10px; }
1974
1975 popover.emoji-completion .emoji:hover { background: lightgray; }
1976
1977 /* GTK NAMED COLORS ---------------- use responsibly! */
1978 /*
1979 widget text/foreground color */
1980 @define-color theme_fg_color #161616;
1981 /*
1982 text color for entries, views and content in general */
1983 @define-color theme_text_color black;
1984 /*
1985 widget base background color */
1986 @define-color theme_bg_color #C6C6C6;
1987 /*
1988 text widgets and the like base background color */
1989 @define-color theme_base_color #C6C6C6;
1990 /*
1991 base background color of selections */
1992 @define-color theme_selected_bg_color #5E7F3E;
1993 /*
1994 text/foreground color of selections */
1995 @define-color theme_selected_fg_color #ffffff;
1996 /*
1997 base background color of insensitive widgets */
1998 @define-color insensitive_bg_color #c6c6c6;
1999 /*
2000 text foreground color of insensitive widgets */
2001 @define-color insensitive_fg_color #6e6e6e;
2002 /*
2003 insensitive text widgets and the like base background color */
2004 @define-color insensitive_base_color #C6C6C6;
2005 /*
2006 widget text/foreground color on backdrop windows */
2007 @define-color theme_unfocused_fg_color #6e6e6e;
2008 /*
2009 text color for entries, views and content in general on backdrop windows */
2010 @define-color theme_unfocused_text_color black;
2011 /*
2012 widget base background color on backdrop windows */
2013 @define-color theme_unfocused_bg_color #C6C6C6;
2014 /*
2015 text widgets and the like base background color on backdrop windows */
2016 @define-color theme_unfocused_base_color #c3c3c3;
2017 /*
2018 base background color of selections on backdrop windows */
2019 @define-color theme_unfocused_selected_bg_color #5E7F3E;
2020 /*
2021 text/foreground color of selections on backdrop windows */
2022 @define-color theme_unfocused_selected_fg_color #ffffff;
2023 /*
2024 insensitive color on backdrop windows*/
2025 @define-color unfocused_insensitive_color #a0a0a0;
2026 /*
2027 widgets main borders color */
2028 @define-color borders #7a7a7a;
2029 /*
2030 widgets main borders color on backdrop windows */
2031 @define-color unfocused_borders #818181;
2032 /*
2033 these are pretty self explicative */
2034 @define-color warning_color #f57900;
2035 @define-color error_color #cc0000;
2036 @define-color success_color #33d17a;
2037 /*
2038 these colors are exported for the window manager and shouldn't be used in applications,
2039 read if you used those and something break with a version upgrade you're on your own... */
2040 @define-color wm_title shade(#161616, 1.8);
2041 @define-color wm_unfocused_title #6e6e6e;
2042 @define-color wm_highlight rgba(255, 255, 255, 0.1);
2043 @define-color wm_borders_edge rgba(255, 255, 255, 0.1);
2044 @define-color wm_bg_a shade(#C6C6C6, 1.2);
2045 @define-color wm_bg_b #C6C6C6;
2046 @define-color wm_shadow alpha(black, 0.35);
2047 @define-color wm_border alpha(black, 0.18);
2048 @define-color wm_button_hover_color_a shade(#C6C6C6, 1.3);
2049 @define-color wm_button_hover_color_b #C6C6C6;
2050 @define-color wm_button_active_color_a shade(#C6C6C6, 0.85);
2051 @define-color wm_button_active_color_b shade(#C6C6C6, 0.89);
2052 @define-color wm_button_active_color_c shade(#C6C6C6, 0.9);
2053 /* content view background such as thumbnails view in Photos or Boxes */
2054 @define-color content_view_bg #C6C6C6;
2055 /* Very contrasty background for text views (@theme_text_color foreground) */
2056 @define-color text_view_bg #C6C6C6;
2057 @define-color theme_base_color #C6C6C6;
2058 @define-color theme_fg_dark_color #dddddd;
2059 @define-color theme_bg_dark_color #3D3D3D;
2060 @define-color wm_title #dddddd;
2061 @define-color wm_unfocused_title #dddddd;
2062 @define-color wm_highlight shade(#3D3D3D, 1.03);
2063 @define-color wm_borders_edge #3D3D3D;
2064 @define-color wm_bg_a shade(#3D3D3D, 1.2);
2065 @define-color wm_bg_b #3D3D3D;
2066 @define-color wm_button_hover_color_a shade(#3D3D3D, 1.3);
2067 @define-color wm_button_hover_color_b #3D3D3D;
2068 @define-color wm_button_active_color_a shade(#3D3D3D, 0.85);
2069 @define-color wm_button_active_color_b shade(#3D3D3D, 0.89);
2070 @define-color wm_button_active_color_c shade(#3D3D3D, 0.9);
2071 @define-color wm_button_border #303030;
2072 @define-color button_emphasis_a #707070;
2073 @define-color button_emphasis_b #646464;
2074 @define-color button_emphasis_c #575757;
2075 /************************** Adwaita Dark Overrides * And now do our own * overrides of styling! * */
2076 *:disabled { -gtk-icon-effect: highlight; }
2077
2078 /*************** Header bars * */
2079 .titlebar:not(headerbar), headerbar { color: #fff; background-image: linear-gradient(to bottom, #454545 0%, #3D3D3D 45%); border-color: shade(#3D3D3D, 0.9); border-bottom-width: 0; box-shadow: inset 0 2px #4c4c4c, inset 0 1px #303030; background-color: #3D3D3D; }
2080
2081 .titlebar:backdrop:not(headerbar), headerbar:backdrop { color: #dddddd; box-shadow: none; background-color: #3D3D3D; background-image: none; border-bottom-width: 0; border-color: #242424; }
2082
2083 .titlebar:not(headerbar) .title, headerbar .title { color: #fff; }
2084
2085 .titlebar:not(headerbar) label, headerbar label { color: #dddddd; }
2086
2087 .titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:checked, headerbar button.toggle:checked { background: image(#303030); border-color: shade(#3D3D3D, 0.9); }
2088
2089 .titlebar:not(headerbar) stackswitcher button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop { background: #303030; color: #dddddd; border-color: shade(#3D3D3D, 0.9); }
2090
2091 window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; }
2092
2093 .titlebar:not(headerbar) > separator { background-color: #7a7a7a; }
2094
2095 headerbar button, headerbar button label, headerbar buttonlabel:backdrop, headerbar button:checked, headerbar button:checked label, headerbar button:checkedlabel:backdrop, headerbar button:backdrop, headerbar button:backdrop label, headerbar button:backdroplabel:backdrop, headerbar button:backdrop:checked, headerbar button:backdrop:checked label, headerbar button:backdrop:checkedlabel:backdrop { color: #dddddd; }
2096
2097 .titlebar:not(headerbar) headerbar:not(.selection-mode) button, headerbar:not(.selection-mode) button { color: #dddddd; background-image: linear-gradient(to bottom, #575757, #3D3D3D); text-shadow: 0 1px rgba(87, 87, 87, 0.5); -gtk-icon-shadow: 0 1px rgba(87, 87, 87, 0.5); border-color: #303030; outline-color: #575757; box-shadow: inset 0 1px #575757, 0 1px #575757; }
2098
2099 headerbar:not(.selection-mode) button.flat, headerbar:not(.selection-mode) button.titlebutton { color: #dddddd; background-image: none; background-color: transparent; border-color: transparent; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
2100
2101 headerbar:not(.selection-mode) button.flat:hover, headerbar:not(.selection-mode) button.flat:active, headerbar:not(.selection-mode) button.flat:backdrop, headerbar:not(.selection-mode) button.flat:checked, headerbar:not(.selection-mode) button.titlebutton:hover, headerbar:not(.selection-mode) button.titlebutton:active, headerbar:not(.selection-mode) button.titlebutton:backdrop, headerbar:not(.selection-mode) button.titlebutton:checked { color: #fff; }
2102
2103 headerbar:not(.selection-mode) button.flat:backdrop, headerbar:not(.selection-mode) button.titlebutton:backdrop { border-color: transparent; }
2104
2105 headerbar:not(.selection-mode) button:hover { color: shade(#dddddd, 1.3); outline-color: #575757; border-color: #303030; background-image: linear-gradient(to bottom, shade(#575757, 1.1), shade(#3D3D3D, 1.1)); text-shadow: 0 1px rgba(87, 87, 87, 0.5); -gtk-icon-shadow: 0 1px rgba(87, 87, 87, 0.5); box-shadow: inset 0 1px #575757, 0 1px #575757; }
2106
2107 headerbar:not(.selection-mode) button:active, headerbar:not(.selection-mode) button:checked { color: #fff; outline-color: #575757; border-color: #303030; background-image: linear-gradient(to bottom, #3D3D3D, #303030); text-shadow: 0 1px rgba(87, 87, 87, 0.5); -gtk-icon-shadow: 0 1px rgba(87, 87, 87, 0.5); box-shadow: inset 0 1px rgba(87, 87, 87, 0.3), 0 1px #575757; }
2108
2109 headerbar:not(.selection-mode) button:backdrop { color: #dddddd; background-image: none; background-color: #3D3D3D; border-color: #303030; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; transition: 200ms ease-out; -gtk-icon-effect: none; }
2110
2111 headerbar:not(.selection-mode) button:backdrop:active, headerbar:not(.selection-mode) button:backdrop:checked { background-image: none; background-color: #303030; border-color: #303030; }
2112
2113 headerbar:not(.selection-mode) button:backdrop:disabled { color: #8d8d8d; background-color: #3D3D3D; background-image: none; border-color: #303030; box-shadow: none; }
2114
2115 headerbar:not(.selection-mode) button:disabled { color: #8d8d8d; background-color: #3D3D3D; background-image: none; border-color: #303030; box-shadow: 0 1px #575757; }
2116
2117 headerbar:not(.selection-mode) button:drop(active) { color: #4e9a06; border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; }
2118
2119 headerbar:not(.selection-mode) button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #455d2d; border-bottom-color: #2b3a1d; background-image: linear-gradient(to top, #547137 2px, #5E7F3E); text-shadow: 0 -1px rgba(0, 0, 0, 0.703529); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.703529); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
2120
2121 headerbar:not(.selection-mode) button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #5E7F3E; }
2122
2123 headerbar:not(.selection-mode) button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #455d2d; border-bottom-color: #2b3a1d; background-image: linear-gradient(to top, #5E7F3E, #618240 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.655529); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.655529); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); }
2124
2125 headerbar:not(.selection-mode) button.suggested-action:active, headerbar:not(.selection-mode) button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #455d2d; background-image: image(#3a4f27); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
2126
2127 headerbar:not(.selection-mode) button.suggested-action:backdrop { color: #dfe5d8; border-color: #5E7F3E; background-image: image(#5E7F3E); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #2b3a1d; }
2128
2129 headerbar:not(.selection-mode) button.suggested-action:backdrop:active, headerbar:not(.selection-mode) button.suggested-action:backdrop:checked { color: #83877e; border-color: #5a7043; background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
2130
2131 headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled, headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label { color: #8d8d8d; background-color: #3D3D3D; background-image: none; border-color: #303030; box-shadow: none; }
2132
2133 headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled:active, headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled:checked, headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label:active, headerbar:not(.selection-mode) button.suggested-action:backdrop:disabled label:checked { color: #93a285; border-color: #5a7043; background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
2134
2135 headerbar:not(.selection-mode) button.suggested-action.flat:backdrop, headerbar:not(.selection-mode) button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(94, 127, 62, 0.8); }
2136
2137 column-header button, column-header headerbar button.titlebutton, headerbar column-header button.titlebutton, column-header .titlebar button.titlebutton, .titlebar column-header button.titlebutton { color: #161616; background-color: #e0e0e0; }
2138
2139 column-header button:hover, column-header headerbar button.titlebutton:hover, headerbar column-header button.titlebutton:hover, column-header .titlebar button.titlebutton:hover, .titlebar column-header button.titlebutton:hover { color: black; }
2140
2141 spinbutton:not(.vertical), entry { background-color: #F0F0F0; }
2142
2143 spinbutton:disabled:not(.vertical), entry:disabled { background-color: #c6c6c6; }
2144
2145 spinbutton:backdrop:not(.vertical), entry:backdrop { background-color: #ededed; }
2146
2147 spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { background-color: #c6c6c6; }
2148
2149 spinbutton:not(.vertical) button:hover { background-color: rgba(198, 198, 198, 0.4); border-top-color: transparent; border-top-style: solid; border-top-width: 1px; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; background-clip: padding-box; }
2150
2151 .view, .view text, iconview, iconview text, textview, textview text { color: black; background-color: #F0F0F0; }
2152
2153 .view:backdrop, .view:backdrop:hover, .view text:backdrop, .view text:backdrop:hover, iconview:backdrop, iconview:backdrop:hover, iconview text:backdrop, iconview text:backdrop:hover, textview:backdrop, textview:backdrop:hover, textview text:backdrop, textview text:backdrop:hover { color: #272727; background-color: #ededed; }
2154
2155 .view:selected, .view text:selected, iconview:selected, iconview text:selected, textview:selected, textview text:selected { color: #ffffff; background-color: #5E7F3E; }
2156
2157 .view:hover, .view text:hover, iconview:hover, iconview text:hover, textview:hover, textview text:hover { background-color: #e5e5e5; }
2158
2159 .view:active, .view text:active, iconview:active, iconview text:active, textview:active, textview text:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
2160
2161 .view:selected:active, .view text:selected:active, iconview:selected:active, iconview text:selected:active, textview:selected:active, textview text:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
2162
2163 .view:selected:hover, .view text:selected:hover, iconview:selected:hover, iconview text:selected:hover, textview:selected:hover, textview text:selected:hover { background-color: #57753a; }
2164
2165 .view:selected:backdrop, .view text:selected:backdrop, iconview:selected:backdrop, iconview text:selected:backdrop, textview:selected:backdrop, textview text:selected:backdrop { background-color: #5E7F3E; }
2166
2167 list, list-row, list-row.button { background-color: #e1e1e1; }
2168
2169 list:backdrop, list:backdrop:hover, list-row:backdrop, list-row:backdrop:hover, list-row.button:backdrop, list-row.button:backdrop:hover { color: #272727; background-color: #dedede; }
2170
2171 list:selected, list-row:selected, list-row.button:selected { color: #ffffff; background-color: #5E7F3E; }
2172
2173 list:hover, list-row:hover, list-row.button:hover { background-color: #d7d7d7; }
2174
2175 list:active, list-row:active, list-row.button:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
2176
2177 list:selected:active, list-row:selected:active, list-row.button:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
2178
2179 list:selected:hover, list-row:selected:hover, list-row.button:selected:hover { background-color: #57753a; }
2180
2181 list:selected:backdrop, list-row:selected:backdrop, list-row.button:selected:backdrop { background-color: #5E7F3E; }
2182
2183 .sidebar list { background: transparent; }
2184
2185 #pathbarbox { background-color: #C6C6C6; }
2186
2187 list-row.sidebar-item { background-color: #b9b9b9; border-color: #7a7a7a; }
2188
2189 list-row.sidebar-item:backdrop, list-row.sidebar-item:backdrop:hover { background-color: #b9b9b9; border-color: #818181; }
2190
2191 list-row.sidebar-item:hover { background-color: #bdbdbd; }
2192
2193 list-row.sidebar-item:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
2194
2195 list-row.sidebar-item:selected { background-color: #5E7F3E; }
2196
2197 list-row.sidebar-item:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
2198
2199 list-row.sidebar-item:selected:hover { background-color: #57753a; }
2200
2201 list-row.sidebar-item:selected:backdrop { background-color: #5E7F3E; }
2202
2203 /* Fudge the Nautilus icon view background colour in the only way that seems to work */
2204 .nautilus-window notebook > stack > box > grid { background-color: #F0F0F0; }
2205
2206 /* And make the Nautilus places bar a bit darker, as it used to be */
2207 placessidebar list { background-color: #b9b9b9; border-color: #7a7a7a; }
2208
2209 placessidebar list:backdrop { background-color: #b9b9b9; border-color: #818181; }
2210
2211 .view.rubberband, iconview.rubberband { background-color: rgba(94, 127, 62, 0.2); }
2212
2213 menubar { background-color: #3D3D3D; color: #cccccc; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
2214
2215 menubar:backdrop { background-color: #3D3D3D; color: #cccccc; }
2216
2217 menu, .menu, .context-menu { background-color: #3D3D3D; color: #cccccc; border-color: #303030; }
2218
2219 popover.menu, #gtk-combobox-popup-menu { background-color: #C6C6C6; color: #161616; }
2220
2221 menubar > menuitem:hover, menubar > menuitem label:hover, headerbar > menuitem:hover, headerbar > menuitem label:hover { color: #5E7F3E; }
2222
2223 menubar > menuitem:backdrop, menubar > menuitem label:backdrop, headerbar > menuitem:backdrop, headerbar > menuitem label:backdrop { color: #cccccc; }
2224
2225 menubar > menuitem menuitem.check, menubar > menuitem menuitem.radio, menubar > menuitem label menuitem.check, menubar > menuitem label menuitem.radio, headerbar > menuitem menuitem.check, headerbar > menuitem menuitem.radio, headerbar > menuitem label menuitem.check, headerbar > menuitem label menuitem.radio { color: #dddddd; }
2226
2227 .floating-bar { opacity: 0.9; color: black; background-color: #F0F0F0; border: 1px solid #7a7a7a; }
2228
2229 .floating-bar.top.left { border-bottom-right-radius: 3px; border-top-width: 0; border-left-width: 0; }
2230
2231 .floating-bar.top.right { border-bottom-left-radius: 3px; border-top-width: 0; border-right-width: 0; }
2232
2233 .floating-bar.bottom.left { border-top-right-radius: 3px; border-bottom-width: 0; border-left-width: 0; }
2234
2235 .floating-bar.bottom.right { border-top-left-radius: 3px; border-bottom-width: 0; border-right-width: 0; }
2236
2237 treeview.view header button, treeview.view header button:backdrop, treeview.view header button:hover, treeview.view header button:hover:backdrop, treeview.view header button:active, treeview.view header button:active:backdrop, treeview.view header button:disabled, treeview.view header button:disabled:backdrop { border-color: #adadad; }
2238
2239 treeview.view header button:last-child:hover { border-right-width: 0; }
2240
2241 notebook > header tab:checked.reorderable-page { border-color: #7a7a7a; background-color: #C6C6C6; }
2242
2243 notebook > header tab:checked.reorderable-page:hover { background-color: lightgray; }
2244
2245 notebook > header tab:backdrop:checked.reorderable-page { background-color: #C6C6C6; }
2246
2247 spinbutton:not(.vertical) button:backdrop:disabled { background: transparent none; }
2248
2249 .emoji-section label { font-family: "Symbola"; font-weight: bold; font-size: 125%; }
2250
2251 headerbar .background { background: #4a4a4a; color: #dddddd; }
2252
2253 headerbar .background:backdrop { background: transparent none; color: #dddddd; }
2254
2255 headerbar frame > border, headerbar .frame, headerbar frame > border:backdrop, headerbar .frame:backdrop { border-color: #303030; }
2256
2257 check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #e0e0e0 20%, lightgray 90%); border-color: #6d6d6d; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #161616; }
2258
2259 check:hover, radio:hover { background-image: linear-gradient(to bottom, #eaeaea 10%, #dddddd 90%); }
2260
2261 check:active, radio:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); }
2262
2263 check:disabled, radio:disabled { box-shadow: none; color: rgba(22, 22, 22, 0.7); }
2264
2265 check:backdrop, radio:backdrop { background-image: image(lightgray); box-shadow: none; color: #161616; }
2266
2267 check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; color: rgba(22, 22, 22, 0.7); }
2268
2269 button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #455d2d; border-bottom-color: #2b3a1d; background-image: linear-gradient(to top, #547137 2px, #5E7F3E); text-shadow: 0 -1px rgba(0, 0, 0, 0.703529); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.703529); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
2270
2271 button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #5E7F3E; }
2272
2273 button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #455d2d; border-bottom-color: #2b3a1d; background-image: linear-gradient(to top, #5E7F3E, #618240 1px); text-shadow: 0 -1px rgba(0, 0, 0, 0.655529); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.655529); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); }
2274
2275 button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #455d2d; background-image: image(#3a4f27); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
2276
2277 button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: #dfe5d8; border-color: #5E7F3E; background-image: image(#5E7F3E); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #2b3a1d; }
2278
2279 button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: #83877e; border-color: #5a7043; background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
2280
2281 button.suggested-action:backdrop:disabled, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label { color: #8d8d8d; background-color: #3D3D3D; background-image: none; border-color: #303030; box-shadow: none; }
2282
2283 button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action:backdrop:disabled label:active, button.suggested-action:backdrop:disabled label:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled label:active, button.suggested-action.flat:backdrop:disabled label:checked { color: #93a285; border-color: #5a7043; background-image: image(#5a7043); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
2284
2285 button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(94, 127, 62, 0.8); }
2286
2287 .csd popover.background { border-color: rgba(0, 0, 0, 0.4); }
2288
2289 infobar.action:hover > revealer > box { background-color: #d9d7da; }
2290
2291 infobar .info > revealer > box, infobar .info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:backdrop > revealer > box { background-color: #d4d2d5; }