gtk-4.0/gtk.css 360.8 K raw
1
/* GTK NAMED COLORS
2
   ----------------
3
   use responsibly! */
4
/* widget text/foreground color */
5
@define-color theme_fg_color #ffffff;
6
/* text color for entries, views and content in general */
7
@define-color theme_text_color #ffffff;
8
/* widget base background color */
9
@define-color theme_bg_color #121113;
10
/* text widgets and the like base background color */
11
@define-color theme_base_color #1c1b1d;
12
/* base background color of selections */
13
@define-color theme_selected_bg_color #e78a53;
14
/* text/foreground color of selections */
15
@define-color theme_selected_fg_color #121113;
16
/* base background color of disabled widgets */
17
@define-color insensitive_bg_color #161517;
18
/* text foreground color of disabled widgets */
19
@define-color insensitive_fg_color #898889;
20
/* disabled text widgets and the like base background color */
21
@define-color insensitive_base_color #1c1b1d;
22
/* widget text/foreground color on backdrop windows */
23
@define-color theme_unfocused_fg_color #898889;
24
/* text color for entries, views and content in general on backdrop windows */
25
@define-color theme_unfocused_text_color #ffffff;
26
/* widget base background color on backdrop windows */
27
@define-color theme_unfocused_bg_color #121113;
28
/* text widgets and the like base background color on backdrop windows */
29
@define-color theme_unfocused_base_color #1f1d20;
30
/* base background color of selections on backdrop windows */
31
@define-color theme_unfocused_selected_bg_color #e78a53;
32
/* text/foreground color of selections on backdrop windows */
33
@define-color theme_unfocused_selected_fg_color #121113;
34
/* widgets main borders color */
35
@define-color borders #2b2b2b;
36
/* widgets main borders color on backdrop windows */
37
@define-color unfocused_borders #292829;
38
/* these are pretty self explicative */
39
@define-color warning_color #fbcb97;
40
@define-color error_color #e75353;
41
@define-color success_color #5f8787;
42
@define-color fg_color #ffffff;
43
@define-color text_color #ffffff;
44
@define-color bg_color #121113;
45
@define-color base_color #1c1b1d;
46
@define-color selected_bg_color #e78a53;
47
@define-color selected_fg_color #121113;
48
@define-color unfocused_fg_color #898889;
49
@define-color unfocused_text_color #ffffff;
50
@define-color unfocused_bg_color #121113;
51
@define-color unfocused_base_color #1f1d20;
52
@define-color unfocused_selected_bg_color #e78a53;
53
@define-color unfocused_selected_fg_color #121113;
54
/* these colors are exported for the window manager and shouldn't be used in applications,
55
read if you used those and something break with a version upgrade you're on your own... */
56
@define-color wm_title shade(#ffffff, 1.8);
57
@define-color wm_unfocused_title #898889;
58
@define-color wm_highlight rgba(0, 0, 0, 0);
59
@define-color wm_borders_edge rgba(255, 255, 255, 0.1);
60
@define-color wm_bg_a shade(#121113, 1.2);
61
@define-color wm_bg_b #121113;
62
@define-color wm_shadow alpha(black, 0.35);
63
@define-color wm_border alpha(black, 0.18);
64
@define-color wm_button_hover_color_a shade(#121113, 1.3);
65
@define-color wm_button_hover_color_b #121113;
66
@define-color wm_button_active_color_a shade(#121113, 0.85);
67
@define-color wm_button_active_color_b shade(#121113, 0.89);
68
@define-color wm_button_active_color_c shade(#121113, 0.9);
69
@define-color content_view_bg #1c1b1d;
70
@define-color text_view_bg #1c1b1d;
71
@define-color budgie_tasklist_indicator_color #e78a53;
72
@define-color budgie_tasklist_indicator_color_active #e78a53;
73
@define-color placeholder_text_color #d2d2d2;
74
@define-color STRAWBERRY_100 #ff8c82;
75
@define-color STRAWBERRY_300 #ed5353;
76
@define-color STRAWBERRY_500 #c6262e;
77
@define-color STRAWBERRY_700 #a10705;
78
@define-color STRAWBERRY_900 #7a0000;
79
@define-color ORANGE_100 #ffc27d;
80
@define-color ORANGE_300 #ffa154;
81
@define-color ORANGE_500 #f37329;
82
@define-color ORANGE_700 #cc3b02;
83
@define-color ORANGE_900 #a62100;
84
@define-color BANANA_100 #fff394;
85
@define-color BANANA_300 #ffe16b;
86
@define-color BANANA_500 #f9c440;
87
@define-color BANANA_700 #d48e15;
88
@define-color BANANA_900 #ad5f00;
89
@define-color LIME_100 #d1ff82;
90
@define-color LIME_300 #9bdb4d;
91
@define-color LIME_500 #68b723;
92
@define-color LIME_700 #3a9104;
93
@define-color LIME_900 #206b00;
94
@define-color MINT_100 #89ffdd;
95
@define-color MINT_300 #43d6b5;
96
@define-color MINT_500 #28bca3;
97
@define-color MINT_700 #0e9a83;
98
@define-color MINT_900 #007367;
99
@define-color BLUEBERRY_100 #8cd5ff;
100
@define-color BLUEBERRY_300 #64baff;
101
@define-color BLUEBERRY_500 #3689e6;
102
@define-color BLUEBERRY_700 #0d52bf;
103
@define-color BLUEBERRY_900 #002e99;
104
@define-color BUBBLEGUM_100 #fe9ab8;
105
@define-color BUBBLEGUM_300 #f4679d;
106
@define-color BUBBLEGUM_500 #de3e80;
107
@define-color BUBBLEGUM_700 #bc245d;
108
@define-color BUBBLEGUM_900 #910e38;
109
@define-color GRAPE_100 #e4c6fa;
110
@define-color GRAPE_300 #cd9ef7;
111
@define-color GRAPE_500 #a56de2;
112
@define-color GRAPE_700 #7239b3;
113
@define-color GRAPE_900 #452981;
114
@define-color COCOA_100 #a3907c;
115
@define-color COCOA_300 #8a715e;
116
@define-color COCOA_500 #715344;
117
@define-color COCOA_700 #57392d;
118
@define-color COCOA_900 #3d211b;
119
@define-color SILVER_100 #fafafa;
120
@define-color SILVER_300 #d4d4d4;
121
@define-color SILVER_500 #abacae;
122
@define-color SILVER_700 #7e8087;
123
@define-color SILVER_900 #555761;
124
@define-color SLATE_100 #95a3ab;
125
@define-color SLATE_300 #667885;
126
@define-color SLATE_500 #485a6c;
127
@define-color SLATE_700 #273445;
128
@define-color SLATE_900 #0e141f;
129
@define-color BLACK_100 #666;
130
@define-color BLACK_300 #4d4d4d;
131
@define-color BLACK_500 #333;
132
@define-color BLACK_700 #1a1a1a;
133
@define-color BLACK_900 #000;
134
/*****************
135
* Drawing mixins *
136
*****************/
137
/*********
138
* Common *
139
*********/
140
*, button:link,
141
button:visited {
142
  padding: 0;
143
  outline-color: rgba(255, 255, 255, 0.3);
144
  outline-style: dashed;
145
  outline-offset: -3px;
146
  outline-width: 0px;
147
  -gtk-secondary-caret-color: #e78a53; }
148
149
/***********
150
 * Widgets *
151
 ***********/
152
/***************
153
* Action bars *
154
***************/
155
.action-bar, actionbar > revealer > box {
156
  background-color: black;
157
  border: solid #2b2b2b;
158
  border-width: 1px 0 0 0;
159
  color: #ffffff;
160
  box-shadow: none; }
161
  .action-bar:backdrop, progressbar:backdrop progress.action-bar, progressbar:backdrop trough.action-bar, label:backdrop selection.action-bar, actionbar > revealer > box:backdrop {
162
    background-color: black;
163
    box-shadow: none; }
164
  .action-bar:first-child, .linked.vertical > combobox:first-child > box > button.action-bar.combo, .linked:not(.vertical) > combobox:first-child > box > button.action-bar.combo, combobox.linked button.action-bar:nth-child(2):dir(rtl), actionbar > revealer > box:first-child {
165
    border-radius: 6px 6px 0px 0px;
166
    border-width: 1px 1px 0px 1px; }
167
  .action-bar:last-child, .linked.vertical > combobox:last-child > box > button.action-bar.combo, .linked:not(.vertical) > combobox:last-child > box > button.action-bar.combo, combobox.linked button.action-bar:nth-child(2):dir(ltr), actionbar > revealer > box:last-child {
168
    border-radius: 0 0 6px 6px;
169
    border-width: 0px 1px 1px 1px; }
170
171
/*********************
172
 * App Notifications *
173
 *********************/
174
.app-notification,
175
.app-notification.frame {
176
  padding: 10px;
177
  border-radius: 0 0 5px 5px;
178
  background-color: rgba(18, 17, 19, 0.93);
179
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
180
  background-clip: padding-box; }
181
  .app-notification:backdrop, progressbar:backdrop progress.app-notification, progressbar:backdrop trough.app-notification, label:backdrop selection.app-notification,
182
  .app-notification.frame:backdrop,
183
  progressbar:backdrop progress.frame,
184
  progressbar:backdrop trough.frame,
185
  label:backdrop selection.frame {
186
    background-image: none;
187
    transition: 200ms ease-out; }
188
  .app-notification border,
189
  .app-notification.frame border {
190
    border: none; }
191
192
toast {
193
  padding: 5px;
194
  background-color: #2e2c2f;
195
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
196
  color: #ffffff; }
197
  toast:backdrop {
198
    background-image: none;
199
    transition: 200ms ease-out; }
200
  toast button {
201
    padding: 2px; }
202
  toast button.circular.flat.image-button, toast .selection-mode windowcontrols button.circular.image-button, .selection-mode windowcontrols toast button.circular.image-button, toast notebook > header > tabs > arrow.circular.image-button {
203
    padding: 2px; }
204
    toast button.circular.flat.image-button:hover, toast .selection-mode windowcontrols button.circular.image-button:hover, .selection-mode windowcontrols toast button.circular.image-button:hover, toast notebook > header > tabs > arrow.circular.image-button:hover {
205
      color: #121113;
206
      outline-color: rgba(18, 17, 19, 0.3);
207
      background-color: #e75353;
208
      text-shadow: none; }
209
210
/***************
211
 * Base States *
212
 ***************/
213
.background {
214
  color: #ffffff;
215
  background-color: #121113; }
216
  .background:backdrop, progressbar:backdrop progress.background, progressbar:backdrop trough.background, label:backdrop selection.background {
217
    color: #898889;
218
    background-color: #121113;
219
    text-shadow: none;
220
    -gtk-icon-shadow: none; }
221
222
/*
223
   These wildcard seems unavoidable, need to investigate.
224
   Wildcards are bad and troublesome, use them with care,
225
   or better, just don't.
226
   Everytime a wildcard is used a kitten dies, painfully.
227
*/
228
.gtkstyle-fallback {
229
  color: #ffffff;
230
  background-color: #121113; }
231
  .gtkstyle-fallback:hover {
232
    color: #ffffff;
233
    background-color: #2c292e; }
234
  .gtkstyle-fallback:active {
235
    color: #ffffff;
236
    background-color: black; }
237
  .gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback {
238
    color: #898889;
239
    background-color: #161517; }
240
  .gtkstyle-fallback:selected {
241
    color: #121113;
242
    background-color: #e78a53; }
243
244
.view, iconview,
245
.history-view,
246
textview > text {
247
  color: #ffffff;
248
  background-color: #1c1b1d; }
249
  .view:backdrop, progressbar:backdrop progress.view, progressbar:backdrop trough.view, label:backdrop selection.view, iconview:backdrop,
250
  .history-view:backdrop,
251
  progressbar:backdrop progress.history-view,
252
  progressbar:backdrop trough.history-view,
253
  label:backdrop selection.history-view,
254
  textview > text:backdrop {
255
    color: #d2d2d2;
256
    background-color: #1f1d20; }
257
  .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
258
  .history-view:selected:focus,
259
  .history-view:selected,
260
  textview > text:selected:focus,
261
  textview > text:selected {
262
    border-radius: 3px; }
263
264
textview > text {
265
  background-color: transparent; }
266
267
textview border {
268
  background-color: #171618; }
269
270
.rubberband,
271
rubberband,
272
columnview.view > rubberband,
273
flowbox columnview.view > rubberband,
274
.content-view columnview.view > rubberband,
275
treeview.view > rubberband,
276
flowbox treeview.view > rubberband,
277
.content-view treeview.view > rubberband,
278
.content-view rubberband,
279
flowbox rubberband {
280
  border: 1px solid #e16c26;
281
  background-color: rgba(225, 108, 38, 0.2); }
282
283
flowbox flowboxchild {
284
  padding: 3px;
285
  border-radius: 3px; }
286
  flowbox flowboxchild:selected {
287
    outline-offset: -2px; }
288
289
gridview {
290
  padding: 10px; }
291
  gridview > child {
292
    padding: 7px; }
293
    gridview > child box {
294
      border-spacing: 5px; }
295
296
label {
297
  caret-color: currentColor; }
298
  label.separator {
299
    color: #ffffff; }
300
    label.separator:backdrop, progressbar:backdrop progress.separator, progressbar:backdrop trough.separator, label:backdrop selection.separator {
301
      color: #898889; }
302
  label selection {
303
    background-color: #e78a53;
304
    color: #121113; }
305
  label:disabled {
306
    color: #898889; }
307
    label:disabled:backdrop, progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled, label:backdrop selection:disabled {
308
      color: #38353b; }
309
  label:backdrop {
310
    color: #898889; }
311
312
.dim-label, .titlebar .subtitle,
313
headerbar .subtitle, label.separator {
314
  opacity: 0.55;
315
  text-shadow: none; }
316
317
window.assistant .sidebar {
318
  background-color: #1c1b1d;
319
  border-top: 1px solid #2b2b2b; }
320
  window.assistant .sidebar:backdrop, window.assistant progressbar:backdrop progress.sidebar, progressbar:backdrop window.assistant progress.sidebar, window.assistant progressbar:backdrop trough.sidebar, progressbar:backdrop window.assistant trough.sidebar, window.assistant label:backdrop selection.sidebar, label:backdrop window.assistant selection.sidebar {
321
    background-color: #1f1d20;
322
    border-color: #292829; }
323
324
window.assistant.csd .sidebar {
325
  border-top-style: none; }
326
327
window.assistant .sidebar label {
328
  padding: 6px 12px; }
329
330
window.assistant .sidebar label.highlight {
331
  background-color: #414142; }
332
333
window.aboutdialog image.large-icons {
334
  -gtk-icon-size: 128px; }
335
336
.osd popover.background > arrow,
337
.osd popover.background > contents, popover.background.touch-selection > arrow,
338
popover.background.touch-selection > contents, popover.background.magnifier > arrow,
339
popover.background.magnifier > contents, .osd .scale-popup, .app-notification,
340
.app-notification.frame, .osd {
341
  color: #ffffff;
342
  border: none;
343
  background-color: rgba(18, 17, 19, 0.93);
344
  background-clip: padding-box;
345
  outline-color: rgba(255, 255, 255, 0.3);
346
  text-shadow: 0 1px black;
347
  -gtk-icon-shadow: 0 1px black; }
348
  .osd popover.background > arrow:backdrop,
349
  .osd popover.background > contents:backdrop, popover.background.touch-selection > arrow:backdrop,
350
  popover.background.touch-selection > contents:backdrop, popover.background.magnifier > arrow:backdrop,
351
  popover.background.magnifier > contents:backdrop, .osd .scale-popup:backdrop, .osd progressbar:backdrop progress.scale-popup, progressbar:backdrop .osd progress.scale-popup, .osd progressbar:backdrop trough.scale-popup, progressbar:backdrop .osd trough.scale-popup, .app-notification:backdrop, progressbar:backdrop progress.app-notification, progressbar:backdrop trough.app-notification, label:backdrop .osd selection.scale-popup, .osd label:backdrop selection.scale-popup, label:backdrop selection.app-notification, .osd:backdrop, progressbar:backdrop progress.osd, progressbar:backdrop trough.osd, label:backdrop selection.osd {
352
    text-shadow: none;
353
    -gtk-icon-shadow: none; }
354
355
/***********
356
 * Buttons *
357
 ***********/
358
@keyframes needs_attention {
359
  from {
360
    background-image: radial-gradient(farthest-side, #f0b896 0%, rgba(240, 184, 150, 0) 0%); }
361
  to {
362
    background-image: radial-gradient(farthest-side, #f0b896 95%, rgba(240, 184, 150, 0)); } }
363
364
notebook > header > tabs > arrow, combobox:drop(active) button.combo, .selection-mode windowcontrols button,
365
button {
366
  min-height: 22px;
367
  min-width: 16px;
368
  padding: 4px 6px;
369
  border: 1px solid #2b2b2b;
370
  border-radius: 6px;
371
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
372
  font-weight: normal;
373
  color: #ffffff;
374
  background-color: #1b1a1c;
375
  text-shadow: none; }
376
  notebook > header > tabs > arrow.flat, notebook > header > tabs > arrow, combobox:drop(active) button.flat.combo, combobox:drop(active) .selection-mode windowcontrols button.combo, .selection-mode windowcontrols combobox:drop(active) button.combo, .selection-mode windowcontrols button,
377
  button.flat {
378
    border-color: transparent;
379
    background-color: transparent;
380
    background-image: none;
381
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
382
    text-shadow: none;
383
    -gtk-icon-shadow: none;
384
    transition: none; }
385
    notebook > header > tabs > arrow:hover, combobox:drop(active) button.flat.combo:hover, combobox:drop(active) .selection-mode windowcontrols button.combo:hover, .selection-mode windowcontrols combobox:drop(active) button.combo:hover,
386
    button.flat:hover,
387
    .selection-mode windowcontrols button:hover {
388
      transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
389
      transition-duration: 500ms;
390
      color: #121113;
391
      outline-color: rgba(18, 17, 19, 0.3);
392
      background-color: #e78a53;
393
      text-shadow: none; }
394
      notebook > header > tabs > arrow:hover:active, combobox:drop(active) button.flat.combo:hover:active,
395
      button.flat:hover:active,
396
      .selection-mode windowcontrols button:hover:active {
397
        transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
398
  notebook > header > tabs > arrow:hover, combobox:drop(active) button.combo:hover, .selection-mode windowcontrols button:hover,
399
  button:hover {
400
    color: #121113;
401
    outline-color: rgba(18, 17, 19, 0.3);
402
    background-color: #e78a53;
403
    text-shadow: none;
404
    -gtk-icon-filter: brightness(1.2); }
405
  notebook > header > tabs > arrow:active, combobox:drop(active) button.combo:active, notebook > header > tabs > arrow:checked, combobox:drop(active) button.combo:checked, .selection-mode windowcontrols button:active, .selection-mode windowcontrols button:checked,
406
  button:active,
407
  button:checked {
408
    color: #121113;
409
    outline-color: rgba(18, 17, 19, 0.3);
410
    background-color: #e47b3d;
411
    text-shadow: none;
412
    transition-duration: 50ms; }
413
  .selection-mode windowcontrols button:backdrop, notebook > header > tabs > arrow:backdrop, combobox:drop(active) button.combo:backdrop, combobox:drop(active) progressbar:backdrop progress.combo, progressbar:backdrop combobox:drop(active) progress.combo, combobox:drop(active) progressbar:backdrop trough.combo, progressbar:backdrop combobox:drop(active) trough.combo,
414
  button:backdrop.flat,
415
  button:backdrop {
416
    color: #d2d2d2;
417
    outline-color: rgba(255, 255, 255, 0.3);
418
    background-color: #1f1d20;
419
    text-shadow: none;
420
    transition: 200ms ease-out;
421
    -gtk-icon-filter: none; }
422
    notebook > header > tabs > arrow:backdrop:active, combobox:drop(active) button.combo:backdrop:active, combobox:drop(active) progressbar:backdrop progress.combo:active, progressbar:backdrop combobox:drop(active) progress.combo:active, combobox:drop(active) progressbar:backdrop trough.combo:active, progressbar:backdrop combobox:drop(active) trough.combo:active, notebook > header > tabs > arrow:backdrop:checked, combobox:drop(active) button.combo:backdrop:checked, combobox:drop(active) progressbar:backdrop progress.combo:checked, progressbar:backdrop combobox:drop(active) progress.combo:checked, combobox:drop(active) progressbar:backdrop trough.combo:checked, progressbar:backdrop combobox:drop(active) trough.combo:checked,
423
    button:backdrop.flat:active,
424
    button:backdrop.flat:checked,
425
    button:backdrop:active,
426
    button:backdrop:checked {
427
      color: rgba(18, 17, 19, 0.7);
428
      outline-color: rgba(255, 255, 255, 0.3);
429
      background-color: #e78a53;
430
      text-shadow: none; }
431
      notebook > header > tabs > arrow:backdrop:active label, combobox:drop(active) button.combo:backdrop:active label, combobox:drop(active) progressbar:backdrop progress.combo:active label, progressbar:backdrop combobox:drop(active) progress.combo:active label, combobox:drop(active) progressbar:backdrop trough.combo:active label, progressbar:backdrop combobox:drop(active) trough.combo:active label, notebook > header > tabs > arrow:backdrop:checked label, combobox:drop(active) button.combo:backdrop:checked label, combobox:drop(active) progressbar:backdrop progress.combo:checked label, progressbar:backdrop combobox:drop(active) progress.combo:checked label, combobox:drop(active) progressbar:backdrop trough.combo:checked label, progressbar:backdrop combobox:drop(active) trough.combo:checked label,
432
      button:backdrop.flat:active label,
433
      button:backdrop.flat:checked label,
434
      button:backdrop:active label,
435
      button:backdrop:checked label {
436
        color: rgba(18, 17, 19, 0.7); }
437
    notebook > header > tabs > arrow:backdrop:disabled, combobox:drop(active) button.combo:backdrop:disabled, combobox:drop(active) progressbar:backdrop progress.combo:disabled, progressbar:backdrop combobox:drop(active) progress.combo:disabled, combobox:drop(active) progressbar:backdrop trough.combo:disabled, progressbar:backdrop combobox:drop(active) trough.combo:disabled,
438
    button:backdrop.flat:disabled,
439
    button:backdrop:disabled {
440
      color: #d2d2d2;
441
      border-color: rgba(43, 43, 43, 0.3);
442
      background-color: #161517;
443
      text-shadow: none; }
444
      notebook > header > tabs > arrow:backdrop:disabled:active, combobox:drop(active) button.combo:backdrop:disabled:active, combobox:drop(active) progressbar:backdrop progress.combo:disabled:active, progressbar:backdrop combobox:drop(active) progress.combo:disabled:active, combobox:drop(active) progressbar:backdrop trough.combo:disabled:active, progressbar:backdrop combobox:drop(active) trough.combo:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, combobox:drop(active) button.combo:backdrop:disabled:checked, combobox:drop(active) progressbar:backdrop progress.combo:disabled:checked, progressbar:backdrop combobox:drop(active) progress.combo:disabled:checked, combobox:drop(active) progressbar:backdrop trough.combo:disabled:checked, progressbar:backdrop combobox:drop(active) trough.combo:disabled:checked,
445
      button:backdrop.flat:disabled:active,
446
      button:backdrop.flat:disabled:checked,
447
      button:backdrop:disabled:active,
448
      button:backdrop:disabled:checked {
449
        color: rgba(18, 17, 19, 0.7);
450
        outline-color: rgba(255, 255, 255, 0.3);
451
        background-color: #e78a53;
452
        text-shadow: none; }
453
  progressbar:backdrop progress.flat, progressbar:backdrop trough.flat, notebook > header > tabs > arrow:backdrop, combobox:drop(active) button.flat.combo:backdrop, combobox:drop(active) .selection-mode windowcontrols button.combo:backdrop, .selection-mode windowcontrols combobox:drop(active) button.combo:backdrop, combobox:drop(active) progressbar:backdrop progress.combo, progressbar:backdrop combobox:drop(active) progress.combo, combobox:drop(active) progressbar:backdrop trough.combo, progressbar:backdrop combobox:drop(active) trough.combo, label:backdrop selection.flat, notebook > header > tabs > arrow:disabled, combobox:drop(active) button.flat.combo:disabled, combobox:drop(active) .selection-mode windowcontrols button.combo:disabled, .selection-mode windowcontrols combobox:drop(active) button.combo:disabled, label:disabled selection.flat,
454
  button.flat:backdrop,
455
  .selection-mode windowcontrols button:backdrop,
456
  button.flat:disabled,
457
  .selection-mode windowcontrols button:disabled,
458
  button.flat:backdrop:disabled {
459
    border-color: transparent;
460
    background-color: transparent;
461
    background-image: none;
462
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
463
    text-shadow: none;
464
    -gtk-icon-shadow: none; }
465
  notebook > header > tabs > arrow:disabled, combobox:drop(active) button.combo:disabled, .selection-mode windowcontrols button:disabled,
466
  button:disabled {
467
    color: #d2d2d2;
468
    border-color: rgba(43, 43, 43, 0.3);
469
    background-color: #161517;
470
    text-shadow: none; }
471
    notebook > header > tabs > arrow:disabled:active, combobox:drop(active) button.combo:disabled:active, notebook > header > tabs > arrow:disabled:checked, combobox:drop(active) button.combo:disabled:checked,
472
    button:disabled:active,
473
    button:disabled:checked {
474
      color: rgba(18, 17, 19, 0.7);
475
      outline-color: rgba(255, 255, 255, 0.3);
476
      background-color: #e78a53;
477
      text-shadow: none; }
478
      notebook > header > tabs > arrow:disabled:active label, combobox:drop(active) button.combo:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, combobox:drop(active) button.combo:disabled:checked label,
479
      button:disabled:active label,
480
      button:disabled:checked label {
481
        color: rgba(18, 17, 19, 0.7); }
482
  notebook > header > tabs > arrow.image-button, combobox:drop(active) button.image-button.combo, .selection-mode windowcontrols button.image-button,
483
  button.image-button {
484
    min-width: 24px;
485
    padding-left: 4px;
486
    padding-right: 4px; }
487
  notebook > header > tabs > arrow.image-button.circular, combobox:drop(active) button.image-button.circular.combo, notebook > header > tabs > arrow.image-button.sidebar-button, combobox:drop(active) button.image-button.sidebar-button.combo,
488
  button.image-button.circular,
489
  button.image-button.sidebar-button {
490
    padding: 6px 4px;
491
    border-radius: 50px;
492
    box-shadow: none; }
493
  notebook > header > tabs > arrow.text-button, combobox:drop(active) button.text-button.combo, .selection-mode windowcontrols button.text-button,
494
  button.text-button {
495
    padding-left: 16px;
496
    padding-right: 16px; }
497
  notebook > header > tabs > arrow.text-button.image-button, combobox:drop(active) button.text-button.image-button.combo,
498
  button.text-button.image-button {
499
    padding-left: 8px;
500
    padding-right: 8px;
501
    border-radius: 6px; }
502
    notebook > header > tabs > arrow.text-button.image-button label, combobox:drop(active) button.text-button.image-button.combo label,
503
    button.text-button.image-button label {
504
      padding-left: 8px;
505
      padding-right: 8px; }
506
  notebook > header > tabs > arrow:drop(active), combobox:drop(active) button.combo:drop(active), combobox:drop(active) button.combo, .selection-mode windowcontrols button:drop(active), combobox:drop(active) .selection-mode windowcontrols button.combo, .selection-mode windowcontrols combobox:drop(active) button.combo,
507
  button:drop(active),
508
  combobox:drop(active) button.combo {
509
    color: #e78a53;
510
    border-color: #e78a53;
511
    box-shadow: inset 0 0 0 1px #e78a53; }
512
513
row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled), row:selected .selection-mode windowcontrols button:not(:active):not(:checked):not(:hover):not(disabled), .selection-mode windowcontrols row:selected button:not(:active):not(:checked):not(:hover):not(disabled) {
514
  color: #121113;
515
  border-color: transparent; }
516
  row:selected progressbar:backdrop progress:not(disabled), progressbar:backdrop row:selected progress:not(disabled), row:selected progressbar:backdrop trough:not(disabled), progressbar:backdrop row:selected trough:not(disabled), row:selected label:backdrop selection:not(disabled), label:backdrop row:selected selection:not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected .selection-mode windowcontrols button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, .selection-mode windowcontrols row:selected button:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
517
    color: #898889; }
518
519
.selection-mode windowcontrols button.osd,
520
button.osd {
521
  min-width: 24px;
522
  min-height: 20px;
523
  color: #ffffff;
524
  border-radius: 6px;
525
  outline-color: rgba(255, 255, 255, 0.3);
526
  color: #ffffff;
527
  border-color: #2b2b2b;
528
  background-color: rgba(18, 17, 19, 0.93);
529
  background-clip: padding-box;
530
  text-shadow: 0 1px black;
531
  -gtk-icon-shadow: 0 1px black;
532
  outline-color: rgba(255, 255, 255, 0.3);
533
  border: none;
534
  box-shadow: none; }
535
  
536
  button.osd.image-button {
537
    min-width: 32px; }
538
  
539
  button.osd:hover {
540
    color: white;
541
    border-color: #2b2b2b;
542
    background-image: linear-gradient(to bottom, rgba(49, 46, 51, 0.93), rgba(49, 46, 51, 0.93));
543
    background-clip: padding-box;
544
    text-shadow: 0 1px black;
545
    -gtk-icon-shadow: 0 1px black;
546
    outline-color: rgba(255, 255, 255, 0.3);
547
    border: none;
548
    box-shadow: none; }
549
  
550
  button.osd:active,
551
  button.osd:checked {
552
    color: white;
553
    border-color: #2b2b2b;
554
    background-image: linear-gradient(to bottom, rgba(33, 31, 35, 0.93), rgba(33, 31, 35, 0.93));
555
    background-clip: padding-box;
556
    text-shadow: none;
557
    -gtk-icon-shadow: none;
558
    outline-color: rgba(255, 255, 255, 0.3);
559
    border: none;
560
    box-shadow: none; }
561
  progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled, label:backdrop selection.osd:disabled, label:disabled selection.osd,
562
  button.osd:disabled:backdrop,
563
  button.osd:disabled {
564
    color: #898889;
565
    border-color: #2b2b2b;
566
    background-image: linear-gradient(to bottom, rgba(42, 41, 43, 0.5), rgba(42, 41, 43, 0.5));
567
    background-clip: padding-box;
568
    box-shadow: none;
569
    text-shadow: none;
570
    -gtk-icon-shadow: none;
571
    border: none; }
572
  progressbar:backdrop progress.osd, progressbar:backdrop trough.osd, label:backdrop selection.osd,
573
  button.osd:backdrop {
574
    color: #ffffff;
575
    border-color: #2b2b2b;
576
    background-image: linear-gradient(to bottom, rgba(18, 17, 19, 0.93), rgba(18, 17, 19, 0.93));
577
    background-clip: padding-box;
578
    box-shadow: none;
579
    text-shadow: none;
580
    -gtk-icon-shadow: none;
581
    border: none; }
582
583
popover.background.touch-selection button, popover.background.magnifier button, .app-notification button,
584
.app-notification.frame button, .osd .selection-mode windowcontrols button, .selection-mode windowcontrols .osd button, .osd button {
585
  color: #ffffff;
586
  border-color: #2b2b2b;
587
  background-color: rgba(18, 17, 19, 0.93);
588
  background-clip: padding-box;
589
  text-shadow: 0 1px black;
590
  -gtk-icon-shadow: 0 1px black;
591
  outline-color: rgba(255, 255, 255, 0.3); }
592
  popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, .osd button:hover {
593
    color: white;
594
    border-color: #2b2b2b;
595
    background-image: linear-gradient(to bottom, rgba(49, 46, 51, 0.93), rgba(49, 46, 51, 0.93));
596
    background-clip: padding-box;
597
    text-shadow: 0 1px black;
598
    -gtk-icon-shadow: 0 1px black;
599
    outline-color: rgba(255, 255, 255, 0.3); }
600
  progressbar:backdrop progress:active, progressbar:backdrop trough:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, progressbar:backdrop progress:checked, progressbar:backdrop trough:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, .osd label:backdrop selection:active, label:backdrop .osd selection:active, .osd label:backdrop selection:checked, label:backdrop .osd selection:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked {
601
    color: white;
602
    border-color: #2b2b2b;
603
    background-image: linear-gradient(to bottom, rgba(33, 31, 35, 0.93), rgba(33, 31, 35, 0.93));
604
    background-clip: padding-box;
605
    text-shadow: none;
606
    -gtk-icon-shadow: none;
607
    outline-color: rgba(255, 255, 255, 0.3); }
608
  progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled {
609
    color: #898889;
610
    border-color: #2b2b2b;
611
    background-image: linear-gradient(to bottom, rgba(42, 41, 43, 0.5), rgba(42, 41, 43, 0.5));
612
    background-clip: padding-box;
613
    box-shadow: none;
614
    text-shadow: none;
615
    -gtk-icon-shadow: none; }
616
  popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop {
617
    color: #ffffff;
618
    border-color: #2b2b2b;
619
    background-image: linear-gradient(to bottom, rgba(18, 17, 19, 0.93), rgba(18, 17, 19, 0.93));
620
    background-clip: padding-box;
621
    box-shadow: none;
622
    text-shadow: none;
623
    -gtk-icon-shadow: none; }
624
  popover.background.touch-selection button.flat, popover.background.touch-selection .selection-mode windowcontrols button, .selection-mode windowcontrols popover.background.touch-selection button, popover.background.magnifier button.flat, popover.background.magnifier .selection-mode windowcontrols button, .selection-mode windowcontrols popover.background.magnifier button, .app-notification button.flat, .app-notification .selection-mode windowcontrols button, .selection-mode windowcontrols .app-notification button, .osd button.flat, .osd .selection-mode windowcontrols button, .selection-mode windowcontrols .osd button {
625
    border-color: transparent;
626
    background-color: transparent;
627
    background-image: none;
628
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
629
    text-shadow: none;
630
    -gtk-icon-shadow: none;
631
    box-shadow: none;
632
    text-shadow: 0 1px black;
633
    -gtk-icon-shadow: 0 1px black; }
634
    popover.background.touch-selection button.flat:hover, popover.background.touch-selection .selection-mode windowcontrols button:hover, .selection-mode windowcontrols popover.background.touch-selection button:hover, popover.background.magnifier button.flat:hover, popover.background.magnifier .selection-mode windowcontrols button:hover, .selection-mode windowcontrols popover.background.magnifier button:hover, .app-notification button.flat:hover, .app-notification .selection-mode windowcontrols button:hover, .selection-mode windowcontrols .app-notification button:hover, .osd button.flat:hover, .osd .selection-mode windowcontrols button:hover, .selection-mode windowcontrols .osd button:hover {
635
      color: white;
636
      border-color: #2b2b2b;
637
      background-image: linear-gradient(to bottom, rgba(49, 46, 51, 0.93), rgba(49, 46, 51, 0.93));
638
      background-clip: padding-box;
639
      text-shadow: 0 1px black;
640
      -gtk-icon-shadow: 0 1px black;
641
      outline-color: rgba(255, 255, 255, 0.3); }
642
    popover.background.touch-selection button.flat:disabled, popover.background.touch-selection .selection-mode windowcontrols button:disabled, .selection-mode windowcontrols popover.background.touch-selection button:disabled, popover.background.magnifier button.flat:disabled, popover.background.magnifier .selection-mode windowcontrols button:disabled, .selection-mode windowcontrols popover.background.magnifier button:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat, .osd button.flat:disabled, .osd .selection-mode windowcontrols button:disabled, .selection-mode windowcontrols .osd button:disabled {
643
      color: #898889;
644
      border-color: #2b2b2b;
645
      background-image: linear-gradient(to bottom, rgba(42, 41, 43, 0.5), rgba(42, 41, 43, 0.5));
646
      background-clip: padding-box;
647
      box-shadow: none;
648
      text-shadow: none;
649
      -gtk-icon-shadow: none;
650
      background-image: none;
651
      border-color: transparent;
652
      box-shadow: none; }
653
    progressbar:backdrop progress.flat, progressbar:backdrop trough.flat, popover.background.touch-selection button.flat:backdrop, popover.background.touch-selection .selection-mode windowcontrols button:backdrop, .selection-mode windowcontrols popover.background.touch-selection button:backdrop, popover.background.magnifier button.flat:backdrop, popover.background.magnifier .selection-mode windowcontrols button:backdrop, .selection-mode windowcontrols popover.background.magnifier button:backdrop, .osd label:backdrop selection.flat, label:backdrop .osd selection.flat, .osd button.flat:backdrop, .osd .selection-mode windowcontrols button:backdrop, .selection-mode windowcontrols .osd button:backdrop {
654
      border-color: transparent;
655
      background-color: transparent;
656
      background-image: none;
657
      box-shadow: inset 0 1px rgba(255, 255, 255, 0);
658
      text-shadow: none;
659
      -gtk-icon-shadow: none; }
660
    popover.background.touch-selection button.flat:active, popover.background.touch-selection .selection-mode windowcontrols button:active, .selection-mode windowcontrols popover.background.touch-selection button:active, popover.background.magnifier button.flat:active, popover.background.magnifier .selection-mode windowcontrols button:active, .selection-mode windowcontrols popover.background.magnifier button:active, .app-notification button.flat:active, .app-notification .selection-mode windowcontrols button:active, .selection-mode windowcontrols .app-notification button:active, popover.background.touch-selection button.flat:checked, popover.background.touch-selection .selection-mode windowcontrols button:checked, .selection-mode windowcontrols popover.background.touch-selection button:checked, popover.background.magnifier button.flat:checked, popover.background.magnifier .selection-mode windowcontrols button:checked, .selection-mode windowcontrols popover.background.magnifier button:checked, .app-notification button.flat:checked, .app-notification .selection-mode windowcontrols button:checked, .selection-mode windowcontrols .app-notification button:checked, .osd button.flat:active, .osd .selection-mode windowcontrols button:active, .selection-mode windowcontrols .osd button:active, .osd button.flat:checked, .osd .selection-mode windowcontrols button:checked, .selection-mode windowcontrols .osd button:checked {
661
      color: white;
662
      border-color: #2b2b2b;
663
      background-image: linear-gradient(to bottom, rgba(33, 31, 35, 0.93), rgba(33, 31, 35, 0.93));
664
      background-clip: padding-box;
665
      text-shadow: none;
666
      -gtk-icon-shadow: none;
667
      outline-color: rgba(255, 255, 255, 0.3); }
668
669
.selection-mode windowcontrols button,
670
button.suggested-action {
671
  border: none;
672
  box-shadow: none;
673
  color: #fff;
674
  border-radius: 6px;
675
  background: linear-gradient(to right, #e78a53 0%, #e78a53 100%); }
676
  
677
  button.suggested-action label,
678
  .selection-mode windowcontrols button label {
679
    color: #fff; }
680
  .selection-mode windowcontrols button, notebook > header > tabs > arrow.suggested-action,
681
  button.suggested-action.flat {
682
    box-shadow: none;
683
    color: #fff;
684
    border-radius: 6px;
685
    background: linear-gradient(to right, #e78a53 0%, #e78a53 100%); }
686
    .selection-mode windowcontrols button label, notebook > header > tabs > arrow.suggested-action label,
687
    button.suggested-action.flat label {
688
      color: #fff; }
689
  
690
  button.suggested-action:hover,
691
  .selection-mode windowcontrols button:hover {
692
    color: white;
693
    outline-color: rgba(255, 255, 255, 0.3);
694
    background-color: #e78a53;
695
    text-shadow: none;
696
    opacity: 0.85; }
697
  
698
  button.suggested-action:active,
699
  .selection-mode windowcontrols button:active,
700
  button.suggested-action:checked,
701
  .selection-mode windowcontrols button:checked {
702
    color: white;
703
    outline-color: rgba(255, 255, 255, 0.3);
704
    background-color: #e78a53;
705
    text-shadow: none; }
706
  progressbar:backdrop progress.suggested-action, progressbar:backdrop trough.suggested-action, label:backdrop selection.suggested-action, progressbar:backdrop progress.flat, progressbar:backdrop trough.flat, notebook > header > tabs > arrow.suggested-action:backdrop, label:backdrop selection.flat,
707
  button.suggested-action:backdrop,
708
  .selection-mode windowcontrols button:backdrop,
709
  button.suggested-action.flat:backdrop {
710
    color: #d2d2d2;
711
    outline-color: rgba(255, 255, 255, 0.3);
712
    background-color: #e78a53;
713
    text-shadow: none; }
714
    progressbar:backdrop progress.suggested-action label, progressbar:backdrop trough.suggested-action label, label:backdrop selection.suggested-action label, progressbar:backdrop progress.flat label, progressbar:backdrop trough.flat label, notebook > header > tabs > arrow.suggested-action:backdrop label, label:backdrop selection.flat label,
715
    button.suggested-action:backdrop label,
716
    .selection-mode windowcontrols button:backdrop label,
717
    button.suggested-action.flat:backdrop label {
718
      color: rgba(255, 255, 255, 0.5); }
719
    progressbar:backdrop progress.suggested-action:active, progressbar:backdrop trough.suggested-action:active, label:backdrop selection.suggested-action:active, progressbar:backdrop progress.suggested-action:checked, progressbar:backdrop trough.suggested-action:checked, label:backdrop selection.suggested-action:checked, progressbar:backdrop progress.flat:active, progressbar:backdrop trough.flat:active, notebook > header > tabs > arrow.suggested-action:backdrop:active, label:backdrop selection.flat:active, progressbar:backdrop progress.flat:checked, progressbar:backdrop trough.flat:checked, notebook > header > tabs > arrow.suggested-action:backdrop:checked, label:backdrop selection.flat:checked,
720
    button.suggested-action:backdrop:active,
721
    .selection-mode windowcontrols button:backdrop:active,
722
    button.suggested-action:backdrop:checked,
723
    .selection-mode windowcontrols button:backdrop:checked,
724
    button.suggested-action.flat:backdrop:active,
725
    button.suggested-action.flat:backdrop:checked {
726
      color: rgba(18, 17, 19, 0.7);
727
      outline-color: rgba(255, 255, 255, 0.3);
728
      background-color: #e78a53;
729
      text-shadow: none; }
730
      progressbar:backdrop progress.suggested-action:active label, progressbar:backdrop trough.suggested-action:active label, label:backdrop selection.suggested-action:active label, progressbar:backdrop progress.suggested-action:checked label, progressbar:backdrop trough.suggested-action:checked label, label:backdrop selection.suggested-action:checked label, progressbar:backdrop progress.flat:active label, progressbar:backdrop trough.flat:active label, notebook > header > tabs > arrow.suggested-action:backdrop:active label, label:backdrop selection.flat:active label, progressbar:backdrop progress.flat:checked label, progressbar:backdrop trough.flat:checked label, notebook > header > tabs > arrow.suggested-action:backdrop:checked label, label:backdrop selection.flat:checked label,
731
      button.suggested-action:backdrop:active label,
732
      .selection-mode windowcontrols button:backdrop:active label,
733
      button.suggested-action:backdrop:checked label,
734
      .selection-mode windowcontrols button:backdrop:checked label,
735
      button.suggested-action.flat:backdrop:active label,
736
      button.suggested-action.flat:backdrop:checked label {
737
        color: rgba(18, 17, 19, 0.7); }
738
    progressbar:backdrop progress.suggested-action:disabled, progressbar:backdrop trough.suggested-action:disabled, label:backdrop selection.suggested-action:disabled, label:disabled selection.suggested-action:backdrop, label:disabled progressbar:backdrop progress.suggested-action, progressbar:backdrop label:disabled progress.suggested-action, label:disabled progressbar:backdrop trough.suggested-action, progressbar:backdrop label:disabled trough.suggested-action, label:backdrop label:disabled selection.suggested-action, label:disabled label:backdrop selection.suggested-action, progressbar:backdrop progress.flat:disabled, progressbar:backdrop trough.flat:disabled, notebook > header > tabs > arrow.suggested-action:backdrop:disabled, label:backdrop selection.flat:disabled, label:disabled selection.flat:backdrop, label:disabled progressbar:backdrop progress.flat, progressbar:backdrop label:disabled progress.flat, label:disabled progressbar:backdrop trough.flat, progressbar:backdrop label:disabled trough.flat, label:backdrop label:disabled selection.flat, label:disabled label:backdrop selection.flat,
739
    button.suggested-action:backdrop:disabled,
740
    .selection-mode windowcontrols button:backdrop:disabled,
741
    button.suggested-action.flat:backdrop:disabled {
742
      color: #d2d2d2;
743
      border-color: rgba(43, 43, 43, 0.3);
744
      background-color: #e78a53;
745
      text-shadow: none; }
746
      progressbar:backdrop progress.suggested-action:disabled label, progressbar:backdrop trough.suggested-action:disabled label, label:backdrop selection.suggested-action:disabled label, label:disabled selection.suggested-action:backdrop label, label:disabled progressbar:backdrop progress.suggested-action label, progressbar:backdrop label:disabled progress.suggested-action label, label:disabled progressbar:backdrop trough.suggested-action label, progressbar:backdrop label:disabled trough.suggested-action label, label:backdrop label:disabled selection.suggested-action label, label:disabled label:backdrop selection.suggested-action label, progressbar:backdrop progress.flat:disabled label, progressbar:backdrop trough.flat:disabled label, notebook > header > tabs > arrow.suggested-action:backdrop:disabled label, label:backdrop selection.flat:disabled label, label:disabled selection.flat:backdrop label, label:disabled progressbar:backdrop progress.flat label, progressbar:backdrop label:disabled progress.flat label, label:disabled progressbar:backdrop trough.flat label, progressbar:backdrop label:disabled trough.flat label, label:backdrop label:disabled selection.flat label, label:disabled label:backdrop selection.flat label,
747
      button.suggested-action:backdrop:disabled label,
748
      .selection-mode windowcontrols button:backdrop:disabled label,
749
      button.suggested-action.flat:backdrop:disabled label {
750
        color: rgba(255, 255, 255, 0.5); }
751
      progressbar:backdrop progress.suggested-action:disabled:active, progressbar:backdrop trough.suggested-action:disabled:active, label:backdrop selection.suggested-action:disabled:active, label:disabled selection.suggested-action:backdrop:active, label:disabled progressbar:backdrop progress.suggested-action:active, progressbar:backdrop label:disabled progress.suggested-action:active, label:disabled progressbar:backdrop trough.suggested-action:active, progressbar:backdrop label:disabled trough.suggested-action:active, label:backdrop label:disabled selection.suggested-action:active, label:disabled label:backdrop selection.suggested-action:active, progressbar:backdrop progress.suggested-action:disabled:checked, progressbar:backdrop trough.suggested-action:disabled:checked, label:backdrop selection.suggested-action:disabled:checked, label:disabled selection.suggested-action:backdrop:checked, label:disabled progressbar:backdrop progress.suggested-action:checked, progressbar:backdrop label:disabled progress.suggested-action:checked, label:disabled progressbar:backdrop trough.suggested-action:checked, progressbar:backdrop label:disabled trough.suggested-action:checked, label:backdrop label:disabled selection.suggested-action:checked, label:disabled label:backdrop selection.suggested-action:checked, progressbar:backdrop progress.flat:disabled:active, progressbar:backdrop trough.flat:disabled:active, notebook > header > tabs > arrow.suggested-action:backdrop:disabled:active, label:backdrop selection.flat:disabled:active, label:disabled selection.flat:backdrop:active, label:disabled progressbar:backdrop progress.flat:active, progressbar:backdrop label:disabled progress.flat:active, label:disabled progressbar:backdrop trough.flat:active, progressbar:backdrop label:disabled trough.flat:active, label:backdrop label:disabled selection.flat:active, label:disabled label:backdrop selection.flat:active, progressbar:backdrop progress.flat:disabled:checked, progressbar:backdrop trough.flat:disabled:checked, notebook > header > tabs > arrow.suggested-action:backdrop:disabled:checked, label:backdrop selection.flat:disabled:checked, label:disabled selection.flat:backdrop:checked, label:disabled progressbar:backdrop progress.flat:checked, progressbar:backdrop label:disabled progress.flat:checked, label:disabled progressbar:backdrop trough.flat:checked, progressbar:backdrop label:disabled trough.flat:checked, label:backdrop label:disabled selection.flat:checked, label:disabled label:backdrop selection.flat:checked,
752
      button.suggested-action:backdrop:disabled:active,
753
      .selection-mode windowcontrols button:backdrop:disabled:active,
754
      button.suggested-action:backdrop:disabled:checked,
755
      .selection-mode windowcontrols button:backdrop:disabled:checked,
756
      button.suggested-action.flat:backdrop:disabled:active,
757
      button.suggested-action.flat:backdrop:disabled:checked {
758
        color: rgba(18, 17, 19, 0.7);
759
        outline-color: rgba(255, 255, 255, 0.3);
760
        background-color: #e78a53;
761
        text-shadow: none; }
762
  .selection-mode windowcontrols button:backdrop, progressbar:backdrop progress.flat, progressbar:backdrop trough.flat, notebook > header > tabs > arrow.suggested-action:backdrop, progressbar:backdrop notebook > header > tabs > progress.suggested-action, progressbar:backdrop notebook > header > tabs > trough.suggested-action, label:backdrop selection.flat, .selection-mode windowcontrols button:disabled, notebook > header > tabs > arrow.suggested-action:disabled, label:disabled selection.flat,
763
  button.suggested-action.flat:backdrop,
764
  button.suggested-action.flat:disabled,
765
  button.suggested-action.flat:backdrop:disabled {
766
    border-color: transparent;
767
    background-color: transparent;
768
    background-image: none;
769
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
770
    text-shadow: none;
771
    -gtk-icon-shadow: none;
772
    color: rgba(231, 138, 83, 0.8); }
773
  label:disabled selection.suggested-action,
774
  button.suggested-action:disabled,
775
  .selection-mode windowcontrols button:disabled {
776
    color: #d2d2d2;
777
    border-color: rgba(43, 43, 43, 0.3);
778
    background-color: #e78a53;
779
    text-shadow: none;
780
    opacity: 0.75; }
781
    label:disabled selection.suggested-action:active, label:disabled selection.suggested-action:checked,
782
    button.suggested-action:disabled:active,
783
    .selection-mode windowcontrols button:disabled:active,
784
    button.suggested-action:disabled:checked,
785
    .selection-mode windowcontrols button:disabled:checked {
786
      color: rgba(18, 17, 19, 0.7);
787
      outline-color: rgba(255, 255, 255, 0.3);
788
      background-color: #e78a53;
789
      text-shadow: none; }
790
      label:disabled selection.suggested-action:active label, label:disabled selection.suggested-action:checked label,
791
      button.suggested-action:disabled:active label,
792
      .selection-mode windowcontrols button:disabled:active label,
793
      button.suggested-action:disabled:checked label,
794
      .selection-mode windowcontrols button:disabled:checked label {
795
        color: rgba(18, 17, 19, 0.7); }
796
  .osd button.suggested-action, .osd .selection-mode windowcontrols button, .selection-mode windowcontrols .osd button {
797
    color: #ffffff;
798
    border-color: #2b2b2b;
799
    background-color: rgba(231, 138, 83, 0.5);
800
    background-clip: padding-box;
801
    text-shadow: 0 1px black;
802
    -gtk-icon-shadow: 0 1px black;
803
    outline-color: rgba(255, 255, 255, 0.3); }
804
    .osd button.suggested-action:hover, .osd .selection-mode windowcontrols button:hover, .selection-mode windowcontrols .osd button:hover {
805
      color: white;
806
      border-color: #2b2b2b;
807
      background-image: linear-gradient(to bottom, rgba(231, 138, 83, 0.7), rgba(231, 138, 83, 0.7));
808
      background-clip: padding-box;
809
      text-shadow: 0 1px black;
810
      -gtk-icon-shadow: 0 1px black;
811
      outline-color: rgba(255, 255, 255, 0.3); }
812
    .osd progressbar:backdrop progress:active, progressbar:backdrop .osd progress:active, .osd progressbar:backdrop trough:active, progressbar:backdrop .osd trough:active, .osd label:backdrop selection:active, label:backdrop .osd selection:active, .osd progressbar:backdrop progress:checked, progressbar:backdrop .osd progress:checked, .osd progressbar:backdrop trough:checked, progressbar:backdrop .osd trough:checked, .osd label:backdrop selection:checked, label:backdrop .osd selection:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd .selection-mode windowcontrols button:active, .selection-mode windowcontrols .osd button:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked, .osd .selection-mode windowcontrols button:checked, .selection-mode windowcontrols .osd button:checked {
813
      color: white;
814
      border-color: #2b2b2b;
815
      background-image: linear-gradient(to bottom, #e78a53, #e78a53);
816
      background-clip: padding-box;
817
      text-shadow: none;
818
      -gtk-icon-shadow: none;
819
      outline-color: rgba(255, 255, 255, 0.3); }
820
    .osd progressbar:backdrop progress:disabled, progressbar:backdrop .osd progress:disabled, .osd progressbar:backdrop trough:disabled, progressbar:backdrop .osd trough:disabled, .osd label:backdrop selection.suggested-action:disabled, label:backdrop .osd selection.suggested-action:disabled, .osd label:disabled selection.suggested-action, label:disabled .osd selection.suggested-action, .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled, .osd .selection-mode windowcontrols button:disabled, .selection-mode windowcontrols .osd button:disabled {
821
      color: #898889;
822
      border-color: #2b2b2b;
823
      background-image: linear-gradient(to bottom, rgba(42, 41, 43, 0.5), rgba(42, 41, 43, 0.5));
824
      background-clip: padding-box;
825
      box-shadow: none;
826
      text-shadow: none;
827
      -gtk-icon-shadow: none; }
828
    .osd progressbar:backdrop progress.suggested-action, progressbar:backdrop .osd progress.suggested-action, .osd progressbar:backdrop trough.suggested-action, progressbar:backdrop .osd trough.suggested-action, .osd label:backdrop selection.suggested-action, label:backdrop .osd selection.suggested-action, .osd button.suggested-action:backdrop, .osd .selection-mode windowcontrols button:backdrop, .selection-mode windowcontrols .osd button:backdrop {
829
      color: #ffffff;
830
      border-color: #2b2b2b;
831
      background-image: linear-gradient(to bottom, rgba(231, 138, 83, 0.5), rgba(231, 138, 83, 0.5));
832
      background-clip: padding-box;
833
      box-shadow: none;
834
      text-shadow: none;
835
      -gtk-icon-shadow: none; }
836
837
.selection-mode windowcontrols button.destructive-action,
838
button.destructive-action {
839
  border: none;
840
  box-shadow: none;
841
  color: #fff;
842
  border-radius: 6px;
843
  background: linear-gradient(to right, #e75353, #e75353); }
844
  
845
  button.destructive-action label {
846
    color: #fff; }
847
  .selection-mode windowcontrols button.destructive-action, notebook > header > tabs > arrow.destructive-action,
848
  button.destructive-action.flat {
849
    box-shadow: none;
850
    color: #fff;
851
    border-radius: 6px;
852
    background: linear-gradient(to right, #e78a53 0%, #e78a53 100%); }
853
    .selection-mode windowcontrols button.destructive-action label, notebook > header > tabs > arrow.destructive-action label,
854
    button.destructive-action.flat label {
855
      color: #fff; }
856
  
857
  button.destructive-action:hover {
858
    color: white;
859
    outline-color: rgba(255, 255, 255, 0.3);
860
    background-color: #e75353;
861
    text-shadow: none;
862
    opacity: 0.85; }
863
  
864
  button.destructive-action:active,
865
  button.destructive-action:checked {
866
    color: white;
867
    outline-color: rgba(255, 255, 255, 0.3);
868
    background-color: #e75353;
869
    text-shadow: none; }
870
  progressbar:backdrop progress.destructive-action, progressbar:backdrop trough.destructive-action, label:backdrop selection.destructive-action, progressbar:backdrop progress.flat, progressbar:backdrop trough.flat, notebook > header > tabs > arrow.destructive-action:backdrop, label:backdrop selection.flat,
871
  button.destructive-action:backdrop,
872
  button.destructive-action.flat:backdrop {
873
    color: #d2d2d2;
874
    outline-color: rgba(255, 255, 255, 0.3);
875
    background-color: #e75353;
876
    text-shadow: none; }
877
    progressbar:backdrop progress.destructive-action label, progressbar:backdrop trough.destructive-action label, label:backdrop selection.destructive-action label, progressbar:backdrop progress.flat label, progressbar:backdrop trough.flat label, notebook > header > tabs > arrow.destructive-action:backdrop label, label:backdrop selection.flat label,
878
    button.destructive-action:backdrop label,
879
    button.destructive-action.flat:backdrop label {
880
      color: rgba(255, 255, 255, 0.5); }
881
    progressbar:backdrop progress.destructive-action:active, progressbar:backdrop trough.destructive-action:active, label:backdrop selection.destructive-action:active, progressbar:backdrop progress.destructive-action:checked, progressbar:backdrop trough.destructive-action:checked, label:backdrop selection.destructive-action:checked, progressbar:backdrop progress.flat:active, progressbar:backdrop trough.flat:active, notebook > header > tabs > arrow.destructive-action:backdrop:active, label:backdrop selection.flat:active, progressbar:backdrop progress.flat:checked, progressbar:backdrop trough.flat:checked, notebook > header > tabs > arrow.destructive-action:backdrop:checked, label:backdrop selection.flat:checked,
882
    button.destructive-action:backdrop:active,
883
    button.destructive-action:backdrop:checked,
884
    button.destructive-action.flat:backdrop:active,
885
    button.destructive-action.flat:backdrop:checked {
886
      color: rgba(18, 17, 19, 0.7);
887
      outline-color: rgba(255, 255, 255, 0.3);
888
      background-color: #e78a53;
889
      text-shadow: none; }
890
      progressbar:backdrop progress.destructive-action:active label, progressbar:backdrop trough.destructive-action:active label, label:backdrop selection.destructive-action:active label, progressbar:backdrop progress.destructive-action:checked label, progressbar:backdrop trough.destructive-action:checked label, label:backdrop selection.destructive-action:checked label, progressbar:backdrop progress.flat:active label, progressbar:backdrop trough.flat:active label, notebook > header > tabs > arrow.destructive-action:backdrop:active label, label:backdrop selection.flat:active label, progressbar:backdrop progress.flat:checked label, progressbar:backdrop trough.flat:checked label, notebook > header > tabs > arrow.destructive-action:backdrop:checked label, label:backdrop selection.flat:checked label,
891
      button.destructive-action:backdrop:active label,
892
      button.destructive-action:backdrop:checked label,
893
      button.destructive-action.flat:backdrop:active label,
894
      button.destructive-action.flat:backdrop:checked label {
895
        color: rgba(18, 17, 19, 0.7); }
896
    progressbar:backdrop progress.destructive-action:disabled, progressbar:backdrop trough.destructive-action:disabled, label:backdrop selection.destructive-action:disabled, label:disabled selection.destructive-action:backdrop, label:disabled progressbar:backdrop progress.destructive-action, progressbar:backdrop label:disabled progress.destructive-action, label:disabled progressbar:backdrop trough.destructive-action, progressbar:backdrop label:disabled trough.destructive-action, label:backdrop label:disabled selection.destructive-action, label:disabled label:backdrop selection.destructive-action, progressbar:backdrop progress.flat:disabled, progressbar:backdrop trough.flat:disabled, notebook > header > tabs > arrow.destructive-action:backdrop:disabled, label:backdrop selection.flat:disabled, label:disabled selection.flat:backdrop, label:disabled progressbar:backdrop progress.flat, progressbar:backdrop label:disabled progress.flat, label:disabled progressbar:backdrop trough.flat, progressbar:backdrop label:disabled trough.flat, label:backdrop label:disabled selection.flat, label:disabled label:backdrop selection.flat,
897
    button.destructive-action:backdrop:disabled,
898
    button.destructive-action.flat:backdrop:disabled {
899
      color: #d2d2d2;
900
      border-color: rgba(43, 43, 43, 0.3);
901
      background-color: #e75353;
902
      text-shadow: none; }
903
      progressbar:backdrop progress.destructive-action:disabled label, progressbar:backdrop trough.destructive-action:disabled label, label:backdrop selection.destructive-action:disabled label, label:disabled selection.destructive-action:backdrop label, label:disabled progressbar:backdrop progress.destructive-action label, progressbar:backdrop label:disabled progress.destructive-action label, label:disabled progressbar:backdrop trough.destructive-action label, progressbar:backdrop label:disabled trough.destructive-action label, label:backdrop label:disabled selection.destructive-action label, label:disabled label:backdrop selection.destructive-action label, progressbar:backdrop progress.flat:disabled label, progressbar:backdrop trough.flat:disabled label, notebook > header > tabs > arrow.destructive-action:backdrop:disabled label, label:backdrop selection.flat:disabled label, label:disabled selection.flat:backdrop label, label:disabled progressbar:backdrop progress.flat label, progressbar:backdrop label:disabled progress.flat label, label:disabled progressbar:backdrop trough.flat label, progressbar:backdrop label:disabled trough.flat label, label:backdrop label:disabled selection.flat label, label:disabled label:backdrop selection.flat label,
904
      button.destructive-action:backdrop:disabled label,
905
      button.destructive-action.flat:backdrop:disabled label {
906
        color: rgba(255, 255, 255, 0.5); }
907
      progressbar:backdrop progress.destructive-action:disabled:active, progressbar:backdrop trough.destructive-action:disabled:active, label:backdrop selection.destructive-action:disabled:active, label:disabled selection.destructive-action:backdrop:active, label:disabled progressbar:backdrop progress.destructive-action:active, progressbar:backdrop label:disabled progress.destructive-action:active, label:disabled progressbar:backdrop trough.destructive-action:active, progressbar:backdrop label:disabled trough.destructive-action:active, label:backdrop label:disabled selection.destructive-action:active, label:disabled label:backdrop selection.destructive-action:active, progressbar:backdrop progress.destructive-action:disabled:checked, progressbar:backdrop trough.destructive-action:disabled:checked, label:backdrop selection.destructive-action:disabled:checked, label:disabled selection.destructive-action:backdrop:checked, label:disabled progressbar:backdrop progress.destructive-action:checked, progressbar:backdrop label:disabled progress.destructive-action:checked, label:disabled progressbar:backdrop trough.destructive-action:checked, progressbar:backdrop label:disabled trough.destructive-action:checked, label:backdrop label:disabled selection.destructive-action:checked, label:disabled label:backdrop selection.destructive-action:checked, progressbar:backdrop progress.flat:disabled:active, progressbar:backdrop trough.flat:disabled:active, notebook > header > tabs > arrow.destructive-action:backdrop:disabled:active, label:backdrop selection.flat:disabled:active, label:disabled selection.flat:backdrop:active, label:disabled progressbar:backdrop progress.flat:active, progressbar:backdrop label:disabled progress.flat:active, label:disabled progressbar:backdrop trough.flat:active, progressbar:backdrop label:disabled trough.flat:active, label:backdrop label:disabled selection.flat:active, label:disabled label:backdrop selection.flat:active, progressbar:backdrop progress.flat:disabled:checked, progressbar:backdrop trough.flat:disabled:checked, notebook > header > tabs > arrow.destructive-action:backdrop:disabled:checked, label:backdrop selection.flat:disabled:checked, label:disabled selection.flat:backdrop:checked, label:disabled progressbar:backdrop progress.flat:checked, progressbar:backdrop label:disabled progress.flat:checked, label:disabled progressbar:backdrop trough.flat:checked, progressbar:backdrop label:disabled trough.flat:checked, label:backdrop label:disabled selection.flat:checked, label:disabled label:backdrop selection.flat:checked,
908
      button.destructive-action:backdrop:disabled:active,
909
      button.destructive-action:backdrop:disabled:checked,
910
      button.destructive-action.flat:backdrop:disabled:active,
911
      button.destructive-action.flat:backdrop:disabled:checked {
912
        color: rgba(18, 17, 19, 0.7);
913
        outline-color: rgba(255, 255, 255, 0.3);
914
        background-color: #e78a53;
915
        text-shadow: none; }
916
  .selection-mode windowcontrols button.destructive-action:backdrop, progressbar:backdrop progress.flat, progressbar:backdrop trough.flat, notebook > header > tabs > arrow.destructive-action:backdrop, progressbar:backdrop notebook > header > tabs > progress.destructive-action, progressbar:backdrop notebook > header > tabs > trough.destructive-action, label:backdrop selection.flat, .selection-mode windowcontrols button.destructive-action:disabled, notebook > header > tabs > arrow.destructive-action:disabled, label:disabled selection.flat,
917
  button.destructive-action.flat:backdrop,
918
  button.destructive-action.flat:disabled,
919
  button.destructive-action.flat:backdrop:disabled {
920
    border-color: transparent;
921
    background-color: transparent;
922
    background-image: none;
923
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
924
    text-shadow: none;
925
    -gtk-icon-shadow: none;
926
    color: rgba(231, 83, 83, 0.8); }
927
  label:disabled selection.destructive-action,
928
  button.destructive-action:disabled {
929
    color: #d2d2d2;
930
    border-color: rgba(43, 43, 43, 0.3);
931
    background-color: #e75353;
932
    text-shadow: none;
933
    opacity: 0.75; }
934
    label:disabled selection.destructive-action:active, label:disabled selection.destructive-action:checked,
935
    button.destructive-action:disabled:active,
936
    button.destructive-action:disabled:checked {
937
      color: rgba(18, 17, 19, 0.7);
938
      outline-color: rgba(255, 255, 255, 0.3);
939
      background-color: #e75353;
940
      text-shadow: none; }
941
      label:disabled selection.destructive-action:active label, label:disabled selection.destructive-action:checked label,
942
      button.destructive-action:disabled:active label,
943
      button.destructive-action:disabled:checked label {
944
        color: rgba(18, 17, 19, 0.7); }
945
  .osd button.destructive-action {
946
    color: #ffffff;
947
    border-color: #2b2b2b;
948
    background-color: rgba(231, 83, 83, 0.5);
949
    background-clip: padding-box;
950
    text-shadow: 0 1px black;
951
    -gtk-icon-shadow: 0 1px black;
952
    outline-color: rgba(255, 255, 255, 0.3); }
953
    .osd button.destructive-action:hover {
954
      color: white;
955
      border-color: #2b2b2b;
956
      background-image: linear-gradient(to bottom, rgba(231, 83, 83, 0.7), rgba(231, 83, 83, 0.7));
957
      background-clip: padding-box;
958
      text-shadow: 0 1px black;
959
      -gtk-icon-shadow: 0 1px black;
960
      outline-color: rgba(255, 255, 255, 0.3); }
961
    .osd progressbar:backdrop progress:active, progressbar:backdrop .osd progress:active, .osd progressbar:backdrop trough:active, progressbar:backdrop .osd trough:active, .osd label:backdrop selection:active, label:backdrop .osd selection:active, .osd progressbar:backdrop progress:checked, progressbar:backdrop .osd progress:checked, .osd progressbar:backdrop trough:checked, progressbar:backdrop .osd trough:checked, .osd label:backdrop selection:checked, label:backdrop .osd selection:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked {
962
      color: white;
963
      border-color: #2b2b2b;
964
      background-image: linear-gradient(to bottom, #e75353, #e75353);
965
      background-clip: padding-box;
966
      text-shadow: none;
967
      -gtk-icon-shadow: none;
968
      outline-color: rgba(255, 255, 255, 0.3); }
969
    .osd progressbar:backdrop progress:disabled, progressbar:backdrop .osd progress:disabled, .osd progressbar:backdrop trough:disabled, progressbar:backdrop .osd trough:disabled, .osd label:backdrop selection.destructive-action:disabled, label:backdrop .osd selection.destructive-action:disabled, .osd label:disabled selection.destructive-action, label:disabled .osd selection.destructive-action, .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled {
970
      color: #898889;
971
      border-color: #2b2b2b;
972
      background-image: linear-gradient(to bottom, rgba(42, 41, 43, 0.5), rgba(42, 41, 43, 0.5));
973
      background-clip: padding-box;
974
      box-shadow: none;
975
      text-shadow: none;
976
      -gtk-icon-shadow: none; }
977
    .osd progressbar:backdrop progress.destructive-action, progressbar:backdrop .osd progress.destructive-action, .osd progressbar:backdrop trough.destructive-action, progressbar:backdrop .osd trough.destructive-action, .osd label:backdrop selection.destructive-action, label:backdrop .osd selection.destructive-action, .osd button.destructive-action:backdrop {
978
      color: #ffffff;
979
      border-color: #2b2b2b;
980
      background-image: linear-gradient(to bottom, rgba(231, 83, 83, 0.5), rgba(231, 83, 83, 0.5));
981
      background-clip: padding-box;
982
      box-shadow: none;
983
      text-shadow: none;
984
      -gtk-icon-shadow: none; }
985
986
.selection-mode windowcontrols .stack-switcher > button, .stack-switcher > button {
987
  outline-offset: -3px; }
988
  .selection-mode windowcontrols .stack-switcher > button > label, .stack-switcher > button > label {
989
    padding-left: 6px;
990
    padding-right: 6px; }
991
  .selection-mode windowcontrols .stack-switcher > button > image, .stack-switcher > button > image {
992
    padding-left: 6px;
993
    padding-right: 6px;
994
    padding-top: 3px;
995
    padding-bottom: 3px; }
996
  .selection-mode windowcontrols .stack-switcher > button.text-button, .stack-switcher > button.text-button {
997
    padding-left: 10px;
998
    padding-right: 10px; }
999
  .selection-mode windowcontrols .stack-switcher > button.image-button, .stack-switcher > button.image-button {
1000
    padding-left: 2px;
1001
    padding-right: 2px; }
1002
  .stack-switcher > button.needs-attention:active > label,
1003
  .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label,
1004
  .stack-switcher > button.needs-attention:checked > image {
1005
    animation: none;
1006
    background-image: none; }
1007
1008
.inline-toolbar .selection-mode windowcontrols button, .selection-mode windowcontrols .inline-toolbar button, .inline-toolbar .selection-mode windowcontrols button:backdrop, .selection-mode windowcontrols .inline-toolbar button:backdrop, .inline-toolbar button, .inline-toolbar button:backdrop {
1009
  border-radius: 6px;
1010
  border-width: 1px; }
1011
1012
.primary-toolbar .selection-mode windowcontrols button, .selection-mode windowcontrols .primary-toolbar button, .primary-toolbar button, .primary-toolbar .raised button {
1013
  -gtk-icon-shadow: none; }
1014
  .primary-toolbar button:hover, .primary-toolbar button:focus, .primary-toolbar .raised button:hover, .primary-toolbar .raised button:focus {
1015
    color: #121113;
1016
    outline-color: rgba(18, 17, 19, 0.3);
1017
    background-color: #e78a53;
1018
    text-shadow: none; }
1019
1020
stacksidebar row.needs-attention > label, .selection-mode windowcontrols .stack-switcher > button.needs-attention > label,
1021
.selection-mode windowcontrols .stack-switcher > button.needs-attention > image, .stack-switcher > button.needs-attention > label,
1022
.stack-switcher > button.needs-attention > image {
1023
  animation: needs_attention 150ms ease-in;
1024
  background-image: radial-gradient(farthest-side, #f0b896 96%, rgba(240, 184, 150, 0));
1025
  background-size: 6px 6px, 6px 6px;
1026
  background-repeat: no-repeat;
1027
  background-position: right 3px, right 2px; }
1028
  stacksidebar row.needs-attention > label:backdrop {
1029
    background-size: 6px 6px, 0 0; }
1030
  stacksidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl),
1031
  .stack-switcher > button.needs-attention > image:dir(rtl) {
1032
    background-position: left 3px, left 2px; }
1033
1034
/* oldstyle toolbar buttons */
1035
.toolbar > button,
1036
.toolbar > :not(.linked) > button,
1037
.toolbar :not(.linked) > menubutton > button,
1038
.toolbar :not(.linked) > scalebutton > button,
1039
.toolbar :not(.linked) > dropdown > button,
1040
.toolbar :not(.linked) > colorbutton > button,
1041
.toolbar :not(.linked) > fontbutton > button,
1042
.toolbar :not(.linked) > appchooserbutton > button,
1043
.toolbar :not(.linked) > combobox > box > button {
1044
  margin: 1px;
1045
  border-color: transparent;
1046
  background-color: transparent;
1047
  background-image: none;
1048
  box-shadow: inset 0 1px rgba(255, 255, 255, 0);
1049
  text-shadow: none;
1050
  -gtk-icon-shadow: none; }
1051
  .toolbar > button:hover, .toolbar > button:active, .toolbar > button:checked,
1052
  .toolbar > :not(.linked) > button:hover,
1053
  .toolbar > :not(.linked) > button:active,
1054
  .toolbar > :not(.linked) > button:checked,
1055
  .toolbar :not(.linked) > menubutton > button:hover,
1056
  .toolbar :not(.linked) > menubutton > button:active,
1057
  .toolbar :not(.linked) > menubutton > button:checked,
1058
  .toolbar :not(.linked) > scalebutton > button:hover,
1059
  .toolbar :not(.linked) > scalebutton > button:active,
1060
  .toolbar :not(.linked) > scalebutton > button:checked,
1061
  .toolbar :not(.linked) > dropdown > button:hover,
1062
  .toolbar :not(.linked) > dropdown > button:active,
1063
  .toolbar :not(.linked) > dropdown > button:checked,
1064
  .toolbar :not(.linked) > colorbutton > button:hover,
1065
  .toolbar :not(.linked) > colorbutton > button:active,
1066
  .toolbar :not(.linked) > colorbutton > button:checked,
1067
  .toolbar :not(.linked) > fontbutton > button:hover,
1068
  .toolbar :not(.linked) > fontbutton > button:active,
1069
  .toolbar :not(.linked) > fontbutton > button:checked,
1070
  .toolbar :not(.linked) > appchooserbutton > button:hover,
1071
  .toolbar :not(.linked) > appchooserbutton > button:active,
1072
  .toolbar :not(.linked) > appchooserbutton > button:checked,
1073
  .toolbar :not(.linked) > combobox > box > button:hover,
1074
  .toolbar :not(.linked) > combobox > box > button:active,
1075
  .toolbar :not(.linked) > combobox > box > button:checked {
1076
    color: #ffffff;
1077
    outline-color: rgba(255, 255, 255, 0.3);
1078
    background-color: #2c292e;
1079
    text-shadow: none; }
1080
  .toolbar > button:disabled,
1081
  .toolbar > :not(.linked) > button:disabled,
1082
  .toolbar :not(.linked) > menubutton > button:disabled,
1083
  .toolbar :not(.linked) > scalebutton > button:disabled,
1084
  .toolbar :not(.linked) > dropdown > button:disabled,
1085
  .toolbar :not(.linked) > colorbutton > button:disabled,
1086
  .toolbar :not(.linked) > fontbutton > button:disabled,
1087
  .toolbar :not(.linked) > appchooserbutton > button:disabled,
1088
  .toolbar :not(.linked) > combobox > box > button:disabled {
1089
    opacity: 0.5; }
1090
1091
.linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl), spinbutton.vertical.linked:not(.vertical) > text, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(ltr), .inline-toolbar .selection-mode windowcontrols button, .selection-mode windowcontrols .inline-toolbar button, .inline-toolbar .selection-mode windowcontrols button:backdrop, .selection-mode windowcontrols .inline-toolbar button:backdrop, .inline-toolbar button, .inline-toolbar button:backdrop, .selection-mode windowcontrols .linked > button, .selection-mode windowcontrols .linked > button:hover, .selection-mode windowcontrols .linked > button:active, .selection-mode windowcontrols .linked > button:checked, .selection-mode windowcontrols .linked > button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop {
1092
  border: 1px solid #2b2b2b;
1093
  border-radius: 0;
1094
  border-right-style: none;
1095
  box-shadow: none; }
1096
  .linked > combobox > box > button.combo:disabled:dir(ltr), .linked > combobox > box > button.combo:disabled:dir(rtl), spinbutton.vertical.linked:not(.vertical) > text:disabled, .linked:not(.vertical) > spinbutton:disabled:not(.vertical), .linked:not(.vertical) > entry:disabled, .linked:not(.vertical) > combobox:only-child > box > button.combo:disabled, .linked:not(.vertical) > combobox:last-child > box > button.combo:disabled, .linked:not(.vertical) > combobox:first-child > box > button.combo:disabled, combobox.linked button:disabled:nth-child(2):dir(rtl), combobox.linked button:disabled:nth-child(2):dir(ltr), .inline-toolbar progressbar:backdrop progress:disabled, progressbar:backdrop .inline-toolbar progress:disabled, .inline-toolbar progressbar:backdrop trough:disabled, progressbar:backdrop .inline-toolbar trough:disabled, .inline-toolbar button:disabled, .inline-toolbar button:disabled:backdrop, .selection-mode windowcontrols .linked > button:disabled, progressbar:backdrop .linked > progress:disabled, progressbar:backdrop .linked > trough:disabled, .linked > button:disabled, .linked > button:disabled:hover, .linked > button:disabled:active, .linked > button:disabled:checked, .linked > button:disabled:backdrop {
1097
    color: #d2d2d2;
1098
    border-color: rgba(43, 43, 43, 0.3);
1099
    background-color: #161517;
1100
    text-shadow: none;
1101
    color: #898889; }
1102
1103
spinbutton.vertical.linked:not(.vertical) > text:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > combobox:only-child > box > button.combo:first-child, .linked:not(.vertical) > combobox:last-child > box > button.combo:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), combobox.linked button:first-child:nth-child(2):dir(ltr), combobox.linked .linked.vertical > combobox:first-child > box > button.combo:nth-child(2):dir(ltr), .inline-toolbar progressbar:backdrop progress:first-child, progressbar:backdrop .inline-toolbar progress:first-child, .inline-toolbar progressbar:backdrop trough:first-child, progressbar:backdrop .inline-toolbar trough:first-child, .inline-toolbar button:first-child, .inline-toolbar .linked.vertical > combobox:first-child > box > button.combo, .inline-toolbar button:first-child:backdrop, .selection-mode windowcontrols .linked > button:first-child, progressbar:backdrop .linked > progress:first-child, progressbar:backdrop .linked > trough:first-child, .linked > button:first-child, .linked.vertical > combobox:first-child > box.linked > button.combo, .linked > button:first-child:hover, .linked > button:first-child:active, .linked > button:first-child:checked, .linked > button:first-child:backdrop {
1104
  border-top-left-radius: 6px;
1105
  border-bottom-left-radius: 6px; }
1106
1107
spinbutton.vertical.linked:not(.vertical) > text:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > combobox:only-child > box > button.combo:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > combobox:first-child > box > button.combo:last-child, combobox.linked button:last-child:nth-child(2):dir(rtl), combobox.linked .linked.vertical > combobox:last-child > box > button.combo:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(ltr), .inline-toolbar progressbar:backdrop progress:last-child, progressbar:backdrop .inline-toolbar progress:last-child, .inline-toolbar progressbar:backdrop trough:last-child, progressbar:backdrop .inline-toolbar trough:last-child, .inline-toolbar button:last-child, .inline-toolbar .linked.vertical > combobox:last-child > box > button.combo, .inline-toolbar button:last-child:backdrop, .selection-mode windowcontrols .linked > button:last-child, progressbar:backdrop .linked > progress:last-child, progressbar:backdrop .linked > trough:last-child, .linked > button:last-child, .linked.vertical > combobox:last-child > box.linked > button.combo, .linked > button:last-child:hover, .linked > button:last-child:active, .linked > button:last-child:checked, .linked > button:last-child:backdrop {
1108
  border-top-right-radius: 6px;
1109
  border-bottom-right-radius: 6px;
1110
  border-right-style: solid; }
1111
1112
spinbutton.vertical.linked:not(.vertical) > text:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > combobox:last-child > box > button.combo:only-child, .linked:not(.vertical) > combobox:first-child > box > button.combo:only-child, combobox.linked button:only-child:nth-child(2):dir(rtl), combobox.linked .linked.vertical > combobox:only-child > box > button.combo:nth-child(2):dir(rtl), combobox.linked button:only-child:nth-child(2):dir(ltr), combobox.linked .linked.vertical > combobox:only-child > box > button.combo:nth-child(2):dir(ltr), .inline-toolbar progressbar:backdrop progress:only-child, progressbar:backdrop .inline-toolbar progress:only-child, .inline-toolbar progressbar:backdrop trough:only-child, progressbar:backdrop .inline-toolbar trough:only-child, .inline-toolbar button:only-child, .inline-toolbar .linked.vertical > combobox:only-child > box > button.combo, .inline-toolbar button:only-child:backdrop, .selection-mode windowcontrols .linked > button:only-child, progressbar:backdrop .linked > progress:only-child, progressbar:backdrop .linked > trough:only-child, .linked > button:only-child, .linked.vertical > combobox:only-child > box.linked > button.combo, .linked > button:only-child:hover, .linked > button:only-child:active, .linked > button:only-child:checked, .linked > button:only-child:backdrop {
1113
  border-radius: 6px;
1114
  border-style: solid; }
1115
1116
.linked.vertical > combobox > box > button.combo, spinbutton.vertical.linked > text, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > combobox:first-child > box > button.combo, .selection-mode windowcontrols .linked.vertical > button, .selection-mode windowcontrols .linked.vertical > button:hover, .selection-mode windowcontrols .linked.vertical > button:active, .selection-mode windowcontrols .linked.vertical > button:checked, .selection-mode windowcontrols .linked.vertical > button:backdrop, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop {
1117
  border-style: solid solid none solid;
1118
  border-radius: 0; }
1119
1120
spinbutton.vertical.linked > text:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > combobox:only-child > box > button.combo:first-child, .linked.vertical > combobox:last-child > box > button.combo:first-child, .linked.vertical > combobox:first-child > box > button.combo, combobox.linked .linked.vertical > combobox:only-child > box > button.combo:nth-child(2):dir(rtl), combobox.linked .linked.vertical > combobox:last-child > box > button.combo:nth-child(2):dir(rtl), .selection-mode windowcontrols .linked.vertical > button:first-child, combobox.linked label:backdrop .selection-mode windowcontrols .linked.vertical > button:nth-child(2):dir(rtl), .selection-mode windowcontrols combobox.linked label:backdrop .linked.vertical > button:nth-child(2):dir(rtl), .linked.vertical > button:first-child, .linked:not(.vertical) > combobox:first-child > box.linked.vertical > button.combo, combobox.linked .linked.vertical > button:nth-child(2):dir(rtl), .linked.vertical > button:first-child:hover, .linked.vertical > button:first-child:active, .linked.vertical > button:first-child:checked, .linked.vertical > button:first-child:backdrop, progressbar:backdrop .linked.vertical > progress:first-child, progressbar:backdrop .linked.vertical > trough:first-child {
1121
  border-top-left-radius: 6px;
1122
  border-top-right-radius: 6px; }
1123
1124
spinbutton.vertical.linked > text:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > combobox:only-child > box > button.combo:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > combobox:first-child > box > button.combo:last-child, combobox.linked .linked.vertical > combobox:only-child > box > button.combo:nth-child(2):dir(ltr), combobox.linked .linked.vertical > combobox:first-child > box > button.combo:nth-child(2):dir(ltr), .selection-mode windowcontrols .linked.vertical > button:last-child, combobox.linked label:backdrop .selection-mode windowcontrols .linked.vertical > button:nth-child(2):dir(ltr), .selection-mode windowcontrols combobox.linked label:backdrop .linked.vertical > button:nth-child(2):dir(ltr), .linked.vertical > button:last-child, .linked:not(.vertical) > combobox:last-child > box.linked.vertical > button.combo, combobox.linked .linked.vertical > button:nth-child(2):dir(ltr), .linked.vertical > button:last-child:hover, .linked.vertical > button:last-child:active, .linked.vertical > button:last-child:checked, .linked.vertical > button:last-child:backdrop, progressbar:backdrop .linked.vertical > progress:last-child, progressbar:backdrop .linked.vertical > trough:last-child {
1125
  border-bottom-left-radius: 6px;
1126
  border-bottom-right-radius: 6px;
1127
  border-style: solid; }
1128
1129
spinbutton.vertical.linked > text:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > combobox:last-child > box > button.combo:only-child, .linked.vertical > combobox:first-child > box > button.combo:only-child, .selection-mode windowcontrols .linked.vertical > button:only-child, .linked.vertical > button:only-child, .linked:not(.vertical) > combobox:only-child > box.linked.vertical > button.combo, .linked.vertical > button:only-child:hover, .linked.vertical > button:only-child:active, .linked.vertical > button:only-child:checked, .linked.vertical > button:only-child:backdrop, progressbar:backdrop .linked.vertical > progress:only-child, progressbar:backdrop .linked.vertical > trough:only-child {
1130
  border-radius: 6px;
1131
  border-style: solid; }
1132
1133
.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, button:link:hover, button:link:active, button:link:checked,
1134
button:visited:hover,
1135
button:visited:active,
1136
button:visited:checked, button:link,
1137
button:visited, modelbutton.flat:backdrop, progressbar:backdrop progress.flat, progressbar:backdrop trough.flat, modelbutton.flat:backdrop:hover, progressbar:backdrop progress.flat:hover, progressbar:backdrop trough.flat:hover,
1138
label:backdrop selection.flat, modelbutton.flat,
1139
.menuitem.button.flat,
1140
.selection-mode windowcontrols button.button,
1141
notebook > header > tabs > arrow.button {
1142
  background-color: transparent;
1143
  background-image: none;
1144
  border-color: transparent;
1145
  box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
1146
  text-shadow: none;
1147
  -gtk-icon-shadow: none; }
1148
1149
/* menu buttons */
1150
modelbutton.flat,
1151
.menuitem.button.flat,
1152
.selection-mode windowcontrols button.button,
1153
notebook > header > tabs > arrow.button {
1154
  min-height: 26px;
1155
  padding-left: 5px;
1156
  padding-right: 5px;
1157
  border-radius: 6px;
1158
  outline-offset: -2px; }
1159
  modelbutton.flat:hover,
1160
  .menuitem.button.flat:hover,
1161
  .selection-mode windowcontrols button.button:hover,
1162
  notebook > header > tabs > arrow.button:hover {
1163
    background-color: #222222; }
1164
  modelbutton.flat check:last-child,
1165
  modelbutton.flat radio:last-child,
1166
  .menuitem.button.flat check:last-child,
1167
  .selection-mode windowcontrols button.button check:last-child,
1168
  notebook > header > tabs > arrow.button check:last-child,
1169
  .menuitem.button.flat radio:last-child,
1170
  .selection-mode windowcontrols button.button radio:last-child,
1171
  notebook > header > tabs > arrow.button radio:last-child {
1172
    margin-left: 8px; }
1173
  modelbutton.flat check:first-child,
1174
  modelbutton.flat radio:first-child,
1175
  .menuitem.button.flat check:first-child,
1176
  .selection-mode windowcontrols button.button check:first-child,
1177
  notebook > header > tabs > arrow.button check:first-child,
1178
  .menuitem.button.flat radio:first-child,
1179
  .selection-mode windowcontrols button.button radio:first-child,
1180
  notebook > header > tabs > arrow.button radio:first-child {
1181
    margin-right: 8px; }
1182
1183
modelbutton.flat arrow {
1184
  background: none; }
1185
  modelbutton.flat arrow:hover {
1186
    background: none; }
1187
  modelbutton.flat arrow.left {
1188
    -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
1189
  modelbutton.flat arrow.right {
1190
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
1191
1192
button.color {
1193
  padding: 4px; }
1194
  button.color colorswatch:only-child, button.color colorswatch:only-child overlay {
1195
    border-radius: 0; }
1196
1197
notebook button, list button, .view button, iconview button, popover button {
1198
  box-shadow: none; }
1199
  notebook button:backdrop, list button:backdrop, .view button:backdrop, iconview button:backdrop, popover button:backdrop {
1200
    box-shadow: none; }
1201
1202
notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button {
1203
  box-shadow: none; }
1204
1205
toggle-group {
1206
  padding: 3px; }
1207
  toggle-group toggle {
1208
    padding: 0 4px; }
1209
    toggle-group toggle:checked {
1210
      background-color: #e78a53; }
1211
      toggle-group toggle:checked, toggle-group toggle:checked label {
1212
        color: #121113; }
1213
1214
/*
1215
  * Gnome 48 accent color buttons
1216
  * Gnome papers - buttons in context menu
1217
*/
1218
button.accent-button, button.accent-button:backdrop, progressbar:backdrop progress.accent-button, progressbar:backdrop trough.accent-button, label:backdrop selection.accent-button, button.color-button, button.color-button:backdrop, progressbar:backdrop progress.color-button, progressbar:backdrop trough.color-button, label:backdrop selection.color-button {
1219
  min-height: 24px;
1220
  min-width: 24px;
1221
  padding: 3px;
1222
  border-radius: 100%;
1223
  background: var(--accent-bg-color);
1224
  outline: none;
1225
  background-clip: content-box;
1226
  box-shadow: none;
1227
  border: none; }
1228
1229
button.accent-button:hover, button.color-button:hover {
1230
  box-shadow: 0 0 0 3px #0f0f10;
1231
  background-color: var(--accent-bg-color); }
1232
1233
button.accent-button:checked, button.accent-button:checked:backdrop, progressbar:backdrop progress:checked, progressbar:backdrop trough:checked, label:backdrop selection:checked, button.color-button:checked, button.color-button:checked:backdrop {
1234
  box-shadow: 0 0 0 3px var(--accent-bg-color);
1235
  background-color: var(--accent-bg-color); }
1236
1237
/************
1238
 * Calendar *
1239
 ***********/
1240
calendar {
1241
  color: #ffffff;
1242
  border: 1px solid #2b2b2b;
1243
  font-feature-settings: "tnum"; }
1244
  calendar > header {
1245
    border-bottom: 1px solid #2b2b2b; }
1246
    calendar > header > button {
1247
      border: none;
1248
      box-shadow: none;
1249
      background: none;
1250
      border-radius: 0; }
1251
    calendar > header > button:backdrop {
1252
      background: none; }
1253
  calendar > grid > label.today {
1254
    box-shadow: inset 0px -2px #e78a53; }
1255
    calendar > grid > label.today:selected {
1256
      box-shadow: none; }
1257
  calendar > grid > label:focus {
1258
    outline-color: #e78a53;
1259
    outline-offset: -2px;
1260
    outline-width: 2px;
1261
    outline-style: solid; }
1262
  calendar > grid > label.day-number {
1263
    padding: 4px; }
1264
    calendar > grid > label.day-number:selected {
1265
      border-radius: 3px; }
1266
    calendar > grid > label.day-number:checked {
1267
      background-color: alpha(#e78a53,0.3); }
1268
  calendar > grid > label.day-number.other-month {
1269
    color: alpha(currentColor,0.3); }
1270
1271
/*************************
1272
 * Check and Radio Items *
1273
 *************************/
1274
check {
1275
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png"));
1276
  -gtk-icon-shadow: none; }
1277
1278
radio {
1279
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-dark.png"), url("../assets/radio-unchecked@2.png"));
1280
  -gtk-icon-shadow: none; }
1281
1282
check:hover {
1283
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover-dark.png"), url("../assets/checkbox-unchecked-hover@2.png"));
1284
  -gtk-icon-shadow: none; }
1285
1286
radio:hover {
1287
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover-dark.png"), url("../assets/radio-unchecked-hover@2.png"));
1288
  -gtk-icon-shadow: none; }
1289
1290
check:active {
1291
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active-dark.png"), url("../assets/checkbox-unchecked-active@2.png"));
1292
  -gtk-icon-shadow: none; }
1293
1294
radio:active {
1295
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active-dark.png"), url("../assets/radio-unchecked-active@2.png"));
1296
  -gtk-icon-shadow: none; }
1297
1298
check:backdrop {
1299
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop-dark.png"), url("../assets/checkbox-unchecked-backdrop@2.png"));
1300
  -gtk-icon-shadow: none; }
1301
1302
radio:backdrop {
1303
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-dark.png"), url("../assets/radio-unchecked-backdrop@2.png"));
1304
  -gtk-icon-shadow: none; }
1305
1306
check:disabled {
1307
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive@2.png"));
1308
  -gtk-icon-shadow: none; }
1309
1310
radio:disabled {
1311
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png"));
1312
  -gtk-icon-shadow: none; }
1313
1314
check:disabled:backdrop, progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled {
1315
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive@2.png"));
1316
  -gtk-icon-shadow: none; }
1317
1318
radio:disabled:backdrop, progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled {
1319
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png"));
1320
  -gtk-icon-shadow: none; }
1321
1322
check:checked {
1323
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png"));
1324
  -gtk-icon-shadow: none; }
1325
1326
radio:checked {
1327
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-dark.png"), url("../assets/radio-checked@2.png"));
1328
  -gtk-icon-shadow: none;
1329
  background: none; }
1330
1331
check:checked:hover {
1332
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover-dark.png"), url("../assets/checkbox-checked-hover@2.png"));
1333
  -gtk-icon-shadow: none; }
1334
1335
radio:checked:hover {
1336
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover-dark.png"), url("../assets/radio-checked-hover@2.png"));
1337
  -gtk-icon-shadow: none;
1338
  background: none; }
1339
1340
check:checked:active {
1341
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active-dark.png"), url("../assets/checkbox-checked-active@2.png"));
1342
  -gtk-icon-shadow: none; }
1343
1344
radio:checked:active {
1345
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active-dark.png"), url("../assets/radio-checked-active@2.png"));
1346
  -gtk-icon-shadow: none;
1347
  background: none; }
1348
1349
check:checked:backdrop, progressbar:backdrop progress:checked, progressbar:backdrop trough:checked, label:backdrop selection:checked {
1350
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop-dark.png"), url("../assets/checkbox-checked-backdrop@2.png"));
1351
  -gtk-icon-shadow: none; }
1352
1353
radio:checked:backdrop, progressbar:backdrop progress:checked, progressbar:backdrop trough:checked, label:backdrop selection:checked {
1354
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-dark.png"), url("../assets/radio-checked-backdrop@2.png"));
1355
  -gtk-icon-shadow: none;
1356
  background: none; }
1357
1358
check:checked:disabled, label:disabled selection:checked {
1359
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png"));
1360
  -gtk-icon-shadow: none; }
1361
1362
radio:checked:disabled, label:disabled selection:checked {
1363
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png"));
1364
  -gtk-icon-shadow: none;
1365
  background: none; }
1366
1367
check:checked:disabled:backdrop, progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled, label:disabled selection:checked:backdrop, label:disabled progressbar:backdrop progress:checked, progressbar:backdrop label:disabled progress:checked, label:disabled progressbar:backdrop trough:checked, progressbar:backdrop label:disabled trough:checked, label:backdrop selection:checked:disabled, label:disabled label:backdrop selection:checked, label:backdrop label:disabled selection:checked {
1368
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png"));
1369
  -gtk-icon-shadow: none; }
1370
1371
radio:checked:disabled:backdrop, progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled, label:disabled selection:checked:backdrop, label:disabled progressbar:backdrop progress:checked, progressbar:backdrop label:disabled progress:checked, label:disabled progressbar:backdrop trough:checked, progressbar:backdrop label:disabled trough:checked, label:backdrop selection:checked:disabled, label:disabled label:backdrop selection:checked, label:backdrop label:disabled selection:checked {
1372
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png"));
1373
  -gtk-icon-shadow: none;
1374
  background: none; }
1375
1376
check:indeterminate {
1377
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png"));
1378
  -gtk-icon-shadow: none; }
1379
1380
radio:indeterminate {
1381
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png"));
1382
  -gtk-icon-shadow: none; }
1383
1384
check:indeterminate:hover {
1385
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover.png"), url("../assets/checkbox-mixed-hover@2.png"));
1386
  -gtk-icon-shadow: none; }
1387
1388
radio:indeterminate:hover {
1389
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png"));
1390
  -gtk-icon-shadow: none; }
1391
1392
check:indeterminate:active {
1393
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active.png"), url("../assets/checkbox-mixed-active@2.png"));
1394
  -gtk-icon-shadow: none; }
1395
1396
radio:indeterminate:active {
1397
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png"));
1398
  -gtk-icon-shadow: none; }
1399
1400
check:indeterminate:backdrop, progressbar:backdrop progress:indeterminate, progressbar:backdrop trough:indeterminate, label:backdrop selection:indeterminate {
1401
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop.png"), url("../assets/checkbox-mixed-backdrop@2.png"));
1402
  -gtk-icon-shadow: none; }
1403
1404
radio:indeterminate:backdrop, progressbar:backdrop progress:indeterminate, progressbar:backdrop trough:indeterminate, label:backdrop selection:indeterminate {
1405
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png"));
1406
  -gtk-icon-shadow: none; }
1407
1408
check:indeterminate:disabled, label:disabled selection:indeterminate {
1409
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png"));
1410
  -gtk-icon-shadow: none; }
1411
1412
radio:indeterminate:disabled, label:disabled selection:indeterminate {
1413
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png"));
1414
  -gtk-icon-shadow: none; }
1415
1416
check:indeterminate:disabled:backdrop, progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled, label:disabled selection:indeterminate:backdrop, label:disabled progressbar:backdrop progress:indeterminate, progressbar:backdrop label:disabled progress:indeterminate, label:disabled progressbar:backdrop trough:indeterminate, progressbar:backdrop label:disabled trough:indeterminate, label:backdrop selection:indeterminate:disabled, label:disabled label:backdrop selection:indeterminate, label:backdrop label:disabled selection:indeterminate {
1417
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png"));
1418
  -gtk-icon-shadow: none; }
1419
1420
radio:indeterminate:disabled:backdrop, progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled, label:disabled selection:indeterminate:backdrop, label:disabled progressbar:backdrop progress:indeterminate, progressbar:backdrop label:disabled progress:indeterminate, label:disabled progressbar:backdrop trough:indeterminate, progressbar:backdrop label:disabled trough:indeterminate, label:backdrop selection:indeterminate:disabled, label:disabled label:backdrop selection:indeterminate, label:backdrop label:disabled selection:indeterminate {
1421
  -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png"));
1422
  -gtk-icon-shadow: none; }
1423
1424
check:selected {
1425
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png"));
1426
  -gtk-icon-shadow: none; }
1427
1428
radio:selected {
1429
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png"));
1430
  -gtk-icon-shadow: none; }
1431
1432
check:hover:selected {
1433
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png"));
1434
  -gtk-icon-shadow: none; }
1435
1436
radio:hover:selected {
1437
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png"));
1438
  -gtk-icon-shadow: none; }
1439
1440
check:active:selected {
1441
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png"));
1442
  -gtk-icon-shadow: none; }
1443
1444
radio:active:selected {
1445
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png"));
1446
  -gtk-icon-shadow: none; }
1447
1448
check:backdrop:selected {
1449
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png"));
1450
  -gtk-icon-shadow: none; }
1451
1452
radio:backdrop:selected {
1453
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png"));
1454
  -gtk-icon-shadow: none; }
1455
1456
check:disabled:selected {
1457
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png"));
1458
  -gtk-icon-shadow: none; }
1459
1460
radio:disabled:selected {
1461
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png"));
1462
  -gtk-icon-shadow: none; }
1463
1464
check:disabled:backdrop:selected, progressbar:backdrop progress:disabled:selected, progressbar:backdrop trough:disabled:selected {
1465
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png"));
1466
  -gtk-icon-shadow: none; }
1467
1468
radio:disabled:backdrop:selected, progressbar:backdrop progress:disabled:selected, progressbar:backdrop trough:disabled:selected {
1469
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png"));
1470
  -gtk-icon-shadow: none; }
1471
1472
check:checked:selected {
1473
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png"));
1474
  -gtk-icon-shadow: none; }
1475
1476
radio:checked:selected {
1477
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png"));
1478
  -gtk-icon-shadow: none; }
1479
1480
check:checked:hover:selected {
1481
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png"));
1482
  -gtk-icon-shadow: none; }
1483
1484
radio:checked:hover:selected {
1485
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png"));
1486
  -gtk-icon-shadow: none; }
1487
1488
check:checked:active:selected {
1489
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png"));
1490
  -gtk-icon-shadow: none; }
1491
1492
radio:checked:active:selected {
1493
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png"));
1494
  -gtk-icon-shadow: none; }
1495
1496
check:checked:backdrop:selected, progressbar:backdrop progress:checked:selected, progressbar:backdrop trough:checked:selected, label:backdrop selection:checked:selected {
1497
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png"));
1498
  -gtk-icon-shadow: none; }
1499
1500
radio:checked:backdrop:selected, progressbar:backdrop progress:checked:selected, progressbar:backdrop trough:checked:selected, label:backdrop selection:checked:selected {
1501
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png"));
1502
  -gtk-icon-shadow: none; }
1503
1504
check:checked:disabled:selected, label:disabled selection:checked:selected {
1505
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png"));
1506
  -gtk-icon-shadow: none; }
1507
1508
radio:checked:disabled:selected, label:disabled selection:checked:selected {
1509
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png"));
1510
  -gtk-icon-shadow: none; }
1511
1512
check:checked:disabled:backdrop:selected, progressbar:backdrop progress:disabled:selected, progressbar:backdrop trough:disabled:selected, label:disabled selection:checked:backdrop:selected, label:disabled progressbar:backdrop progress:checked:selected, progressbar:backdrop label:disabled progress:checked:selected, label:disabled progressbar:backdrop trough:checked:selected, progressbar:backdrop label:disabled trough:checked:selected, label:backdrop selection:checked:disabled:selected, label:disabled label:backdrop selection:checked:selected, label:backdrop label:disabled selection:checked:selected {
1513
  -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png"));
1514
  -gtk-icon-shadow: none; }
1515
1516
radio:checked:disabled:backdrop:selected, progressbar:backdrop progress:disabled:selected, progressbar:backdrop trough:disabled:selected, label:disabled selection:checked:backdrop:selected, label:disabled progressbar:backdrop progress:checked:selected, progressbar:backdrop label:disabled progress:checked:selected, label:disabled progressbar:backdrop trough:checked:selected, progressbar:backdrop label:disabled trough:checked:selected, label:backdrop selection:checked:disabled:selected, label:disabled label:backdrop selection:checked:selected, label:backdrop label:disabled selection:checked:selected {
1517
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png"));
1518
  -gtk-icon-shadow: none; }
1519
1520
check:indeterminate:selected {
1521
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png"));
1522
  -gtk-icon-shadow: none; }
1523
1524
radio:indeterminate:selected {
1525
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png"));
1526
  -gtk-icon-shadow: none; }
1527
1528
check:indeterminate:hover:selected {
1529
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png"));
1530
  -gtk-icon-shadow: none; }
1531
1532
radio:indeterminate:hover:selected {
1533
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png"));
1534
  -gtk-icon-shadow: none; }
1535
1536
check:indeterminate:active:selected {
1537
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png"));
1538
  -gtk-icon-shadow: none; }
1539
1540
radio:indeterminate:active:selected {
1541
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png"));
1542
  -gtk-icon-shadow: none; }
1543
1544
check:indeterminate:backdrop:selected, progressbar:backdrop progress:indeterminate:selected, progressbar:backdrop trough:indeterminate:selected, label:backdrop selection:indeterminate:selected {
1545
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png"));
1546
  -gtk-icon-shadow: none; }
1547
1548
radio:indeterminate:backdrop:selected, progressbar:backdrop progress:indeterminate:selected, progressbar:backdrop trough:indeterminate:selected, label:backdrop selection:indeterminate:selected {
1549
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png"));
1550
  -gtk-icon-shadow: none; }
1551
1552
check:indeterminate:disabled:selected, label:disabled selection:indeterminate:selected {
1553
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png"));
1554
  -gtk-icon-shadow: none; }
1555
1556
radio:indeterminate:disabled:selected, label:disabled selection:indeterminate:selected {
1557
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png"));
1558
  -gtk-icon-shadow: none; }
1559
1560
check:indeterminate:disabled:backdrop:selected, progressbar:backdrop progress:disabled:selected, progressbar:backdrop trough:disabled:selected, label:disabled selection:indeterminate:backdrop:selected, label:disabled progressbar:backdrop progress:indeterminate:selected, progressbar:backdrop label:disabled progress:indeterminate:selected, label:disabled progressbar:backdrop trough:indeterminate:selected, progressbar:backdrop label:disabled trough:indeterminate:selected, label:backdrop selection:indeterminate:disabled:selected, label:disabled label:backdrop selection:indeterminate:selected, label:backdrop label:disabled selection:indeterminate:selected {
1561
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png"));
1562
  -gtk-icon-shadow: none; }
1563
1564
radio:indeterminate:disabled:backdrop:selected, progressbar:backdrop progress:disabled:selected, progressbar:backdrop trough:disabled:selected, label:disabled selection:indeterminate:backdrop:selected, label:disabled progressbar:backdrop progress:indeterminate:selected, progressbar:backdrop label:disabled progress:indeterminate:selected, label:disabled progressbar:backdrop trough:indeterminate:selected, progressbar:backdrop label:disabled trough:indeterminate:selected, label:backdrop selection:indeterminate:disabled:selected, label:disabled label:backdrop selection:indeterminate:selected, label:backdrop label:disabled selection:indeterminate:selected {
1565
  -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png"));
1566
  -gtk-icon-shadow: none; }
1567
1568
.view.content-view check, iconview.content-view check,
1569
.view.content-view.check,
1570
iconview.content-view.check {
1571
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png"));
1572
  -gtk-icon-shadow: none; }
1573
1574
.view.content-view radio, iconview.content-view radio,
1575
.view.content-view.radio,
1576
iconview.content-view.radio {
1577
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png"));
1578
  -gtk-icon-shadow: none; }
1579
1580
.view.content-view check:hover, iconview.content-view check:hover,
1581
.view.content-view.check:hover,
1582
iconview.content-view.check:hover {
1583
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png"));
1584
  -gtk-icon-shadow: none; }
1585
1586
.view.content-view radio:hover, iconview.content-view radio:hover,
1587
.view.content-view.radio:hover,
1588
iconview.content-view.radio:hover {
1589
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png"));
1590
  -gtk-icon-shadow: none; }
1591
1592
.view.content-view check:active, iconview.content-view check:active,
1593
.view.content-view.check:active,
1594
iconview.content-view.check:active {
1595
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png"));
1596
  -gtk-icon-shadow: none; }
1597
1598
.view.content-view radio:active, iconview.content-view radio:active,
1599
.view.content-view.radio:active,
1600
iconview.content-view.radio:active {
1601
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png"));
1602
  -gtk-icon-shadow: none; }
1603
1604
.view.content-view check:backdrop, iconview.content-view check:backdrop,
1605
.view.content-view.check:backdrop,
1606
progressbar:backdrop progress.check,
1607
progressbar:backdrop trough.check {
1608
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png"));
1609
  -gtk-icon-shadow: none; }
1610
1611
.view.content-view radio:backdrop, iconview.content-view radio:backdrop,
1612
.view.content-view.radio:backdrop,
1613
progressbar:backdrop progress.radio,
1614
progressbar:backdrop trough.radio {
1615
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png"));
1616
  -gtk-icon-shadow: none; }
1617
1618
.view.content-view check:disabled, iconview.content-view check:disabled,
1619
.view.content-view.check:disabled {
1620
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png"));
1621
  -gtk-icon-shadow: none; }
1622
1623
.view.content-view radio:disabled, iconview.content-view radio:disabled,
1624
.view.content-view.radio:disabled {
1625
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png"));
1626
  -gtk-icon-shadow: none; }
1627
1628
.view.content-view check:disabled:backdrop, iconview.content-view check:disabled:backdrop,
1629
.view.content-view.check:disabled:backdrop,
1630
progressbar:backdrop progress:disabled,
1631
progressbar:backdrop trough:disabled {
1632
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png"));
1633
  -gtk-icon-shadow: none; }
1634
1635
.view.content-view radio:disabled:backdrop, iconview.content-view radio:disabled:backdrop,
1636
.view.content-view.radio:disabled:backdrop,
1637
progressbar:backdrop progress:disabled,
1638
progressbar:backdrop trough:disabled {
1639
  -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png"));
1640
  -gtk-icon-shadow: none; }
1641
1642
checkbutton.text-button, radiobutton.text-button {
1643
  padding: 2px 0;
1644
  outline-offset: 0; }
1645
  checkbutton.text-button label:not(:only-child):first-child, checkbutton.text-button .linked.vertical > combobox:first-child > box > button.combo:not(:only-child), checkbutton.text-button .linked:not(.vertical) > combobox:first-child > box > button.combo:not(:only-child), checkbutton.text-button combobox.linked button:not(:only-child):nth-child(2):dir(rtl), combobox.linked checkbutton.text-button button:not(:only-child):nth-child(2):dir(rtl), radiobutton.text-button label:not(:only-child):first-child, radiobutton.text-button .linked.vertical > combobox:first-child > box > button.combo:not(:only-child), radiobutton.text-button .linked:not(.vertical) > combobox:first-child > box > button.combo:not(:only-child), radiobutton.text-button combobox.linked button:not(:only-child):nth-child(2):dir(rtl), combobox.linked radiobutton.text-button button:not(:only-child):nth-child(2):dir(rtl) {
1646
    margin-left: 4px; }
1647
  checkbutton.text-button label:not(:only-child):last-child, checkbutton.text-button .linked.vertical > combobox:last-child > box > button.combo:not(:only-child), checkbutton.text-button .linked:not(.vertical) > combobox:last-child > box > button.combo:not(:only-child), checkbutton.text-button combobox.linked button:not(:only-child):nth-child(2):dir(ltr), combobox.linked checkbutton.text-button button:not(:only-child):nth-child(2):dir(ltr), radiobutton.text-button label:not(:only-child):last-child, radiobutton.text-button .linked.vertical > combobox:last-child > box > button.combo:not(:only-child), radiobutton.text-button .linked:not(.vertical) > combobox:last-child > box > button.combo:not(:only-child), radiobutton.text-button combobox.linked button:not(:only-child):nth-child(2):dir(ltr), combobox.linked radiobutton.text-button button:not(:only-child):nth-child(2):dir(ltr) {
1648
    margin-right: 4px; }
1649
1650
check,
1651
radio {
1652
  margin: 0 4px;
1653
  min-height: 16px;
1654
  min-width: 16px;
1655
  border: none; }
1656
  menu menuitem check, menu menuitem radio {
1657
    margin: 0; }
1658
    menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled {
1659
      min-height: 14px;
1660
      min-width: 14px;
1661
      background-image: none;
1662
      background-color: transparent;
1663
      box-shadow: none;
1664
      -gtk-icon-shadow: none;
1665
      color: inherit;
1666
      border-color: currentColor;
1667
      animation: none; }
1668
1669
/*****************
1670
 * Color Chooser *
1671
 *****************/
1672
colorswatch, colorswatch:drop(active) {
1673
  border-style: none; }
1674
1675
colorswatch.top {
1676
  border-top-left-radius: 5.5px;
1677
  border-top-right-radius: 5.5px; }
1678
  colorswatch.top overlay {
1679
    border-top-left-radius: 5px;
1680
    border-top-right-radius: 5px; }
1681
1682
colorswatch.bottom {
1683
  border-bottom-left-radius: 5.5px;
1684
  border-bottom-right-radius: 5.5px; }
1685
  colorswatch.bottom overlay {
1686
    border-bottom-left-radius: 5px;
1687
    border-bottom-right-radius: 5px; }
1688
1689
colorswatch.left, colorswatch:first-child:not(.top) {
1690
  border-top-left-radius: 5.5px;
1691
  border-bottom-left-radius: 5.5px; }
1692
  colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
1693
    border-top-left-radius: 5px;
1694
    border-bottom-left-radius: 5px; }
1695
1696
colorswatch.right, colorswatch:last-child:not(.bottom) {
1697
  border-top-right-radius: 5.5px;
1698
  border-bottom-right-radius: 5.5px; }
1699
  colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
1700
    border-top-right-radius: 5px;
1701
    border-bottom-right-radius: 5px; }
1702
1703
colorswatch.dark overlay {
1704
  color: #121113; }
1705
  colorswatch.dark overlay:hover {
1706
    border-color: #2b2b2b; }
1707
  colorswatch.dark overlay:backdrop {
1708
    color: rgba(18, 17, 19, 0.5); }
1709
1710
colorswatch.light overlay {
1711
  color: #ffffff; }
1712
  colorswatch.light overlay:hover {
1713
    border-color: #2b2b2b; }
1714
  colorswatch.light overlay:backdrop {
1715
    color: #d2d2d2; }
1716
1717
colorswatch:drop(active) {
1718
  box-shadow: none; }
1719
  colorswatch:drop(active).light overlay {
1720
    border-color: #e78a53;
1721
    box-shadow: inset 0 0 0 2px #2b2b2b, inset 0 0 0 1px #e78a53; }
1722
  colorswatch:drop(active).dark overlay {
1723
    border-color: #e78a53;
1724
    box-shadow: inset 0 0 0 2px #2b2b2b, inset 0 0 0 1px #e78a53; }
1725
1726
colorswatch overlay {
1727
  box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5);
1728
  border: 1px solid #2b2b2b; }
1729
  colorswatch overlay:hover {
1730
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
1731
  colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover {
1732
    border-color: #2b2b2b;
1733
    box-shadow: none; }
1734
1735
colorswatch#add-color-button {
1736
  border-radius: 5px 5px 0 0; }
1737
  colorswatch#add-color-button:only-child, .linked.vertical > combobox:only-child > box > button#add-color-button.combo, .linked:not(.vertical) > combobox:only-child > box > button#add-color-button.combo {
1738
    border-radius: 5px; }
1739
  colorswatch#add-color-button overlay {
1740
    font-weight: normal;
1741
    color: #ffffff;
1742
    background-color: #1b1a1c;
1743
    text-shadow: none; }
1744
    colorswatch#add-color-button overlay:hover {
1745
      color: #ffffff;
1746
      outline-color: rgba(255, 255, 255, 0.3);
1747
      background-color: #1c1b1d;
1748
      text-shadow: none; }
1749
    colorswatch#add-color-button overlay:backdrop {
1750
      color: #d2d2d2;
1751
      outline-color: rgba(255, 255, 255, 0.3);
1752
      background-color: #1f1d20;
1753
      text-shadow: none; }
1754
1755
colorswatch:disabled {
1756
  opacity: 0.5; }
1757
  colorswatch:disabled overlay {
1758
    border-color: rgba(0, 0, 0, 0.6);
1759
    box-shadow: none; }
1760
1761
row:selected colorswatch {
1762
  box-shadow: 0 0 0 2px #121113; }
1763
1764
colorswatch#editor-color-sample {
1765
  border-radius: 4px; }
1766
  colorswatch#editor-color-sample overlay {
1767
    border-radius: 4.5px; }
1768
1769
colorchooser .popover.osd {
1770
  border-radius: 5px; }
1771
1772
/**************
1773
 * ComboBoxes *
1774
 **************/
1775
combobox arrow {
1776
  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1777
  min-height: 16px;
1778
  min-width: 16px; }
1779
1780
combobox:drop(active) {
1781
  box-shadow: none; }
1782
1783
/***********
1784
 * Dialogs *
1785
 ***********/
1786
messagedialog, .messagedialog, .dialog {
1787
  background-color: #121113; }
1788
  messagedialog .titlebar:not(headerbar), .messagedialog .titlebar:not(headerbar), .dialog .titlebar:not(headerbar) {
1789
    background-color: #121113; }
1790
  messagedialog .titlebar, .messagedialog .titlebar, .dialog .titlebar {
1791
    min-height: 20px;
1792
    background-image: none;
1793
    background-color: #121113;
1794
    border-style: none;
1795
    border-top-left-radius: 4px;
1796
    border-top-right-radius: 4px; }
1797
  messagedialog.csd.background, .messagedialog.csd.background, .dialog.csd.background {
1798
    background-color: #121113;
1799
    color: #ffffff;
1800
    border-bottom-left-radius: 5px;
1801
    border-bottom-right-radius: 5px; }
1802
1803
.messagedialog .message-area,
1804
.messagedialog .response-area,
1805
.dialog .dialog-action-area,
1806
.alert.floating .response-area,
1807
.alert.floating .body-scrolled-window {
1808
  padding: 26px; }
1809
1810
filechooser .dialog-action-box {
1811
  border-top: 1px solid #2b2b2b; }
1812
  filechooser .dialog-action-box:backdrop, filechooser progressbar:backdrop progress.dialog-action-box, progressbar:backdrop filechooser progress.dialog-action-box, filechooser progressbar:backdrop trough.dialog-action-box, progressbar:backdrop filechooser trough.dialog-action-box, filechooser label:backdrop selection.dialog-action-box, label:backdrop filechooser selection.dialog-action-box {
1813
    border-top-color: #292829; }
1814
1815
filechooser #pathbarbox {
1816
  border-bottom: 1px solid #121113; }
1817
1818
filechooserbutton:drop(active) {
1819
  box-shadow: none;
1820
  border-color: transparent; }
1821
1822
/****************
1823
 * Text Entries *
1824
 ****************/
1825
spinbutton.vertical > text, spinbutton:not(.vertical),
1826
entry {
1827
  min-height: 28px;
1828
  padding-left: 8px;
1829
  padding-right: 8px;
1830
  border: 1px solid;
1831
  border-radius: 6px;
1832
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
1833
  color: #ffffff;
1834
  border-color: #2b2b2b;
1835
  background-color: #1c1b1d; }
1836
  spinbutton.vertical > text image.left, spinbutton:not(.vertical) image.left,
1837
  entry image.left {
1838
    padding-left: 0;
1839
    padding-right: 6px; }
1840
  spinbutton.vertical > text image.right, spinbutton:not(.vertical) image.right,
1841
  entry image.right {
1842
    padding-left: 6px;
1843
    padding-right: 0; }
1844
  spinbutton.vertical > text undershoot.left, spinbutton:not(.vertical) undershoot.left,
1845
  entry undershoot.left {
1846
    background-color: transparent;
1847
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
1848
    padding-left: 1px;
1849
    background-size: 1px 10px;
1850
    background-repeat: repeat-y;
1851
    background-origin: content-box;
1852
    background-position: left center;
1853
    border: none;
1854
    box-shadow: none; }
1855
  spinbutton.vertical > text undershoot.right, spinbutton:not(.vertical) undershoot.right,
1856
  entry undershoot.right {
1857
    background-color: transparent;
1858
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
1859
    padding-right: 1px;
1860
    background-size: 1px 10px;
1861
    background-repeat: repeat-y;
1862
    background-origin: content-box;
1863
    background-position: right center;
1864
    border: none;
1865
    box-shadow: none; }
1866
  spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical),
1867
  entry.flat:focus-within,
1868
  entry.flat {
1869
    min-height: 0;
1870
    padding: 2px;
1871
    background-image: none;
1872
    border-color: transparent;
1873
    box-shadow: none;
1874
    border-radius: 0; }
1875
  spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical),
1876
  entry:focus-within {
1877
    border-color: #e16c26;
1878
    box-shadow: 0px 0px 1px 1px #e78a53 inset; }
1879
  spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical),
1880
  entry:disabled {
1881
    color: #898889;
1882
    border-color: rgba(43, 43, 43, 0.3);
1883
    background-color: #161517;
1884
    box-shadow: none; }
1885
  spinbutton.vertical > text:backdrop, spinbutton:backdrop:not(.vertical),
1886
  entry:backdrop {
1887
    color: #d2d2d2;
1888
    border-color: #292829;
1889
    background-color: #1f1d20;
1890
    box-shadow: none;
1891
    transition: 200ms ease-out; }
1892
  spinbutton.vertical > text:backdrop:disabled, spinbutton:backdrop:disabled:not(.vertical),
1893
  entry:backdrop:disabled {
1894
    color: #38353b;
1895
    border-color: rgba(43, 43, 43, 0.3);
1896
    background-color: #161517;
1897
    box-shadow: none; }
1898
  spinbutton.vertical > text.error, spinbutton.error:not(.vertical),
1899
  entry.error {
1900
    color: #ffffff;
1901
    border-color: #2b2b2b;
1902
    background-color: #1c1b1d;
1903
    color: #e75353;
1904
    border-color: #771111; }
1905
    spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical),
1906
    entry.error:focus-within {
1907
      border-color: #771111;
1908
      box-shadow: 0px 0px 1px 1px #e78a53 inset; }
1909
    spinbutton.vertical > text.error:selected, spinbutton.error:selected:not(.vertical),
1910
    entry.error:selected:focus,
1911
    entry.error:selected {
1912
      background-color: #e75353; }
1913
  spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical),
1914
  entry.warning {
1915
    color: #ffffff;
1916
    border-color: #2b2b2b;
1917
    background-color: #1c1b1d;
1918
    color: #fbcb97;
1919
    border-color: #d77408; }
1920
    spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical),
1921
    entry.warning:focus-within {
1922
      border-color: #d77408;
1923
      box-shadow: 0px 0px 1px 1px #e78a53 inset; }
1924
    spinbutton.vertical > text.warning:selected, spinbutton.warning:selected:not(.vertical),
1925
    entry.warning:selected:focus,
1926
    entry.warning:selected {
1927
      background-color: #fbcb97; }
1928
  spinbutton.vertical > text image, spinbutton:not(.vertical) image,
1929
  entry image {
1930
    color: #d2d1d2; }
1931
    spinbutton.vertical > text image:hover, spinbutton:not(.vertical) image:hover,
1932
    entry image:hover {
1933
      color: #ffffff; }
1934
    spinbutton.vertical > text image:active, spinbutton:not(.vertical) image:active,
1935
    entry image:active {
1936
      color: #e78a53; }
1937
    spinbutton.vertical > text image:backdrop, spinbutton:not(.vertical) image:backdrop,
1938
    entry image:backdrop {
1939
      color: #747374; }
1940
  spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical),
1941
  entry:drop(active):focus-within,
1942
  entry:drop(active) {
1943
    border-color: #e78a53;
1944
    box-shadow: inset 0 0 0 1px #e78a53; }
1945
  .osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry {
1946
    color: #ffffff;
1947
    border-color: #2b2b2b;
1948
    background-color: rgba(43, 43, 43, 0.5);
1949
    box-shadow: none;
1950
    text-shadow: 0 1px black;
1951
    -gtk-icon-shadow: 0 1px black; }
1952
    .osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within {
1953
      color: #ffffff;
1954
      border-color: #e78a53;
1955
      background-color: rgba(43, 43, 43, 0.5);
1956
      background-clip: padding-box;
1957
      text-shadow: 0 1px black;
1958
      -gtk-icon-shadow: 0 1px black; }
1959
    .osd spinbutton.vertical > text:backdrop, .osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop {
1960
      color: #ffffff;
1961
      border-color: #2b2b2b;
1962
      background-color: rgba(43, 43, 43, 0.5);
1963
      background-clip: padding-box;
1964
      box-shadow: none;
1965
      text-shadow: none;
1966
      -gtk-icon-shadow: none; }
1967
    .osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled {
1968
      color: #898889;
1969
      border-color: #2b2b2b;
1970
      background-color: rgba(42, 41, 43, 0.5);
1971
      background-clip: padding-box;
1972
      box-shadow: none;
1973
      text-shadow: none;
1974
      -gtk-icon-shadow: none; }
1975
1976
spinbutton.vertical > text progress, spinbutton:not(.vertical) progress,
1977
entry progress {
1978
  margin: 2px -6px;
1979
  background-color: transparent;
1980
  background-image: none;
1981
  border-radius: 0;
1982
  border-width: 0 0 2px;
1983
  border-color: #e78a53;
1984
  border-style: solid;
1985
  box-shadow: none; }
1986
  spinbutton.vertical > text progress:backdrop, spinbutton:not(.vertical) progress:backdrop, spinbutton.vertical > text progressbar:backdrop progress, spinbutton:not(.vertical) progressbar:backdrop progress, progressbar:backdrop spinbutton.vertical > text progress, progressbar:backdrop spinbutton:not(.vertical) progress,
1987
  entry progress:backdrop,
1988
  entry progressbar:backdrop progress,
1989
  progressbar:backdrop entry progress {
1990
    background-color: transparent; }
1991
1992
spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry {
1993
  border-left-color: #e78a53; }
1994
1995
spinbutton.vertical.linked:not(.vertical) > text:focus-within, .linked:not(.vertical) > spinbutton:focus-within:not(.vertical), .linked:not(.vertical) > entry:focus-within {
1996
  border-color: #e16c26;
1997
  box-shadow: 0px 0px 1px 1px #e78a53 inset;
1998
  border-right-style: solid; }
1999
  spinbutton.vertical.linked:not(.vertical) > text:focus-within + .popup button, .linked:not(.vertical) > spinbutton:focus-within:not(.vertical) + .popup button, .linked:not(.vertical) > entry:focus-within + .popup button {
2000
    border-left-color: #e78a53; }
2001
2002
spinbutton.vertical.linked:not(.vertical) > text + .popup button, .linked:not(.vertical) > spinbutton:not(.vertical) + .popup button, .linked:not(.vertical) > entry + .popup button {
2003
  border-radius: 0px 6px 6px 0px; }
2004
2005
spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) {
2006
  border-top-color: #212021;
2007
  background-image: linear-gradient(to bottom, #1c1b1d, #1c1b1d); }
2008
  spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, progressbar:backdrop spinbutton.vertical.linked > text:not(:disabled) + progress:not(:disabled), progressbar:backdrop .linked.vertical > spinbutton:not(:disabled):not(.vertical) + progress:not(:disabled), progressbar:backdrop spinbutton.vertical.linked > text:not(:disabled) + trough:not(:disabled), progressbar:backdrop .linked.vertical > spinbutton:not(:disabled):not(.vertical) + trough:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled):backdrop, spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled):backdrop, spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, progressbar:backdrop .linked.vertical > entry:not(:disabled) + progress:not(:disabled), progressbar:backdrop .linked.vertical > entry:not(:disabled) + trough:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) {
2009
    border-top-color: #222122;
2010
    background-image: linear-gradient(to bottom, #1f1d20, #1f1d20); }
2011
2012
spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled {
2013
  border-top-color: #212021; }
2014
2015
spinbutton.vertical.linked > text + text:focus:not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:focus:not(:only-child), spinbutton.vertical.linked > text + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical),
2016
spinbutton.vertical.linked > text + entry:focus:not(:only-child),
2017
.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), spinbutton.vertical.linked > entry + text:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical),
2018
.linked.vertical > entry + entry:focus:not(:only-child) {
2019
  border-top-color: #e16c26; }
2020
2021
spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical),
2022
spinbutton.vertical.linked > text + entry:drop(active):not(:only-child),
2023
.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical),
2024
.linked.vertical > entry + entry:drop(active):not(:only-child) {
2025
  border-top-color: #e78a53; }
2026
2027
spinbutton.vertical.linked > text:focus:not(:only-child) + text, spinbutton.vertical.linked > spinbutton:focus:not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical),
2028
spinbutton.vertical.linked > text:focus:not(:only-child) + entry,
2029
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry,
2030
spinbutton.vertical.linked > text:focus:not(:only-child) + button,
2031
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button,
2032
spinbutton.vertical.linked > text:focus:not(:only-child) + combobox > box > button.combo,
2033
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:focus:not(:only-child) + text, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical),
2034
.linked.vertical > entry:focus:not(:only-child) + entry,
2035
.linked.vertical > entry:focus:not(:only-child) + button,
2036
.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo {
2037
  border-top-color: #e16c26; }
2038
2039
spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical),
2040
spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry,
2041
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry,
2042
spinbutton.vertical.linked > text:drop(active):not(:only-child) + button,
2043
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button,
2044
spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo,
2045
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical),
2046
.linked.vertical > entry:drop(active):not(:only-child) + entry,
2047
.linked.vertical > entry:drop(active):not(:only-child) + button,
2048
.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo {
2049
  border-top-color: #e78a53; }
2050
2051
treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) {
2052
  background-color: #1c1b1d;
2053
  transition-property: color, background; }
2054
2055
treeview entry.flat, treeview entry {
2056
  border-radius: 0;
2057
  background-image: none;
2058
  background-color: #1c1b1d; }
2059
  treeview entry.flat:focus-within, treeview entry:focus-within {
2060
    border-color: #e78a53; }
2061
2062
/*************
2063
 * Expanders *
2064
 *************/
2065
expander {
2066
  min-width: 16px;
2067
  min-height: 16px;
2068
  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
2069
  expander:dir(rtl) {
2070
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
2071
  expander:hover {
2072
    color: white; }
2073
  expander:checked {
2074
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
2075
2076
/****************
2077
 * Floating Bar *
2078
 ****************/
2079
.floating-bar {
2080
  background-color: #121113;
2081
  border-width: 1px;
2082
  border-style: solid solid none;
2083
  border-color: #2b2b2b;
2084
  border-radius: 3px 3px 0 0;
2085
  box-shadow: none; }
2086
  .floating-bar.bottom.left {
2087
    border-left-style: none;
2088
    border-top-left-radius: 0; }
2089
  .floating-bar.bottom.right {
2090
    border-right-style: none;
2091
    border-top-right-radius: 0; }
2092
  .floating-bar > button {
2093
    padding: 4px; }
2094
  .floating-bar:backdrop, progressbar:backdrop progress.floating-bar, progressbar:backdrop trough.floating-bar, label:backdrop selection.floating-bar {
2095
    background-color: #121113;
2096
    border-color: #292829; }
2097
2098
/**********
2099
 * Frames *
2100
 **********/
2101
frame > border,
2102
.frame {
2103
  box-shadow: none;
2104
  margin: 0;
2105
  padding: 0;
2106
  border-radius: 0;
2107
  border: 1px solid #2b2b2b; }
2108
  frame > border.flat,
2109
  .frame.flat,
2110
  .selection-mode windowcontrols button.frame,
2111
  notebook > header > tabs > arrow.frame {
2112
    border-style: none; }
2113
  frame > border:backdrop,
2114
  .frame:backdrop,
2115
  progressbar:backdrop progress.frame,
2116
  progressbar:backdrop trough.frame,
2117
  label:backdrop selection.frame {
2118
    border-color: #292829; }
2119
2120
actionbar > revealer > box {
2121
  padding: 6px;
2122
  border-top: 1px solid #2b2b2b; }
2123
  actionbar > revealer > box:backdrop {
2124
    border-color: #292829; }
2125
2126
scrolledwindow viewport.frame {
2127
  border-style: none; }
2128
2129
scrolledwindow overshoot.top {
2130
  background-image: radial-gradient(farthest-side at top, #454545 85%, rgba(69, 69, 69, 0)), radial-gradient(farthest-side at top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
2131
  background-size: 100% 3%, 100% 50%;
2132
  background-repeat: no-repeat;
2133
  background-position: top;
2134
  background-color: transparent;
2135
  border: none;
2136
  box-shadow: none; }
2137
  scrolledwindow overshoot.top:backdrop, scrolledwindow progressbar:backdrop progress.top, progressbar:backdrop scrolledwindow progress.top, scrolledwindow progressbar:backdrop trough.top, progressbar:backdrop scrolledwindow trough.top, scrolledwindow label:backdrop selection.top, label:backdrop scrolledwindow selection.top {
2138
    background-image: radial-gradient(farthest-side at top, #292829 85%, rgba(41, 40, 41, 0));
2139
    background-size: 100% 3%;
2140
    background-repeat: no-repeat;
2141
    background-position: top;
2142
    background-color: transparent;
2143
    border: none;
2144
    box-shadow: none; }
2145
2146
scrolledwindow overshoot.bottom {
2147
  background-image: radial-gradient(farthest-side at bottom, #454545 85%, rgba(69, 69, 69, 0)), radial-gradient(farthest-side at bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
2148
  background-size: 100% 3%, 100% 50%;
2149
  background-repeat: no-repeat;
2150
  background-position: bottom;
2151
  background-color: transparent;
2152
  border: none;
2153
  box-shadow: none; }
2154
  scrolledwindow overshoot.bottom:backdrop, scrolledwindow progressbar:backdrop progress.bottom, progressbar:backdrop scrolledwindow progress.bottom, scrolledwindow progressbar:backdrop trough.bottom, progressbar:backdrop scrolledwindow trough.bottom, scrolledwindow label:backdrop selection.bottom, label:backdrop scrolledwindow selection.bottom {
2155
    background-image: radial-gradient(farthest-side at bottom, #292829 85%, rgba(41, 40, 41, 0));
2156
    background-size: 100% 3%;
2157
    background-repeat: no-repeat;
2158
    background-position: bottom;
2159
    background-color: transparent;
2160
    border: none;
2161
    box-shadow: none; }
2162
2163
scrolledwindow overshoot.left {
2164
  background-image: radial-gradient(farthest-side at left, #454545 85%, rgba(69, 69, 69, 0)), radial-gradient(farthest-side at left, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
2165
  background-size: 3% 100%, 50% 100%;
2166
  background-repeat: no-repeat;
2167
  background-position: left;
2168
  background-color: transparent;
2169
  border: none;
2170
  box-shadow: none; }
2171
  scrolledwindow overshoot.left:backdrop, scrolledwindow progressbar:backdrop progress.left, progressbar:backdrop scrolledwindow progress.left, scrolledwindow progressbar:backdrop trough.left, progressbar:backdrop scrolledwindow trough.left, scrolledwindow label:backdrop selection.left, label:backdrop scrolledwindow selection.left {
2172
    background-image: radial-gradient(farthest-side at left, #292829 85%, rgba(41, 40, 41, 0));
2173
    background-size: 3% 100%;
2174
    background-repeat: no-repeat;
2175
    background-position: left;
2176
    background-color: transparent;
2177
    border: none;
2178
    box-shadow: none; }
2179
2180
scrolledwindow overshoot.right {
2181
  background-image: radial-gradient(farthest-side at right, #454545 85%, rgba(69, 69, 69, 0)), radial-gradient(farthest-side at right, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
2182
  background-size: 3% 100%, 50% 100%;
2183
  background-repeat: no-repeat;
2184
  background-position: right;
2185
  background-color: transparent;
2186
  border: none;
2187
  box-shadow: none; }
2188
  scrolledwindow overshoot.right:backdrop, scrolledwindow progressbar:backdrop progress.right, progressbar:backdrop scrolledwindow progress.right, scrolledwindow progressbar:backdrop trough.right, progressbar:backdrop scrolledwindow trough.right, scrolledwindow label:backdrop selection.right, label:backdrop scrolledwindow selection.right {
2189
    background-image: radial-gradient(farthest-side at right, #292829 85%, rgba(41, 40, 41, 0));
2190
    background-size: 3% 100%;
2191
    background-repeat: no-repeat;
2192
    background-position: right;
2193
    background-color: transparent;
2194
    border: none;
2195
    box-shadow: none; }
2196
2197
scrolledwindow undershoot.top {
2198
  background-color: transparent;
2199
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
2200
  padding-top: 1px;
2201
  background-size: 10px 1px;
2202
  background-repeat: repeat-x;
2203
  background-origin: content-box;
2204
  background-position: center top;
2205
  border: none;
2206
  box-shadow: none; }
2207
2208
scrolledwindow undershoot.bottom {
2209
  background-color: transparent;
2210
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
2211
  padding-bottom: 1px;
2212
  background-size: 10px 1px;
2213
  background-repeat: repeat-x;
2214
  background-origin: content-box;
2215
  background-position: center bottom;
2216
  border: none;
2217
  box-shadow: none; }
2218
2219
scrolledwindow undershoot.left {
2220
  background-color: transparent;
2221
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
2222
  padding-left: 1px;
2223
  background-size: 1px 10px;
2224
  background-repeat: repeat-y;
2225
  background-origin: content-box;
2226
  background-position: left center;
2227
  border: none;
2228
  box-shadow: none; }
2229
2230
scrolledwindow undershoot.right {
2231
  background-color: transparent;
2232
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
2233
  padding-right: 1px;
2234
  background-size: 1px 10px;
2235
  background-repeat: repeat-y;
2236
  background-origin: content-box;
2237
  background-position: right center;
2238
  border: none;
2239
  box-shadow: none; }
2240
2241
scrolledwindow junction {
2242
  border-color: transparent;
2243
  border-image: linear-gradient(to bottom, #2b2b2b 1px, transparent 1px) 0 0 0 1/0 1px stretch;
2244
  background-color: #171618; }
2245
  scrolledwindow junction:dir(rtl) {
2246
    border-image-slice: 0 1 0 0; }
2247
  scrolledwindow junction:backdrop {
2248
    border-image-source: linear-gradient(to bottom, #292829 1px, transparent 1px);
2249
    background-color: #0a0a0b;
2250
    transition: 200ms ease-out; }
2251
2252
separator {
2253
  background: rgba(0, 0, 0, 0.1); }
2254
2255
/************
2256
 * Popovers *
2257
 ************/
2258
GraniteWidgetsPopOver {
2259
  border: 1px solid #1c1b1d;
2260
  background: #1c1b1d;
2261
  color: #ffffff; }
2262
  GraniteWidgetsPopOver .button {
2263
    background-image: none;
2264
    background: none;
2265
    border: none; }
2266
    GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover {
2267
      color: #e78a53; }
2268
  GraniteWidgetsPopOver > .frame {
2269
    border: none; }
2270
  GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar {
2271
    border: none;
2272
    background: none; }
2273
2274
GraniteWidgetsStaticNotebook .frame {
2275
  border: none; }
2276
2277
.popover_bg {
2278
  background-color: #1c1b1d;
2279
  background-image: none;
2280
  border: 1px solid #1c1b1d;
2281
  color: #ffffff; }
2282
2283
/***********
2284
 * Welcome *
2285
 **********/
2286
GraniteWidgetsWelcome {
2287
  background-color: #1c1b1d; }
2288
  GraniteWidgetsWelcome GtkLabel {
2289
    color: #ffffff; }
2290
  GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 {
2291
    color: rgba(255, 255, 255, 0.8); }
2292
2293
/**************
2294
* Source List *
2295
***************/
2296
.source-list {
2297
  background-color: #121113;
2298
  border: solid #2b2b2b;
2299
  color: #ffffff;
2300
  border-right-width: 1px; }
2301
  .source-list .category-expander {
2302
    color: transparent; }
2303
  .source-list .badge {
2304
    background-image: none;
2305
    background-color: rgba(0, 0, 0, 0.4);
2306
    color: #121113;
2307
    border-radius: 10px;
2308
    padding: 0 6px;
2309
    margin: 0 3px;
2310
    border-width: 0; }
2311
    .source-list .badge:selected:backdrop, .source-list progressbar:backdrop progress:selected, progressbar:backdrop .source-list progress:selected, .source-list progressbar:backdrop trough:selected, progressbar:backdrop .source-list trough:selected, .source-list label:backdrop selection:selected, label:backdrop .source-list selection:selected, .source-list .badge:selected:hover:backdrop, .source-list progressbar:backdrop progress:hover, progressbar:backdrop .source-list progress:hover, .source-list progressbar:backdrop trough:hover, progressbar:backdrop .source-list trough:hover, .source-list label:backdrop selection:hover, label:backdrop .source-list selection:hover {
2312
      background-color: rgba(0, 0, 0, 0.2);
2313
      color: #050506; }
2314
  .source-list row,
2315
  .source-list .list-row {
2316
    border: none;
2317
    padding: 0; }
2318
    .source-list row > GtkLabel,
2319
    .source-list row > label,
2320
    .source-list .list-row > GtkLabel,
2321
    .source-list .list-row > label {
2322
      padding-left: 6px;
2323
      padding-right: 6px; }
2324
2325
/**************
2326
* Text Styles *
2327
**************/
2328
.h1 {
2329
  font-size: 24px; }
2330
2331
.h2 {
2332
  font-weight: 300;
2333
  font-size: 18px; }
2334
2335
.h3 {
2336
  font-size: 11px; }
2337
2338
.h4,
2339
.category-label {
2340
  font-size: 12px;
2341
  padding: 6px;
2342
  color: rgba(255, 255, 255, 0.3);
2343
  font-weight: bold;
2344
  text-shadow: 0 1px rgba(255, 255, 255, 0.2); }
2345
2346
/**************
2347
* Storage Bar *
2348
**************/
2349
.storage-bar .trough {
2350
  border: none;
2351
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
2352
  background-image: none;
2353
  background-color: transparent;
2354
  padding: 8px 6px; }
2355
2356
.storage-bar .fill-block {
2357
  background-color: #fbcb97;
2358
  border: none;
2359
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
2360
  transition: all 200ms ease-in-out;
2361
  padding: 8px 6px; }
2362
  .storage-bar .fill-block:first-child, .storage-bar combobox.linked button.fill-block:nth-child(2):dir(rtl), combobox.linked .storage-bar button.fill-block:nth-child(2):dir(rtl), .storage-bar .linked:not(.vertical) > combobox:first-child > box > button.fill-block.combo, .storage-bar .linked.vertical > combobox:first-child > box > button.fill-block.combo {
2363
    border-top-left-radius: 4px;
2364
    border-bottom-left-radius: 4px;
2365
    border-left-width: 1px;
2366
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); }
2367
  .storage-bar .fill-block:last-child, .storage-bar combobox.linked button.fill-block:nth-child(2):dir(ltr), combobox.linked .storage-bar button.fill-block:nth-child(2):dir(ltr), .storage-bar .linked:not(.vertical) > combobox:last-child > box > button.fill-block.combo, .storage-bar .linked.vertical > combobox:last-child > box > button.fill-block.combo {
2368
    border-top-right-radius: 4px;
2369
    border-bottom-right-radius: 4px;
2370
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); }
2371
  .storage-bar .fill-block.empty-block {
2372
    background-color: #1c1b1d; }
2373
  .storage-bar .fill-block.app {
2374
    background-color: #5f8787; }
2375
  .storage-bar .fill-block.audio {
2376
    background-color: #e78a53; }
2377
  .storage-bar .fill-block.photo {
2378
    background-color: #e75353; }
2379
  .storage-bar .fill-block.video {
2380
    background-color: #fbcb97; }
2381
  .storage-bar .fill-block .legend {
2382
    padding: 12px;
2383
    border-radius: 4px; }
2384
2385
/***************
2386
 * Header bars *
2387
 ***************/
2388
.titlebar, .titlebar:not(headerbar),
2389
headerbar {
2390
  padding: 0 6px;
2391
  min-height: 38px;
2392
  background: #121113;
2393
  color: #ffffff;
2394
  border-radius: 0; }
2395
  .titlebar:backdrop, progressbar:backdrop progress.titlebar, progressbar:backdrop trough.titlebar, label:backdrop selection.titlebar,
2396
  headerbar:backdrop {
2397
    border-color: #292829;
2398
    transition: 200ms ease-out; }
2399
  .titlebar .title,
2400
  headerbar .title {
2401
    font-weight: bold;
2402
    padding-left: 12px;
2403
    padding-right: 12px; }
2404
  .titlebar .subtitle,
2405
  headerbar .subtitle {
2406
    font-size: smaller;
2407
    padding-left: 12px;
2408
    padding-right: 12px; }
2409
  .titlebar entry, .titlebar:not(headerbar) entry,
2410
  headerbar entry {
2411
    min-height: 24px; }
2412
  .titlebar .linked > button:hover,
2413
  .titlebar .linked > button:backdrop,
2414
  .titlebar headerbar .linked > button:hover,
2415
  .titlebar headerbar .linked > button:backdrop, .titlebar .path-bar-box button,
2416
  headerbar .path-bar-box .titlebar button, .titlebar .linked > button,
2417
  .titlebar headerbar .linked > button,
2418
  headerbar .linked > button:hover,
2419
  headerbar .linked > button:backdrop,
2420
  headerbar .path-bar-box button,
2421
  headerbar .linked > button {
2422
    border-radius: 0;
2423
    border-right-style: none;
2424
    box-shadow: none; }
2425
    .titlebar .path-bar-box button:first-child, .titlebar .linked > button:first-child, .titlebar combobox.linked .path-bar-box button:nth-child(2):dir(rtl), .titlebar .path-bar-box combobox.linked button:nth-child(2):dir(rtl), .titlebar combobox.linked .linked > button:nth-child(2):dir(rtl), combobox.linked .titlebar .path-bar-box button:nth-child(2):dir(rtl), combobox.linked .titlebar .linked > button:nth-child(2):dir(rtl), .titlebar .path-bar-box .linked:not(.vertical) > combobox:first-child > box > button.combo, .titlebar .linked:not(.vertical) > combobox:first-child > box.linked > button.combo, .titlebar .path-bar-box .linked.vertical > combobox:first-child > box > button.combo, .titlebar .linked.vertical > combobox:first-child > box.linked > button.combo,
2426
    headerbar .linked > button:first-child:hover,
2427
    headerbar .linked > button:first-child:backdrop,
2428
    headerbar progressbar:backdrop .linked > progress:first-child,
2429
    progressbar:backdrop headerbar .linked > progress:first-child,
2430
    headerbar progressbar:backdrop .linked > trough:first-child,
2431
    progressbar:backdrop headerbar .linked > trough:first-child,
2432
    headerbar .path-bar-box button:first-child,
2433
    headerbar .linked > button:first-child,
2434
    headerbar combobox.linked .path-bar-box button:nth-child(2):dir(rtl),
2435
    headerbar .path-bar-box combobox.linked button:nth-child(2):dir(rtl),
2436
    headerbar combobox.linked .linked > button:nth-child(2):dir(rtl),
2437
    combobox.linked headerbar .path-bar-box button:nth-child(2):dir(rtl),
2438
    combobox.linked headerbar .linked > button:nth-child(2):dir(rtl),
2439
    headerbar .path-bar-box .linked:not(.vertical) > combobox:first-child > box > button.combo,
2440
    headerbar .linked:not(.vertical) > combobox:first-child > box.linked > button.combo,
2441
    headerbar .path-bar-box .linked.vertical > combobox:first-child > box > button.combo,
2442
    headerbar .linked.vertical > combobox:first-child > box.linked > button.combo {
2443
      border-top-left-radius: 6px;
2444
      border-bottom-left-radius: 6px; }
2445
    .titlebar .path-bar-box button:last-child, .titlebar .linked > button:last-child, .titlebar combobox.linked .path-bar-box button:nth-child(2):dir(ltr), .titlebar .path-bar-box combobox.linked button:nth-child(2):dir(ltr), .titlebar combobox.linked .linked > button:nth-child(2):dir(ltr), combobox.linked .titlebar .path-bar-box button:nth-child(2):dir(ltr), combobox.linked .titlebar .linked > button:nth-child(2):dir(ltr), .titlebar .path-bar-box .linked:not(.vertical) > combobox:last-child > box > button.combo, .titlebar .linked:not(.vertical) > combobox:last-child > box.linked > button.combo, .titlebar .path-bar-box .linked.vertical > combobox:last-child > box > button.combo, .titlebar .linked.vertical > combobox:last-child > box.linked > button.combo,
2446
    headerbar .linked > button:last-child:hover,
2447
    headerbar .linked > button:last-child:backdrop,
2448
    headerbar progressbar:backdrop .linked > progress:last-child,
2449
    progressbar:backdrop headerbar .linked > progress:last-child,
2450
    headerbar progressbar:backdrop .linked > trough:last-child,
2451
    progressbar:backdrop headerbar .linked > trough:last-child,
2452
    headerbar .path-bar-box button:last-child,
2453
    headerbar .linked > button:last-child,
2454
    headerbar combobox.linked .path-bar-box button:nth-child(2):dir(ltr),
2455
    headerbar .path-bar-box combobox.linked button:nth-child(2):dir(ltr),
2456
    headerbar combobox.linked .linked > button:nth-child(2):dir(ltr),
2457
    combobox.linked headerbar .path-bar-box button:nth-child(2):dir(ltr),
2458
    combobox.linked headerbar .linked > button:nth-child(2):dir(ltr),
2459
    headerbar .path-bar-box .linked:not(.vertical) > combobox:last-child > box > button.combo,
2460
    headerbar .linked:not(.vertical) > combobox:last-child > box.linked > button.combo,
2461
    headerbar .path-bar-box .linked.vertical > combobox:last-child > box > button.combo,
2462
    headerbar .linked.vertical > combobox:last-child > box.linked > button.combo {
2463
      border-top-right-radius: 6px;
2464
      border-bottom-right-radius: 6px;
2465
      border-right-style: solid; }
2466
    .titlebar .path-bar-box button:only-child, .titlebar .linked > button:only-child, .titlebar .path-bar-box .linked:not(.vertical) > combobox:only-child > box > button.combo, .titlebar .linked:not(.vertical) > combobox:only-child > box.linked > button.combo, .titlebar .path-bar-box .linked.vertical > combobox:only-child > box > button.combo, .titlebar .linked.vertical > combobox:only-child > box.linked > button.combo,
2467
    headerbar .linked > button:only-child:hover,
2468
    headerbar .linked > button:only-child:backdrop,
2469
    headerbar progressbar:backdrop .linked > progress:only-child,
2470
    progressbar:backdrop headerbar .linked > progress:only-child,
2471
    headerbar progressbar:backdrop .linked > trough:only-child,
2472
    progressbar:backdrop headerbar .linked > trough:only-child,
2473
    headerbar .path-bar-box button:only-child,
2474
    headerbar .linked > button:only-child,
2475
    headerbar .path-bar-box .linked:not(.vertical) > combobox:only-child > box > button.combo,
2476
    headerbar .linked:not(.vertical) > combobox:only-child > box.linked > button.combo,
2477
    headerbar .path-bar-box .linked.vertical > combobox:only-child > box > button.combo,
2478
    headerbar .linked.vertical > combobox:only-child > box.linked > button.combo {
2479
      border-radius: 6px;
2480
      border-style: solid; }
2481
  .titlebar .path-bar-box button:active, .titlebar .linked > button:active, .titlebar .path-bar-box button:checked, .titlebar .linked > button:checked,
2482
  headerbar .path-bar-box button:active,
2483
  headerbar .linked > button:active,
2484
  headerbar .path-bar-box button:checked,
2485
  headerbar .linked > button:checked {
2486
    color: #fff;
2487
    outline-color: rgba(255, 255, 255, 0.3);
2488
    background-color: rgba(231, 138, 83, 0.7);
2489
    text-shadow: none; }
2490
    .titlebar progressbar:backdrop progress:active, progressbar:backdrop .titlebar progress:active, .titlebar progressbar:backdrop trough:active, progressbar:backdrop .titlebar trough:active, .titlebar .path-bar-box button:active:backdrop, .titlebar .linked > button:active:backdrop, .titlebar label:backdrop selection:active, label:backdrop .titlebar selection:active, .titlebar progressbar:backdrop progress:checked, progressbar:backdrop .titlebar progress:checked, .titlebar progressbar:backdrop trough:checked, progressbar:backdrop .titlebar trough:checked, .titlebar .path-bar-box button:checked:backdrop, .titlebar .linked > button:checked:backdrop, .titlebar label:backdrop selection:checked, label:backdrop .titlebar selection:checked,
2491
    headerbar progressbar:backdrop progress:active,
2492
    progressbar:backdrop headerbar progress:active,
2493
    headerbar progressbar:backdrop trough:active,
2494
    progressbar:backdrop headerbar trough:active,
2495
    headerbar .path-bar-box button:active:backdrop,
2496
    headerbar .linked > button:active:backdrop,
2497
    headerbar label:backdrop selection:active,
2498
    label:backdrop headerbar selection:active,
2499
    headerbar progressbar:backdrop progress:checked,
2500
    progressbar:backdrop headerbar progress:checked,
2501
    headerbar progressbar:backdrop trough:checked,
2502
    progressbar:backdrop headerbar trough:checked,
2503
    headerbar .path-bar-box button:checked:backdrop,
2504
    headerbar .linked > button:checked:backdrop,
2505
    headerbar label:backdrop selection:checked,
2506
    label:backdrop headerbar selection:checked {
2507
      color: rgba(18, 17, 19, 0.5); }
2508
      .titlebar progressbar:backdrop progress:active label, progressbar:backdrop .titlebar progress:active label, .titlebar progressbar:backdrop trough:active label, progressbar:backdrop .titlebar trough:active label, .titlebar .path-bar-box button:active:backdrop label, .titlebar .linked > button:active:backdrop label, .titlebar label:backdrop selection:active label, label:backdrop .titlebar selection:active label, .titlebar progressbar:backdrop progress:checked label, progressbar:backdrop .titlebar progress:checked label, .titlebar progressbar:backdrop trough:checked label, progressbar:backdrop .titlebar trough:checked label, .titlebar .path-bar-box button:checked:backdrop label, .titlebar .linked > button:checked:backdrop label, .titlebar label:backdrop selection:checked label, label:backdrop .titlebar selection:checked label,
2509
      headerbar progressbar:backdrop progress:active label,
2510
      progressbar:backdrop headerbar progress:active label,
2511
      headerbar progressbar:backdrop trough:active label,
2512
      progressbar:backdrop headerbar trough:active label,
2513
      headerbar .path-bar-box button:active:backdrop label,
2514
      headerbar .linked > button:active:backdrop label,
2515
      headerbar label:backdrop selection:active label,
2516
      label:backdrop headerbar selection:active label,
2517
      headerbar progressbar:backdrop progress:checked label,
2518
      progressbar:backdrop headerbar progress:checked label,
2519
      headerbar progressbar:backdrop trough:checked label,
2520
      progressbar:backdrop headerbar trough:checked label,
2521
      headerbar .path-bar-box button:checked:backdrop label,
2522
      headerbar .linked > button:checked:backdrop label,
2523
      headerbar label:backdrop selection:checked label,
2524
      label:backdrop headerbar selection:checked label {
2525
        color: rgba(18, 17, 19, 0.5); }
2526
  .titlebar splitbutton.image-button > button:not(.toggle),
2527
  headerbar splitbutton.image-button > button:not(.toggle) {
2528
    border-radius: 6px 0px 0px 6px; }
2529
  .titlebar splitbutton.image-button menubutton.popup button.toggle,
2530
  headerbar splitbutton.image-button menubutton.popup button.toggle {
2531
    border-radius: 0px 6px 6px 0px; }
2532
  .titlebar .path-bar-box .dim-label, .titlebar .path-bar-box label.separator, .titlebar .path-bar-box .subtitle,
2533
  headerbar .path-bar-box .dim-label,
2534
  headerbar .path-bar-box label.separator,
2535
  headerbar .path-bar-box .subtitle {
2536
    color: transparent;
2537
    margin-right: -6px; }
2538
  .titlebar .path-bar-box button:last-child, .titlebar .path-bar-box combobox.linked button:nth-child(2):dir(ltr), combobox.linked .titlebar .path-bar-box button:nth-child(2):dir(ltr), .titlebar .path-bar-box .linked:not(.vertical) > combobox:last-child > box > button.combo, .titlebar .path-bar-box .linked.vertical > combobox:last-child > box > button.combo,
2539
  headerbar .path-bar-box button:last-child,
2540
  headerbar .path-bar-box combobox.linked button:nth-child(2):dir(ltr),
2541
  combobox.linked headerbar .path-bar-box button:nth-child(2):dir(ltr),
2542
  headerbar .path-bar-box .linked:not(.vertical) > combobox:last-child > box > button.combo,
2543
  headerbar .path-bar-box .linked.vertical > combobox:last-child > box > button.combo {
2544
    margin-left: -1px;
2545
    border-radius: 0px; }
2546
    .titlebar .path-bar-box button:last-child:active, .titlebar .path-bar-box combobox.linked button:active:nth-child(2):dir(ltr), combobox.linked .titlebar .path-bar-box button:active:nth-child(2):dir(ltr), .titlebar .path-bar-box .linked:not(.vertical) > combobox:last-child > box > button.combo:active, .titlebar .path-bar-box .linked.vertical > combobox:last-child > box > button.combo:active, .titlebar .path-bar-box button:last-child:checked, .titlebar .path-bar-box combobox.linked button:checked:nth-child(2):dir(ltr), combobox.linked .titlebar .path-bar-box button:checked:nth-child(2):dir(ltr), .titlebar .path-bar-box .linked:not(.vertical) > combobox:last-child > box > button.combo:checked, .titlebar .path-bar-box .linked.vertical > combobox:last-child > box > button.combo:checked,
2547
    headerbar .path-bar-box button:last-child:active,
2548
    headerbar .path-bar-box combobox.linked button:active:nth-child(2):dir(ltr),
2549
    combobox.linked headerbar .path-bar-box button:active:nth-child(2):dir(ltr),
2550
    headerbar .path-bar-box .linked:not(.vertical) > combobox:last-child > box > button.combo:active,
2551
    headerbar .path-bar-box .linked.vertical > combobox:last-child > box > button.combo:active,
2552
    headerbar .path-bar-box button:last-child:checked,
2553
    headerbar .path-bar-box combobox.linked button:checked:nth-child(2):dir(ltr),
2554
    combobox.linked headerbar .path-bar-box button:checked:nth-child(2):dir(ltr),
2555
    headerbar .path-bar-box .linked:not(.vertical) > combobox:last-child > box > button.combo:checked,
2556
    headerbar .path-bar-box .linked.vertical > combobox:last-child > box > button.combo:checked {
2557
      border-radius: 0px 6px 6px 0px; }
2558
  .titlebar .path-bar-box button:first-child, .titlebar .path-bar-box combobox.linked button:nth-child(2):dir(rtl), combobox.linked .titlebar .path-bar-box button:nth-child(2):dir(rtl), .titlebar .path-bar-box .linked:not(.vertical) > combobox:first-child > box > button.combo, .titlebar .path-bar-box .linked.vertical > combobox:first-child > box > button.combo,
2559
  headerbar .path-bar-box button:first-child,
2560
  headerbar .path-bar-box combobox.linked button:nth-child(2):dir(rtl),
2561
  combobox.linked headerbar .path-bar-box button:nth-child(2):dir(rtl),
2562
  headerbar .path-bar-box .linked:not(.vertical) > combobox:first-child > box > button.combo,
2563
  headerbar .path-bar-box .linked.vertical > combobox:first-child > box > button.combo {
2564
    border-radius: 6px 0px 0px 6px; }
2565
    .titlebar .path-bar-box button:first-child:active, .titlebar .path-bar-box combobox.linked button:active:nth-child(2):dir(rtl), combobox.linked .titlebar .path-bar-box button:active:nth-child(2):dir(rtl), .titlebar .path-bar-box .linked:not(.vertical) > combobox:first-child > box > button.combo:active, .titlebar .path-bar-box .linked.vertical > combobox:first-child > box > button.combo:active, .titlebar .path-bar-box button:first-child:checked, .titlebar .path-bar-box combobox.linked button:checked:nth-child(2):dir(rtl), combobox.linked .titlebar .path-bar-box button:checked:nth-child(2):dir(rtl), .titlebar .path-bar-box .linked:not(.vertical) > combobox:first-child > box > button.combo:checked, .titlebar .path-bar-box .linked.vertical > combobox:first-child > box > button.combo:checked,
2566
    headerbar .path-bar-box button:first-child:active,
2567
    headerbar .path-bar-box combobox.linked button:active:nth-child(2):dir(rtl),
2568
    combobox.linked headerbar .path-bar-box button:active:nth-child(2):dir(rtl),
2569
    headerbar .path-bar-box .linked:not(.vertical) > combobox:first-child > box > button.combo:active,
2570
    headerbar .path-bar-box .linked.vertical > combobox:first-child > box > button.combo:active,
2571
    headerbar .path-bar-box button:first-child:checked,
2572
    headerbar .path-bar-box combobox.linked button:checked:nth-child(2):dir(rtl),
2573
    combobox.linked headerbar .path-bar-box button:checked:nth-child(2):dir(rtl),
2574
    headerbar .path-bar-box .linked:not(.vertical) > combobox:first-child > box > button.combo:checked,
2575
    headerbar .path-bar-box .linked.vertical > combobox:first-child > box > button.combo:checked {
2576
      border-radius: 6px; }
2577
  .titlebar .path-bar-box widget > .text-button:last-child, .titlebar .path-bar-box combobox.linked widget > button.text-button:nth-child(2):dir(ltr), combobox.linked .titlebar .path-bar-box widget > button.text-button:nth-child(2):dir(ltr),
2578
  headerbar .path-bar-box widget > .text-button:last-child,
2579
  headerbar .path-bar-box combobox.linked widget > button.text-button:nth-child(2):dir(ltr),
2580
  combobox.linked headerbar .path-bar-box widget > button.text-button:nth-child(2):dir(ltr) {
2581
    border-radius: 0px 6px 6px 0px;
2582
    color: #fff;
2583
    outline-color: rgba(255, 255, 255, 0.3);
2584
    background-color: rgba(231, 138, 83, 0.7);
2585
    text-shadow: none; }
2586
    .titlebar .path-bar-box widget > .text-button:last-child:backdrop, .titlebar .path-bar-box progressbar:backdrop widget > progress:last-child, progressbar:backdrop .titlebar .path-bar-box widget > progress:last-child, .titlebar .path-bar-box progressbar:backdrop widget > trough:last-child, progressbar:backdrop .titlebar .path-bar-box widget > trough:last-child, .titlebar .path-bar-box widget > .text-button:last-child:backdrop label, .titlebar .path-bar-box progressbar:backdrop widget > progress:last-child label, progressbar:backdrop .titlebar .path-bar-box widget > progress:last-child label, .titlebar .path-bar-box progressbar:backdrop widget > trough:last-child label, progressbar:backdrop .titlebar .path-bar-box widget > trough:last-child label,
2587
    headerbar .path-bar-box widget > .text-button:last-child:backdrop,
2588
    headerbar .path-bar-box progressbar:backdrop widget > progress:last-child,
2589
    progressbar:backdrop headerbar .path-bar-box widget > progress:last-child,
2590
    headerbar .path-bar-box progressbar:backdrop widget > trough:last-child,
2591
    progressbar:backdrop headerbar .path-bar-box widget > trough:last-child,
2592
    headerbar .path-bar-box widget > .text-button:last-child:backdrop label,
2593
    headerbar .path-bar-box progressbar:backdrop widget > progress:last-child label,
2594
    progressbar:backdrop headerbar .path-bar-box widget > progress:last-child label,
2595
    headerbar .path-bar-box progressbar:backdrop widget > trough:last-child label,
2596
    progressbar:backdrop headerbar .path-bar-box widget > trough:last-child label {
2597
      color: rgba(18, 17, 19, 0.5); }
2598
    .titlebar .path-bar-box widget > .text-button:last-child:only-child, .titlebar .path-bar-box combobox.linked widget > button.text-button:only-child:nth-child(2):dir(ltr), combobox.linked .titlebar .path-bar-box widget > button.text-button:only-child:nth-child(2):dir(ltr),
2599
    headerbar .path-bar-box widget > .text-button:last-child:only-child,
2600
    headerbar .path-bar-box combobox.linked widget > button.text-button:only-child:nth-child(2):dir(ltr),
2601
    combobox.linked headerbar .path-bar-box widget > button.text-button:only-child:nth-child(2):dir(ltr) {
2602
      border-radius: 6px; }
2603
  .selection-mode.titlebar button:backdrop:active, .selection-mode.titlebar button:backdrop:checked,
2604
  headerbar.selection-mode button:backdrop.flat:active,
2605
  headerbar.selection-mode notebook > header > tabs > arrow:backdrop:active,
2606
  headerbar.selection-mode button:backdrop.flat:checked,
2607
  headerbar.selection-mode notebook > header > tabs > arrow:backdrop:checked,
2608
  headerbar.selection-mode button:backdrop:active,
2609
  headerbar.selection-mode button:backdrop:checked {
2610
    border-color: #e16c26; }
2611
    .selection-mode.titlebar button:backdrop:active label, .selection-mode.titlebar button:backdrop:checked label,
2612
    headerbar.selection-mode button:backdrop.flat:active label,
2613
    headerbar.selection-mode notebook > header > tabs > arrow:backdrop:active label,
2614
    headerbar.selection-mode button:backdrop.flat:checked label,
2615
    headerbar.selection-mode notebook > header > tabs > arrow:backdrop:checked label,
2616
    headerbar.selection-mode button:backdrop:active label,
2617
    headerbar.selection-mode button:backdrop:checked label {
2618
      color: rgba(231, 138, 83, 0.6); }
2619
  .tiled .titlebar, .maximized .titlebar, .tiled headerbar.titlebar, .maximized headerbar.titlebar {
2620
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
2621
  .tiled .titlebar, .maximized .titlebar, .tiled headerbar, .maximized headerbar {
2622
    border-radius: 0; }
2623
  .default-decoration.titlebar,
2624
  headerbar.default-decoration {
2625
    padding: 5px 4px;
2626
    min-height: 20px; }
2627
    .default-decoration.titlebar button.titlebutton,
2628
    headerbar.default-decoration button.titlebutton {
2629
      min-height: 20px;
2630
      min-width: 20px;
2631
      margin: 0;
2632
      padding: 0; }
2633
2634
headerbar entry,
2635
headerbar spinbutton,
2636
headerbar separator:not(.sidebar),
2637
headerbar button,
2638
headerbar menubutton {
2639
  margin-top: 3px;
2640
  margin-bottom: 3px; }
2641
2642
headerbar menubutton > button,
2643
headerbar spinbutton > button,
2644
headerbar splitbutton > button,
2645
headerbar splitbutton > menubutton,
2646
headerbar entry > menubutton {
2647
  margin-top: 0px;
2648
  margin-bottom: 0px; }
2649
2650
headerbar switch {
2651
  margin-top: 0;
2652
  margin-bottom: 0; }
2653
2654
headerbar separator {
2655
  background: transparent; }
2656
2657
.background:not(.tiled):not(.maximized) .titlebar {
2658
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); }
2659
  .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar {
2660
    border-top-left-radius: 6px;
2661
    border-top-right-radius: 6px; }
2662
2663
window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) progressbar:backdrop progress:first-child, progressbar:backdrop window:not(.tiled):not(.maximized) progress:first-child, window:not(.tiled):not(.maximized) progressbar:backdrop trough:first-child, progressbar:backdrop window:not(.tiled):not(.maximized) trough:first-child, window:not(.tiled):not(.maximized) headerbar:first-child {
2664
  border-top-left-radius: 6px; }
2665
2666
window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) progressbar:backdrop progress:last-child, progressbar:backdrop window:not(.tiled):not(.maximized) progress:last-child, window:not(.tiled):not(.maximized) progressbar:backdrop trough:last-child, progressbar:backdrop window:not(.tiled):not(.maximized) trough:last-child, window:not(.tiled):not(.maximized) headerbar:last-child {
2667
  border-top-right-radius: 6px; }
2668
2669
window.csd > .titlebar:not(headerbar) {
2670
  padding: 0;
2671
  background-color: transparent;
2672
  background-image: none;
2673
  border-style: none;
2674
  border-color: transparent;
2675
  box-shadow: none; }
2676
2677
.titlebar:not(headerbar) > separator {
2678
  background: #121113; }
2679
2680
.sidebar-pane .top-bar, .sidebar-pane .top-bar headerbar, .content-pane .top-bar, .content-pane .top-bar headerbar {
2681
  background-color: #121113; }
2682
2683
.raised.top-bar {
2684
  background-color: #121113; }
2685
2686
/**************
2687
 * GtkInfoBar *
2688
 **************/
2689
.error, .question, .warning, .info,
2690
infobar {
2691
  text-shadow: none;
2692
  color: #ffffff;
2693
  background-color: #121113;
2694
  border-bottom: 1px solid black;
2695
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
2696
2697
.error, .question, .warning, .info {
2698
  text-shadow: none;
2699
  color: #121113;
2700
  border: none; }
2701
  .error .label, .question .label, .warning .label, .info .label {
2702
    color: #121113; }
2703
    .error .label:backdrop, .error progressbar:backdrop progress.label, progressbar:backdrop .error progress.label, .error progressbar:backdrop trough.label, progressbar:backdrop .error trough.label, .question .label:backdrop, .question progressbar:backdrop progress.label, progressbar:backdrop .question progress.label, .question progressbar:backdrop trough.label, progressbar:backdrop .question trough.label, .warning .label:backdrop, .warning progressbar:backdrop progress.label, progressbar:backdrop .warning progress.label, .warning progressbar:backdrop trough.label, progressbar:backdrop .warning trough.label, .info .label:backdrop, .info progressbar:backdrop progress.label, progressbar:backdrop .info progress.label, .info progressbar:backdrop trough.label, progressbar:backdrop .info trough.label, .error label:backdrop selection.label, .question label:backdrop selection.label, .warning label:backdrop selection.label, .info label:backdrop selection.label, label:backdrop .error selection.label, label:backdrop .question selection.label, label:backdrop .warning selection.label, label:backdrop .info selection.label {
2704
      color: rgba(18, 17, 19, 0.5); }
2705
  .error button, .question button, .warning button, .info button {
2706
    border-radius: 2px;
2707
    border: none;
2708
    background: rgba(28, 27, 29, 0.98);
2709
    color: #ffffff;
2710
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); }
2711
    .error button .label, .question button .label, .warning button .label, .info button .label {
2712
      color: #ffffff; }
2713
    .error button:active, .question button:active, .warning button:active, .info button:active {
2714
      background: #1c1b1d;
2715
      color: #ffffff;
2716
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
2717
      .error button:active:backdrop, .error progressbar:backdrop progress:active, progressbar:backdrop .error progress:active, .error progressbar:backdrop trough:active, progressbar:backdrop .error trough:active, .question button:active:backdrop, .question progressbar:backdrop progress:active, progressbar:backdrop .question progress:active, .question progressbar:backdrop trough:active, progressbar:backdrop .question trough:active, .warning button:active:backdrop, .warning progressbar:backdrop progress:active, progressbar:backdrop .warning progress:active, .warning progressbar:backdrop trough:active, progressbar:backdrop .warning trough:active, .info button:active:backdrop, .info progressbar:backdrop progress:active, progressbar:backdrop .info progress:active, .info progressbar:backdrop trough:active, progressbar:backdrop .info trough:active, .error label:backdrop selection:active, .question label:backdrop selection:active, .warning label:backdrop selection:active, .info label:backdrop selection:active, label:backdrop .error selection:active, label:backdrop .question selection:active, label:backdrop .warning selection:active, label:backdrop .info selection:active {
2718
        background: rgba(28, 27, 29, 0.8);
2719
        color: rgba(255, 255, 255, 0.5);
2720
        box-shadow: none; }
2721
    .error button:hover, .question button:hover, .warning button:hover, .info button:hover, .error button:focus, .question button:focus, .warning button:focus, .info button:focus {
2722
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
2723
    .error button:disabled, .question button:disabled, .warning button:disabled, .info button:disabled {
2724
      background: rgba(28, 27, 29, 0.6);
2725
      color: rgba(255, 255, 255, 0.5);
2726
      box-shadow: none; }
2727
      .error button:disabled:backdrop, .error progressbar:backdrop progress:disabled, progressbar:backdrop .error progress:disabled, .error progressbar:backdrop trough:disabled, progressbar:backdrop .error trough:disabled, .question button:disabled:backdrop, .question progressbar:backdrop progress:disabled, progressbar:backdrop .question progress:disabled, .question progressbar:backdrop trough:disabled, progressbar:backdrop .question trough:disabled, .warning button:disabled:backdrop, .warning progressbar:backdrop progress:disabled, progressbar:backdrop .warning progress:disabled, .warning progressbar:backdrop trough:disabled, progressbar:backdrop .warning trough:disabled, .info button:disabled:backdrop, .info progressbar:backdrop progress:disabled, progressbar:backdrop .info progress:disabled, .info progressbar:backdrop trough:disabled, progressbar:backdrop .info trough:disabled {
2728
        background: rgba(28, 27, 29, 0.5);
2729
        color: rgba(255, 255, 255, 0.5);
2730
        box-shadow: none; }
2731
    .error button:backdrop, .question button:backdrop, .warning button:backdrop, .info button:backdrop {
2732
      background: rgba(28, 27, 29, 0.8);
2733
      color: rgba(255, 255, 255, 0.5);
2734
      box-shadow: none; }
2735
2736
.info, .info:backdrop, progressbar:backdrop progress.info, progressbar:backdrop trough.info, label:backdrop selection.info {
2737
  color: #5f8787;
2738
  background-color: transparent; }
2739
2740
.warning, .warning:backdrop, progressbar:backdrop progress.warning, progressbar:backdrop trough.warning, label:backdrop selection.warning {
2741
  color: #fbcb97;
2742
  background-color: transparent; }
2743
2744
.question, .question:backdrop, progressbar:backdrop progress.question, progressbar:backdrop trough.question, label:backdrop selection.question {
2745
  color: #5f8787;
2746
  background-color: transparent; }
2747
2748
.error, .error:backdrop, progressbar:backdrop progress.error, progressbar:backdrop trough.error, label:backdrop selection.error {
2749
  color: #e75353;
2750
  background-color: transparent; }
2751
2752
banner revealer widget {
2753
  background: #1f1d20;
2754
  padding: 5px;
2755
  color: #ffffff; }
2756
2757
levelbar.horizontal trough > block {
2758
  min-height: 5px;
2759
  border-radius: 5px; }
2760
  levelbar.horizontal trough > block:dir(rtl) {
2761
    border-radius: 0 5px 5px 0; }
2762
  levelbar.horizontal trough > block:dir(ltr) {
2763
    border-radius: 5px 0 0 5px; }
2764
  levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full {
2765
    border-radius: 5px; }
2766
2767
levelbar.horizontal.discrete trough > block {
2768
  min-height: 2px;
2769
  margin: 1px;
2770
  min-width: 24px;
2771
  border-radius: 0; }
2772
  levelbar.horizontal.discrete trough > block:first-child {
2773
    border-radius: 2px 0 0 2px; }
2774
  levelbar.horizontal.discrete trough > block:last-child {
2775
    border-radius: 0 2px 2px 0; }
2776
2777
levelbar.vertical trough > block {
2778
  min-width: 5px;
2779
  border-radius: 5px; }
2780
2781
levelbar.vertical.discrete > trough > block {
2782
  min-width: 2px;
2783
  margin: 1px 0;
2784
  min-height: 32px; }
2785
2786
levelbar > trough {
2787
  padding: 0; }
2788
2789
levelbar > trough > block {
2790
  border: 1px solid; }
2791
  levelbar > trough > block.low {
2792
    border-color: #fbcb97;
2793
    background-color: #fbcb97; }
2794
  levelbar > trough > block.high, levelbar > trough > block:not(.empty) {
2795
    border-color: #e78a53;
2796
    background-color: #e78a53; }
2797
  levelbar > trough > block.full {
2798
    border-color: #5f8787;
2799
    background-color: #5f8787; }
2800
  levelbar > trough > block.empty {
2801
    background-color: #363437;
2802
    border-color: #363437; }
2803
2804
/*********
2805
 * Links *
2806
 *********/
2807
*:link, button:link,
2808
button:visited {
2809
  color: #e78a53; }
2810
  *:link:visited,
2811
  button:visited {
2812
    color: rgba(231, 138, 83, 0.5); }
2813
    *:selected *:link:visited,
2814
    *:selected button:visited, button:selected:link *:link:visited,
2815
    button:selected:visited *:link:visited,
2816
    button:selected:link button:visited,
2817
    button:selected:visited button:visited {
2818
      color: #67412d; }
2819
  *:link:hover, button:hover:link,
2820
  button:hover:visited {
2821
    color: #eda880; }
2822
    *:selected *:link:hover, *:selected button:hover:link,
2823
    *:selected button:hover:visited, button:selected:link *:link:hover,
2824
    button:selected:visited *:link:hover, button:selected:link button:hover:link,
2825
    button:selected:visited button:hover:link,
2826
    button:selected:link button:hover:visited,
2827
    button:selected:visited button:hover:visited {
2828
      color: #271d19; }
2829
  *:link:active, button:active:link,
2830
  button:active:visited {
2831
    color: #e78a53; }
2832
    *:selected *:link:active, *:selected button:active:link,
2833
    *:selected button:active:visited, button:selected:link *:link:active,
2834
    button:selected:visited *:link:active, button:selected:link button:active:link,
2835
    button:selected:visited button:active:link,
2836
    button:selected:link button:active:visited,
2837
    button:selected:visited button:active:visited {
2838
      color: #3d2920; }
2839
  *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop, progressbar:backdrop progress:link, progressbar:backdrop trough:link, button:backdrop:link,
2840
  button:backdrop:visited, label:backdrop selection:link {
2841
    color: #e78a53; }
2842
  *:link:selected, button:selected:link,
2843
  button:selected:visited, *:selected *:link, *:selected button:link,
2844
  *:selected button:visited, button:selected:link *:link,
2845
  button:selected:visited *:link, button:selected:link button:link,
2846
  button:selected:visited button:link,
2847
  button:selected:link button:visited,
2848
  button:selected:visited button:visited {
2849
    color: #3d2920; }
2850
2851
button:link,
2852
button:visited {
2853
  text-shadow: none; }
2854
  button:link:hover, button:link:active, button:link:checked,
2855
  button:visited:hover,
2856
  button:visited:active,
2857
  button:visited:checked {
2858
    text-shadow: none; }
2859
  button:link > label,
2860
  button:visited > label {
2861
    text-decoration-line: underline; }
2862
2863
/*********
2864
 * Lists *
2865
 *********/
2866
list, listview {
2867
  background-color: #1c1b1d;
2868
  border-color: #2b2b2b; }
2869
  list, list label, listview, listview label {
2870
    color: #ffffff; }
2871
  list:backdrop, listview:backdrop {
2872
    background-color: #1f1d20;
2873
    border-color: #292829; }
2874
  list.horizontal row.separator, list.separators.horizontal > row:not(.separator), listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator) {
2875
    border-left: 1px solid #2b2b2b; }
2876
  list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator), listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator) {
2877
    border-bottom: 1px solid #2b2b2b; }
2878
2879
row:hover {
2880
  transition: none; }
2881
2882
row:backdrop {
2883
  transition: 200ms ease-out; }
2884
2885
row.activatable.has-open-popup, row.activatable:hover {
2886
  background-color: rgba(255, 255, 255, 0.05); }
2887
2888
row.activatable:active {
2889
  box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
2890
2891
row.activatable:backdrop:hover, progressbar:backdrop progress.activatable:hover, progressbar:backdrop trough.activatable:hover, label:backdrop selection.activatable:hover {
2892
  background-color: transparent; }
2893
2894
row.activatable:selected:active {
2895
  box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
2896
2897
row.activatable:selected.has-open-popup, row.activatable:selected:hover {
2898
  background-color: rgba(231, 138, 83, 0.5); }
2899
2900
row.activatable:selected:backdrop, progressbar:backdrop progress:selected, progressbar:backdrop trough:selected, label:backdrop selection:selected {
2901
  background-color: rgba(231, 138, 83, 0.6); }
2902
2903
row.activatable.button {
2904
  font-weight: normal;
2905
  color: #ffffff;
2906
  background-color: #1b1a1c;
2907
  text-shadow: none; }
2908
2909
row .view, row iconview {
2910
  background-color: transparent; }
2911
2912
columnview > listview > row {
2913
  padding: 0; }
2914
  columnview > listview > row > cell {
2915
    padding: 0px 6px; }
2916
    columnview > listview > row > cell:not(:first-child) {
2917
      border-left: 1px solid transparent; }
2918
2919
columnview.column-separators > listview > row > cell {
2920
  border-left-color: #2b2b2b; }
2921
2922
columnview.data-table > listview > row > cell {
2923
  padding-top: 2px;
2924
  padding-bottom: 2px; }
2925
2926
treeexpander {
2927
  border-spacing: 4px; }
2928
2929
/********************************************************
2930
 * Data Tables                                          *
2931
 * treeview like tables with individual focusable cells *
2932
 * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929     *
2933
 ********************************************************/
2934
columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
2935
  outline: 2px solid #2b2b2b; }
2936
2937
columnview row:not(:selected) cell editablelabel.editing:focus-within {
2938
  outline: 2px solid #e78a53; }
2939
2940
columnview row:not(:selected) cell editablelabel.editing text selection {
2941
  background-color: rgba(231, 138, 83, 0.6);
2942
  color: transparent; }
2943
  columnview row:not(:selected) cell editablelabel.editing text selection:focus-within {
2944
    background-color: #e78a53;
2945
    color: #ffffff; }
2946
2947
/*******************************************************
2948
 * Rich Lists                                          *
2949
 * Large list usually containing lots of widgets       *
2950
 * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073    *
2951
 *******************************************************/
2952
.rich-list {
2953
  /* rich lists usually containing other widgets than just labels/text */ }
2954
  .rich-list > row {
2955
    padding: 8px 12px;
2956
    min-height: 32px;
2957
    /* should be tall even when only containing a label */ }
2958
    .rich-list > row > box {
2959
      border-spacing: 12px; }
2960
2961
/********************************************************
2962
 * Complex Lists                                        *
2963
 * Put padding on the cell content so event controllers *
2964
 * can cover the whole area.                            *
2965
 ********************************************************/
2966
columnview.complex > listview > row > cell {
2967
  padding: 0; }
2968
  columnview.complex > listview > row > cell > *, columnview.complex > listview > row > cell > button:link,
2969
  columnview.complex > listview > row > cell > button:visited {
2970
    padding: 8px 6px; }
2971
2972
columnview.complex.data-table > listview > row > cell {
2973
  padding: 0; }
2974
  columnview.complex.data-table > listview > row > cell > *, columnview.complex.data-table > listview > row > cell > button:link,
2975
  columnview.complex.data-table > listview > row > cell > button:visited {
2976
    padding-top: 2px;
2977
    padding-bottom: 2px; }
2978
2979
.boxed-list-separate {
2980
  background-color: transparent; }
2981
2982
/*********
2983
 * Menus *
2984
 *********/
2985
menubar,
2986
.menubar {
2987
  background-color: #121113;
2988
  color: #ffffff;
2989
  padding: 0px;
2990
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
2991
  menubar > item,
2992
  .menubar > item {
2993
    min-height: 16px;
2994
    padding: 4px 8px; }
2995
    menubar > item:hover,
2996
    .menubar > item:hover {
2997
      box-shadow: inset 0 -3px #e78a53; }
2998
    menubar > item:disabled,
2999
    .menubar > item:disabled {
3000
      color: #898889;
3001
      box-shadow: none; }
3002
3003
menu,
3004
.menu,
3005
.context-menu {
3006
  padding: 2px 0px;
3007
  background: #121113;
3008
  border: none;
3009
  border-radius: 5px;
3010
  font: initial; }
3011
  .csd menu, .csd .menu, .csd .context-menu {
3012
    border: none; }
3013
  menu:backdrop,
3014
  .menu:backdrop,
3015
  progressbar:backdrop progress.menu,
3016
  progressbar:backdrop trough.menu,
3017
  label:backdrop selection.menu,
3018
  .context-menu:backdrop,
3019
  progressbar:backdrop progress.context-menu,
3020
  progressbar:backdrop trough.context-menu,
3021
  label:backdrop selection.context-menu {
3022
    background-color: #1c1b1d; }
3023
  menu menuitem,
3024
  .menu menuitem,
3025
  .context-menu menuitem {
3026
    min-height: 17px;
3027
    min-width: 40px;
3028
    padding: 4px 6px;
3029
    text-shadow: none; }
3030
    menu menuitem:hover,
3031
    .menu menuitem:hover,
3032
    .context-menu menuitem:hover {
3033
      color: #121113;
3034
      background-color: #e78a53; }
3035
    menu menuitem:disabled,
3036
    .menu menuitem:disabled,
3037
    .context-menu menuitem:disabled {
3038
      color: #898889; }
3039
      menu menuitem:disabled:backdrop, menu progressbar:backdrop progress:disabled, progressbar:backdrop menu progress:disabled, menu progressbar:backdrop trough:disabled, progressbar:backdrop menu trough:disabled,
3040
      .menu menuitem:disabled:backdrop,
3041
      .menu progressbar:backdrop progress:disabled,
3042
      progressbar:backdrop .menu progress:disabled,
3043
      .menu progressbar:backdrop trough:disabled,
3044
      progressbar:backdrop .menu trough:disabled,
3045
      .context-menu menuitem:disabled:backdrop,
3046
      .context-menu progressbar:backdrop progress:disabled,
3047
      progressbar:backdrop .context-menu progress:disabled,
3048
      .context-menu progressbar:backdrop trough:disabled,
3049
      progressbar:backdrop .context-menu trough:disabled {
3050
        color: #38353b; }
3051
    menu menuitem:backdrop, menu menuitem:backdrop:hover,
3052
    .menu menuitem:backdrop,
3053
    .menu menuitem:backdrop:hover,
3054
    .context-menu menuitem:backdrop,
3055
    .context-menu menuitem:backdrop:hover {
3056
      color: #898889;
3057
      background-color: transparent; }
3058
    menu menuitem arrow,
3059
    .menu menuitem arrow,
3060
    .context-menu menuitem arrow {
3061
      min-height: 16px;
3062
      min-width: 16px; }
3063
      menu menuitem arrow:dir(ltr),
3064
      .menu menuitem arrow:dir(ltr),
3065
      .context-menu menuitem arrow:dir(ltr) {
3066
        -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
3067
        margin-left: 10px; }
3068
      menu menuitem arrow:dir(rtl),
3069
      .menu menuitem arrow:dir(rtl),
3070
      .context-menu menuitem arrow:dir(rtl) {
3071
        -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
3072
        margin-right: 10px; }
3073
    menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
3074
    .menu menuitem label:dir(rtl),
3075
    .menu menuitem label:dir(ltr),
3076
    .context-menu menuitem label:dir(rtl),
3077
    .context-menu menuitem label:dir(ltr) {
3078
      color: inherit; }
3079
  menu > arrow,
3080
  .menu > arrow,
3081
  .context-menu > arrow {
3082
    border-color: transparent;
3083
    background-color: transparent;
3084
    background-image: none;
3085
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
3086
    text-shadow: none;
3087
    -gtk-icon-shadow: none;
3088
    min-height: 16px;
3089
    min-width: 16px;
3090
    padding: 4px;
3091
    background-color: #1a191b;
3092
    border-radius: 0; }
3093
    menu > arrow.top,
3094
    .menu > arrow.top,
3095
    .context-menu > arrow.top {
3096
      margin-top: -6px;
3097
      border-bottom: 1px solid #333234;
3098
      -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
3099
    menu > arrow.bottom,
3100
    .menu > arrow.bottom,
3101
    .context-menu > arrow.bottom {
3102
      margin-bottom: -6px;
3103
      border-top: 1px solid #333234;
3104
      -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
3105
    menu > arrow:hover,
3106
    .menu > arrow:hover,
3107
    .context-menu > arrow:hover {
3108
      background-color: #333234; }
3109
    menu > arrow:backdrop,
3110
    .menu > arrow:backdrop,
3111
    .context-menu > arrow:backdrop {
3112
      background-color: #1c1b1d; }
3113
    menu > arrow:disabled,
3114
    .menu > arrow:disabled,
3115
    .context-menu > arrow:disabled {
3116
      color: transparent;
3117
      background-color: transparent;
3118
      border-color: transparent; }
3119
3120
menuitem accelerator {
3121
  color: alpha(currentColor,0.55); }
3122
3123
menuitem check,
3124
menuitem radio {
3125
  min-height: 16px;
3126
  min-width: 16px; }
3127
  menuitem check:dir(ltr),
3128
  menuitem radio:dir(ltr) {
3129
    margin-right: 7px; }
3130
  menuitem check:dir(rtl),
3131
  menuitem radio:dir(rtl) {
3132
    margin-left: 7px; }
3133
3134
.csd.popup {
3135
  background-color: transparent; }
3136
3137
/********
3138
 * Misc *
3139
 ********/
3140
.content-view {
3141
  background-color: black; }
3142
  .content-view:hover {
3143
    -gtk-icon-filter: brightness(1.2); }
3144
  .content-view:backdrop, progressbar:backdrop progress.content-view, progressbar:backdrop trough.content-view, label:backdrop selection.content-view {
3145
    background-color: black; }
3146
3147
.osd .scale-popup button.flat, .osd .scale-popup .selection-mode windowcontrols button, .selection-mode windowcontrols .osd .scale-popup button {
3148
  border-style: none;
3149
  border-radius: 5px; }
3150
3151
.scale-popup button:hover {
3152
  background-color: rgba(255, 255, 255, 0.1);
3153
  border-radius: 5px; }
3154
3155
/*************
3156
 * Notebooks *
3157
 *************/
3158
notebook > header {
3159
  padding: 1px;
3160
  border-color: #2b2b2b;
3161
  border-width: 1px;
3162
  background-color: #0f0f10; }
3163
  notebook > header:backdrop {
3164
    border-color: #292829;
3165
    background-color: #121113; }
3166
  notebook > header tabs {
3167
    margin: 0px; }
3168
  notebook > header.top {
3169
    border-bottom-style: solid; }
3170
    notebook > header.top > tabs {
3171
      margin-bottom: -2px; }
3172
      notebook > header.top > tabs > tab:backdrop {
3173
        box-shadow: none; }
3174
      notebook > header.top > tabs > tab:checked {
3175
        background-color: #1c1b1d; }
3176
        notebook > header.top > tabs > tab:checked:hover {
3177
          background-color: #1c1b1d; }
3178
  notebook > header.bottom {
3179
    border-top-style: solid; }
3180
    notebook > header.bottom > tabs {
3181
      margin-top: -2px; }
3182
      notebook > header.bottom > tabs > tab:backdrop {
3183
        box-shadow: none; }
3184
      notebook > header.bottom > tabs > tab:checked {
3185
        background-color: #1c1b1d;
3186
        box-shadow: -1px 0 0 #2b2b2b, 0px 1px 0 #2b2b2b, 1px 0 0 #2b2b2b; }
3187
  notebook > header.left {
3188
    border-right-style: solid; }
3189
    notebook > header.left > tabs {
3190
      margin-right: -2px; }
3191
      notebook > header.left > tabs > tab:backdrop {
3192
        box-shadow: none; }
3193
      notebook > header.left > tabs > tab:checked {
3194
        background-color: #1c1b1d;
3195
        box-shadow: 0px 1px 0 #2b2b2b, 0px -1px 0 #2b2b2b, 0px 1px 0 #2b2b2b; }
3196
  notebook > header.right {
3197
    border-left-style: solid; }
3198
    notebook > header.right > tabs {
3199
      margin-left: -2px; }
3200
      notebook > header.right > tabs > tab:backdrop {
3201
        box-shadow: none; }
3202
      notebook > header.right > tabs > tab:checked {
3203
        background-color: #1c1b1d;
3204
        box-shadow: 0px 1px 0 #2b2b2b, 0px -1px 0 #2b2b2b, 1px 0 0 #2b2b2b; }
3205
  notebook > header.top > tabs > arrow {
3206
    border-top-style: none; }
3207
  notebook > header.bottom > tabs > arrow {
3208
    border-bottom-style: none; }
3209
  notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
3210
    margin-left: -5px;
3211
    margin-right: -5px;
3212
    padding-left: 4px;
3213
    padding-right: 4px; }
3214
    notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
3215
      -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
3216
    notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
3217
      -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
3218
  notebook > header.left > tabs > arrow {
3219
    border-left-style: none; }
3220
  notebook > header.right > tabs > arrow {
3221
    border-right-style: none; }
3222
  notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
3223
    margin-top: -5px;
3224
    margin-bottom: -5px;
3225
    padding-top: 4px;
3226
    padding-bottom: 4px; }
3227
    notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
3228
      -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
3229
    notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
3230
      -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
3231
  notebook > header > tabs > arrow {
3232
    min-height: 14px;
3233
    min-width: 14px;
3234
    border-radius: 0; }
3235
    notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) {
3236
      background-clip: padding-box;
3237
      background-image: none;
3238
      background-color: rgba(255, 255, 255, 0.3);
3239
      border-color: transparent;
3240
      box-shadow: none; }
3241
    notebook > header > tabs > arrow:disabled {
3242
      border-color: transparent;
3243
      background-color: transparent;
3244
      background-image: none;
3245
      box-shadow: inset 0 1px rgba(255, 255, 255, 0);
3246
      text-shadow: none;
3247
      -gtk-icon-shadow: none; }
3248
  notebook > header tab {
3249
    min-height: 24px;
3250
    min-width: 24px;
3251
    padding: 1px 12px;
3252
    outline-offset: -5px;
3253
    color: #898889;
3254
    font-weight: normal;
3255
    border-width: 1px;
3256
    border-color: transparent; }
3257
    notebook > header tab:hover {
3258
      color: #c4c4c4; }
3259
      notebook > header tab:hover.reorderable-page {
3260
        border-color: rgba(43, 43, 43, 0.3);
3261
        background-color: rgba(18, 17, 19, 0.2); }
3262
    notebook > header tab:backdrop {
3263
      color: #59585a; }
3264
      notebook > header tab:backdrop.reorderable-page {
3265
        border-color: transparent;
3266
        background-color: transparent; }
3267
    notebook > header tab:checked {
3268
      color: #ffffff;
3269
      box-shadow: -1px 0 0 #2b2b2b, 0px -1px 0 #2b2b2b, 1px 0 0 #2b2b2b; }
3270
      notebook > header tab:checked.reorderable-page {
3271
        border-color: rgba(43, 43, 43, 0.5);
3272
        background-color: rgba(18, 17, 19, 0.5); }
3273
        notebook > header tab:checked.reorderable-page:hover {
3274
          background-color: rgba(18, 17, 19, 0.7); }
3275
    notebook > header tab:backdrop:checked {
3276
      color: #898889; }
3277
      notebook > header tab:backdrop:checked.reorderable-page {
3278
        border-color: #292829;
3279
        background-color: #1f1d20; }
3280
    notebook > header tab button.flat, notebook > header tab .selection-mode windowcontrols button, .selection-mode windowcontrols notebook > header tab button {
3281
      padding: 0;
3282
      margin-top: 4px;
3283
      margin-bottom: 4px;
3284
      min-width: 20px;
3285
      min-height: 20px; }
3286
      notebook > header tab button.flat:hover, notebook > header tab .selection-mode windowcontrols button:hover, .selection-mode windowcontrols notebook > header tab button:hover {
3287
        background: transparent;
3288
        box-shadow: none;
3289
        color: #e75353; }
3290
      notebook > header tab button.flat, notebook > header tab .selection-mode windowcontrols button, .selection-mode windowcontrols notebook > header tab button, notebook > header tab button.flat:backdrop, notebook > header tab progressbar:backdrop progress.flat, progressbar:backdrop notebook > header tab progress.flat, notebook > header tab progressbar:backdrop trough.flat, progressbar:backdrop notebook > header tab trough.flat {
3291
        background: transparent;
3292
        border: none;
3293
        color: alpha(currentColor,0.3); }
3294
      notebook > header tab button.flat:last-child, notebook > header tab .selection-mode windowcontrols button:last-child, .selection-mode windowcontrols notebook > header tab button:last-child {
3295
        margin-left: 4px;
3296
        margin-right: -4px; }
3297
      notebook > header tab button.flat:first-child, notebook > header tab .selection-mode windowcontrols button:first-child, .selection-mode windowcontrols notebook > header tab button:first-child {
3298
        margin-left: -4px;
3299
        margin-right: 4px; }
3300
  notebook > header.top tabs, notebook > header.bottom tabs {
3301
    padding-left: 0px;
3302
    padding-right: 0px; }
3303
    notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) {
3304
      margin-left: 0.5px;
3305
      margin-right: 0.5px; }
3306
      notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
3307
        margin-left: -1px; }
3308
      notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
3309
        margin-right: -1px; }
3310
    notebook > header.top tabs tab, notebook > header.bottom tabs tab {
3311
      margin-left: 0.5px;
3312
      margin-right: 0.5px; }
3313
      notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
3314
        border-style: none solid; }
3315
  notebook > header.left tabs, notebook > header.right tabs {
3316
    padding-top: 4px;
3317
    padding-bottom: 4px; }
3318
    notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) {
3319
      margin-top: 3px;
3320
      margin-bottom: 3px; }
3321
      notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
3322
        margin-top: -1px; }
3323
      notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
3324
        margin-bottom: -1px; }
3325
    notebook > header.left tabs tab, notebook > header.right tabs tab {
3326
      margin-top: 4px;
3327
      margin-bottom: 4px; }
3328
      notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
3329
        border-style: solid none; }
3330
  notebook > header.top tab {
3331
    padding-bottom: 1px; }
3332
  notebook > header.bottom tab {
3333
    padding-top: 1px; }
3334
3335
notebook > stack:not(:only-child) {
3336
  background-color: #1c1b1d; }
3337
  notebook > stack:not(:only-child):backdrop, progressbar:backdrop notebook > progress:not(:only-child), progressbar:backdrop notebook > trough:not(:only-child) {
3338
    background-color: #1f1d20; }
3339
3340
tabbar:backdrop .box > scrolledwindow,
3341
tabbar:backdrop .box > .start-action,
3342
tabbar:backdrop .box > .end-action {
3343
  filter: opacity(1); }
3344
3345
tabbar tabbox {
3346
  background-color: #0f0f10;
3347
  padding: 0px;
3348
  color: #d9d9d9; }
3349
  tabbar tabbox > tabboxchild {
3350
    margin: 0 -3px;
3351
    border-radius: 0; }
3352
  tabbar tabbox > tab,
3353
  tabbar tabbox > tabboxchild > tab {
3354
    border-radius: 0; }
3355
    tabbar tabbox > tab button.flat, tabbar tabbox > tab .selection-mode windowcontrols button, .selection-mode windowcontrols tabbar tabbox > tab button,
3356
    tabbar tabbox > tabboxchild > tab button.flat {
3357
      padding: 0;
3358
      margin: 4px;
3359
      min-width: 20px;
3360
      min-height: 20px;
3361
      border-radius: 10px; }
3362
      tabbar tabbox > tab button.flat:hover, tabbar tabbox > tab .selection-mode windowcontrols button:hover, .selection-mode windowcontrols tabbar tabbox > tab button:hover,
3363
      tabbar tabbox > tabboxchild > tab button.flat:hover {
3364
        background-color: #424045;
3365
        color: #ffffff; }
3366
    tabbar tabbox > tab:checked, tabbar tabbox > tab:selected,
3367
    tabbar tabbox > tabboxchild > tab:checked,
3368
    tabbar tabbox > tabboxchild > tab:selected {
3369
      background-color: #1c1b1d;
3370
      color: white; }
3371
3372
/*********
3373
 * Paned *
3374
 *********/
3375
paned > separator {
3376
  min-width: 1px;
3377
  min-height: 1px;
3378
  -gtk-icon-source: none;
3379
  border-style: none;
3380
  background-color: transparent;
3381
  background-image: image(#2b2b2b);
3382
  background-size: 1px 1px; }
3383
  paned > separator:selected {
3384
    background-image: image(#e78a53); }
3385
  paned > separator:backdrop {
3386
    background-image: image(#292829); }
3387
  paned > separator.wide {
3388
    min-width: 5px;
3389
    min-height: 5px;
3390
    background-color: #121113;
3391
    background-image: image(#2b2b2b), image(#2b2b2b);
3392
    background-size: 1px 1px, 1px 1px; }
3393
    paned > separator.wide:backdrop, progressbar:backdrop paned > progress.wide, progressbar:backdrop paned > trough.wide, label:backdrop paned > selection.wide {
3394
      background-color: #121113;
3395
      background-image: image(#292829), image(#292829); }
3396
3397
paned.horizontal > separator {
3398
  background-repeat: repeat-y; }
3399
  paned.horizontal > separator:dir(ltr) {
3400
    margin: 0 -8px 0 0;
3401
    padding: 0 8px 0 0;
3402
    background-position: left; }
3403
  paned.horizontal > separator:dir(rtl) {
3404
    margin: 0 0 0 -8px;
3405
    padding: 0 0 0 8px;
3406
    background-position: right; }
3407
  paned.horizontal > separator.wide {
3408
    margin: 0;
3409
    padding: 0;
3410
    background-repeat: repeat-y, repeat-y;
3411
    background-position: left, right; }
3412
3413
paned.vertical > separator {
3414
  margin: 0 0 -8px 0;
3415
  padding: 0 0 8px 0;
3416
  background-repeat: repeat-x;
3417
  background-position: top; }
3418
  paned.vertical > separator.wide {
3419
    margin: 0;
3420
    padding: 0;
3421
    background-repeat: repeat-x, repeat-x;
3422
    background-position: bottom, top; }
3423
3424
/************
3425
 * Pathbars *
3426
 ************/
3427
.path-bar button.text-button, .path-bar button.image-button, .path-bar button {
3428
  padding-left: 4px;
3429
  padding-right: 4px; }
3430
3431
.path-bar button.text-button.image-button label {
3432
  padding-left: 0;
3433
  padding-right: 0; }
3434
3435
.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child {
3436
  padding-right: 8px; }
3437
3438
.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child {
3439
  padding-left: 8px; }
3440
3441
.path-bar button image {
3442
  padding-left: 4px;
3443
  padding-right: 4px; }
3444
3445
.path-bar button.slider-button {
3446
  padding-left: 0;
3447
  padding-right: 0; }
3448
3449
#NautilusPathBar, .pathbar, .nautilus-pathbar {
3450
  color: #ffffff;
3451
  border-radius: 6px;
3452
  text-shadow: none;
3453
  box-shadow: none;
3454
  border: 1px solid #2b2b2b;
3455
  background-color: #1c1b1e; }
3456
  #NautilusPathBar .dim-label, #NautilusPathBar label.separator,
3457
  #NautilusPathBar headerbar .subtitle,
3458
  headerbar #NautilusPathBar .subtitle, #NautilusPathBar .titlebar .subtitle, .titlebar #NautilusPathBar .subtitle, .pathbar .dim-label, .pathbar label.separator,
3459
  .pathbar headerbar .subtitle,
3460
  headerbar .pathbar .subtitle, .pathbar .titlebar .subtitle, .titlebar .pathbar .subtitle, .nautilus-pathbar .dim-label, .nautilus-pathbar label.separator,
3461
  .nautilus-pathbar headerbar .subtitle,
3462
  headerbar .nautilus-pathbar .subtitle, .nautilus-pathbar .titlebar .subtitle, .titlebar .nautilus-pathbar .subtitle {
3463
    color: transparent;
3464
    margin-right: -5px; }
3465
  #NautilusPathBar button .horizontal > .dim-label, #NautilusPathBar button .horizontal > label.separator,
3466
  #NautilusPathBar button headerbar .horizontal > .subtitle,
3467
  headerbar #NautilusPathBar button .horizontal > .subtitle, #NautilusPathBar button .titlebar .horizontal > .subtitle, .titlebar #NautilusPathBar button .horizontal > .subtitle, .pathbar button .horizontal > .dim-label, .pathbar button .horizontal > label.separator,
3468
  .pathbar button headerbar .horizontal > .subtitle,
3469
  headerbar .pathbar button .horizontal > .subtitle, .pathbar button .titlebar .horizontal > .subtitle, .titlebar .pathbar button .horizontal > .subtitle, .nautilus-pathbar button .horizontal > .dim-label, .nautilus-pathbar button .horizontal > label.separator,
3470
  .nautilus-pathbar button headerbar .horizontal > .subtitle,
3471
  headerbar .nautilus-pathbar button .horizontal > .subtitle, .nautilus-pathbar button .titlebar .horizontal > .subtitle, .titlebar .nautilus-pathbar button .horizontal > .subtitle {
3472
    color: #ffffff;
3473
    padding: 5.5px 12px;
3474
    margin: 0;
3475
    border-right: 1px solid #2b2b2b; }
3476
  #NautilusPathBar button:hover .dim-label, #NautilusPathBar button:hover label.separator,
3477
  #NautilusPathBar button:hover headerbar .subtitle,
3478
  headerbar #NautilusPathBar button:hover .subtitle, #NautilusPathBar button:hover .titlebar .subtitle, .titlebar #NautilusPathBar button:hover .subtitle, #NautilusPathBar button:focus .dim-label, #NautilusPathBar button:focus label.separator,
3479
  #NautilusPathBar button:focus headerbar .subtitle,
3480
  headerbar #NautilusPathBar button:focus .subtitle, #NautilusPathBar button:focus .titlebar .subtitle, .titlebar #NautilusPathBar button:focus .subtitle, .pathbar button:hover .dim-label, .pathbar button:hover label.separator,
3481
  .pathbar button:hover headerbar .subtitle,
3482
  headerbar .pathbar button:hover .subtitle, .pathbar button:hover .titlebar .subtitle, .titlebar .pathbar button:hover .subtitle, .pathbar button:focus .dim-label, .pathbar button:focus label.separator,
3483
  .pathbar button:focus headerbar .subtitle,
3484
  headerbar .pathbar button:focus .subtitle, .pathbar button:focus .titlebar .subtitle, .titlebar .pathbar button:focus .subtitle, .nautilus-pathbar button:hover .dim-label, .nautilus-pathbar button:hover label.separator,
3485
  .nautilus-pathbar button:hover headerbar .subtitle,
3486
  headerbar .nautilus-pathbar button:hover .subtitle, .nautilus-pathbar button:hover .titlebar .subtitle, .titlebar .nautilus-pathbar button:hover .subtitle, .nautilus-pathbar button:focus .dim-label, .nautilus-pathbar button:focus label.separator,
3487
  .nautilus-pathbar button:focus headerbar .subtitle,
3488
  headerbar .nautilus-pathbar button:focus .subtitle, .nautilus-pathbar button:focus .titlebar .subtitle, .titlebar .nautilus-pathbar button:focus .subtitle {
3489
    color: #e78a53;
3490
    text-shadow: none;
3491
    background-color: rgba(231, 138, 83, 0.7); }
3492
  #NautilusPathBar button > .horizontal > image.dim-label, .pathbar button > .horizontal > image.dim-label, .nautilus-pathbar button > .horizontal > image.dim-label {
3493
    padding: 3px 0px 3px 12px;
3494
    border-right: none;
3495
    margin-right: -6px;
3496
    border-radius: 6px 0px 0px 6px; }
3497
  #NautilusPathBar button, .pathbar button, .nautilus-pathbar button {
3498
    background: transparent;
3499
    border: none;
3500
    margin: 0;
3501
    padding: 0; }
3502
  #NautilusPathBar .flat.popup, #NautilusPathBar .selection-mode windowcontrols button.popup, .selection-mode windowcontrols #NautilusPathBar button.popup, #NautilusPathBar notebook > header > tabs > arrow.popup, .pathbar .flat.popup, .pathbar .selection-mode windowcontrols button.popup, .selection-mode windowcontrols .pathbar button.popup, .pathbar notebook > header > tabs > arrow.popup, .nautilus-pathbar .flat.popup, .nautilus-pathbar .selection-mode windowcontrols button.popup, .selection-mode windowcontrols .nautilus-pathbar button.popup, .nautilus-pathbar notebook > header > tabs > arrow.popup {
3503
    margin: 0; }
3504
    #NautilusPathBar .flat.popup button, #NautilusPathBar .selection-mode windowcontrols button.popup button, .selection-mode windowcontrols #NautilusPathBar button.popup button, #NautilusPathBar notebook > header > tabs > arrow.popup button, .pathbar .flat.popup button, .pathbar .selection-mode windowcontrols button.popup button, .selection-mode windowcontrols .pathbar button.popup button, .pathbar notebook > header > tabs > arrow.popup button, .nautilus-pathbar .flat.popup button, .nautilus-pathbar .selection-mode windowcontrols button.popup button, .selection-mode windowcontrols .nautilus-pathbar button.popup button, .nautilus-pathbar notebook > header > tabs > arrow.popup button {
3505
      padding: 4px 6px;
3506
      border-top-left-radius: 0px;
3507
      border-bottom-left-radius: 0px; }
3508
      #NautilusPathBar .flat.popup button:hover, #NautilusPathBar .selection-mode windowcontrols button.popup button:hover, .selection-mode windowcontrols #NautilusPathBar button.popup button:hover, #NautilusPathBar notebook > header > tabs > arrow.popup button:hover, #NautilusPathBar .flat.popup button:active, #NautilusPathBar .selection-mode windowcontrols button.popup button:active, .selection-mode windowcontrols #NautilusPathBar button.popup button:active, #NautilusPathBar notebook > header > tabs > arrow.popup button:active, #NautilusPathBar .flat.popup button:checked, #NautilusPathBar .selection-mode windowcontrols button.popup button:checked, .selection-mode windowcontrols #NautilusPathBar button.popup button:checked, #NautilusPathBar notebook > header > tabs > arrow.popup button:checked, .pathbar .flat.popup button:hover, .pathbar .selection-mode windowcontrols button.popup button:hover, .selection-mode windowcontrols .pathbar button.popup button:hover, .pathbar notebook > header > tabs > arrow.popup button:hover, .pathbar .flat.popup button:active, .pathbar .selection-mode windowcontrols button.popup button:active, .selection-mode windowcontrols .pathbar button.popup button:active, .pathbar notebook > header > tabs > arrow.popup button:active, .pathbar .flat.popup button:checked, .pathbar .selection-mode windowcontrols button.popup button:checked, .selection-mode windowcontrols .pathbar button.popup button:checked, .pathbar notebook > header > tabs > arrow.popup button:checked, .nautilus-pathbar .flat.popup button:hover, .nautilus-pathbar .selection-mode windowcontrols button.popup button:hover, .selection-mode windowcontrols .nautilus-pathbar button.popup button:hover, .nautilus-pathbar notebook > header > tabs > arrow.popup button:hover, .nautilus-pathbar .flat.popup button:active, .nautilus-pathbar .selection-mode windowcontrols button.popup button:active, .selection-mode windowcontrols .nautilus-pathbar button.popup button:active, .nautilus-pathbar notebook > header > tabs > arrow.popup button:active, .nautilus-pathbar .flat.popup button:checked, .nautilus-pathbar .selection-mode windowcontrols button.popup button:checked, .selection-mode windowcontrols .nautilus-pathbar button.popup button:checked, .nautilus-pathbar notebook > header > tabs > arrow.popup button:checked {
3509
        color: #fff;
3510
        outline-color: rgba(255, 255, 255, 0.3);
3511
        background-color: rgba(231, 138, 83, 0.7);
3512
        text-shadow: none; }
3513
  #NautilusPathBar .current-dir label, .pathbar .current-dir label, .nautilus-pathbar .current-dir label {
3514
    padding: 5.5px 12px; }
3515
  #NautilusPathBar .current-dir label, #NautilusPathBar .current-dir image, .pathbar .current-dir label, .pathbar .current-dir image, .nautilus-pathbar .current-dir label, .nautilus-pathbar .current-dir image {
3516
    color: #fff;
3517
    outline-color: rgba(255, 255, 255, 0.3);
3518
    background-color: rgba(231, 138, 83, 0.7);
3519
    text-shadow: none; }
3520
  #NautilusPathBar button.current-dir:only-child image, #NautilusPathBar .linked:not(.vertical) > combobox:only-child > box > button.current-dir.combo image, #NautilusPathBar .linked.vertical > combobox:only-child > box > button.current-dir.combo image, .pathbar button.current-dir:only-child image, .pathbar .linked:not(.vertical) > combobox:only-child > box > button.current-dir.combo image, .pathbar .linked.vertical > combobox:only-child > box > button.current-dir.combo image, .nautilus-pathbar button.current-dir:only-child image, .nautilus-pathbar .linked:not(.vertical) > combobox:only-child > box > button.current-dir.combo image, .nautilus-pathbar .linked.vertical > combobox:only-child > box > button.current-dir.combo image {
3521
    margin-right: -6px;
3522
    padding: 0px 0px 0px 12px;
3523
    border-radius: 6px 0px 0px 6px; }
3524
3525
#NautilusQueryEditor > menubutton > button {
3526
  margin-right: -7px;
3527
  -gtk-icon-size: 12px;
3528
  border: none;
3529
  background-color: transparent; }
3530
  #NautilusQueryEditor > menubutton > button:hover image, #NautilusQueryEditor > menubutton > button:active image, #NautilusQueryEditor > menubutton > button:focus image, #NautilusQueryEditor > menubutton > button:checked image {
3531
    color: #121113; }
3532
3533
#NautilusQueryEditor > text, #NautilusQueryEditor > image {
3534
  margin: 0; }
3535
3536
/***************
3537
 * Popovers   *
3538
 ***************/
3539
popover.background {
3540
  background-color: transparent;
3541
  font: initial; }
3542
  popover.background > arrow,
3543
  popover.background > contents {
3544
    background-color: #121113;
3545
    background-clip: padding-box;
3546
    border: 1px solid #2b2b2b;
3547
    box-shadow: 0 4px 6px #2b2b2b;
3548
    color: #ffffff; }
3549
  popover.background:backdrop, progressbar:backdrop progress.background, progressbar:backdrop trough.background, label:backdrop selection.background {
3550
    background-color: transparent;
3551
    box-shadow: none; }
3552
  popover.background > contents {
3553
    padding: 8px;
3554
    border-radius: 5px; }
3555
    popover.background > contents > list,
3556
    popover.background > contents > .view,
3557
    popover.background > contents > iconview,
3558
    popover.background > contents > toolbar {
3559
      border-style: none;
3560
      background-color: transparent; }
3561
    popover.background > contents separator {
3562
      background-color: #19181a;
3563
      margin: 3px; }
3564
    popover.background > contents list separator {
3565
      margin: 0; }
3566
  .osd popover.background, popover.background.touch-selection, popover.background.magnifier {
3567
    background-color: transparent; }
3568
    .osd popover.background > arrow,
3569
    .osd popover.background > contents, popover.background.touch-selection > arrow,
3570
    popover.background.touch-selection > contents, popover.background.magnifier > arrow,
3571
    popover.background.magnifier > contents {
3572
      border: 1px solid rgba(255, 255, 255, 0.1);
3573
      box-shadow: none; }
3574
3575
magnifier {
3576
  background-color: #1c1b1d; }
3577
3578
/**********************
3579
 * Popover Base Menus *
3580
 **********************/
3581
popover.menu {
3582
  padding: 0; }
3583
  popover.menu box.inline-buttons {
3584
    padding: 0 12px; }
3585
    popover.menu box.inline-buttons button.image-button.model {
3586
      border-color: transparent;
3587
      background-color: transparent;
3588
      background-image: none;
3589
      box-shadow: inset 0 1px rgba(255, 255, 255, 0);
3590
      text-shadow: none;
3591
      -gtk-icon-shadow: none;
3592
      min-height: 30px;
3593
      min-width: 30px;
3594
      padding: 0;
3595
      border: none;
3596
      outline: none;
3597
      transition: none; }
3598
      popover.menu box.inline-buttons button.image-button.model:selected {
3599
        background: image(#222222); }
3600
  popover.menu box.circular-buttons {
3601
    padding: 12px 12px 6px; }
3602
    popover.menu box.circular-buttons button.circular.image-button.model {
3603
      padding: 11px; }
3604
      popover.menu box.circular-buttons button.circular.image-button.model:focus {
3605
        background-color: #222222;
3606
        border-color: #222222; }
3607
  popover.menu > arrow, popover.menu.background > contents {
3608
    background-color: #121113;
3609
    color: #ffffff;
3610
    padding: 5px; }
3611
    popover.menu > arrow .view, popover.menu > arrow iconview, popover.menu.background > contents .view, popover.menu.background > contents iconview {
3612
      background-color: transparent; }
3613
      popover.menu > arrow .view row, popover.menu > arrow iconview row, popover.menu.background > contents .view row, popover.menu.background > contents iconview row {
3614
        margin: 0; }
3615
  popover.menu.background separator {
3616
    margin: 6px 0; }
3617
  popover.menu accelerator {
3618
    color: alpha(currentColor,0.55); }
3619
    popover.menu accelerator:dir(ltr) {
3620
      margin-left: 12px; }
3621
    popover.menu accelerator:dir(rtl) {
3622
      margin-right: 12px; }
3623
  popover.menu check:hover, popover.menu check:active,
3624
  popover.menu radio:hover,
3625
  popover.menu radio:active {
3626
    background-color: transparent; }
3627
  popover.menu radio {
3628
    border-color: #2b2b2b; }
3629
    popover.menu radio:active {
3630
      border-color: rgba(43, 43, 43, 0.5); }
3631
  popover.menu arrow.left,
3632
  popover.menu radio.left,
3633
  popover.menu check.left {
3634
    margin-left: -2px;
3635
    margin-right: 6px; }
3636
  popover.menu arrow.right,
3637
  popover.menu radio.right,
3638
  popover.menu check.right {
3639
    margin-left: 6px;
3640
    margin-right: -2px; }
3641
  popover.menu modelbutton, popover.menu.background > contents .view row, popover.menu.background > contents iconview row {
3642
    min-height: 30px;
3643
    min-width: 40px;
3644
    padding: 0 12px;
3645
    border-radius: 5px; }
3646
    popover.menu modelbutton:selected, popover.menu.background > contents .view row:selected, popover.menu.background > contents iconview row:selected {
3647
      background-color: #222222; }
3648
      popover.menu modelbutton:selected, popover.menu modelbutton:selected label, popover.menu.background > contents .view row:selected, popover.menu.background > contents iconview row:selected, popover.menu.background > contents .view row:selected label, popover.menu.background > contents iconview row:selected label {
3649
        color: #ffffff; }
3650
    popover.menu modelbutton:selected:active, popover.menu.background > contents .view row:selected:active, popover.menu.background > contents iconview row:selected:active {
3651
      background-color: #3c3c3c; }
3652
  popover.menu label.title {
3653
    font-weight: bold;
3654
    padding: 4px 32px; }
3655
3656
/*****************
3657
 * Progress bars *
3658
 *****************/
3659
progressbar {
3660
  font-size: smaller;
3661
  color: rgba(255, 255, 255, 0.4); }
3662
  progressbar.horizontal trough,
3663
  progressbar.horizontal progress {
3664
    min-height: 6px; }
3665
  progressbar.vertical trough,
3666
  progressbar.vertical progress {
3667
    min-width: 6px; }
3668
  progressbar.horizontal progress {
3669
    margin: 0; }
3670
  progressbar.vertical progress {
3671
    margin: 0; }
3672
  progressbar:backdrop {
3673
    box-shadow: none;
3674
    transition: 200ms ease-out; }
3675
  progressbar.osd {
3676
    min-width: 3px;
3677
    min-height: 3px;
3678
    background-color: transparent; }
3679
    progressbar.osd trough {
3680
      border-style: none;
3681
      border-radius: 0;
3682
      background-color: transparent;
3683
      box-shadow: none; }
3684
    progressbar.osd progress {
3685
      border-style: none;
3686
      border-radius: 0; }
3687
3688
/************
3689
 * GtkScale *
3690
 ************/
3691
scale fill, scale trough, progressbar trough, progressbar:backdrop trough {
3692
  background-color: rgba(255, 255, 255, 0.14);
3693
  border: none;
3694
  border-radius: 3px;
3695
  margin: 0; }
3696
  scale fill:disabled, scale trough:disabled {
3697
    background-color: rgba(255, 255, 255, 0.06); }
3698
  scale fill:backdrop, scale trough:backdrop {
3699
    background-color: rgba(255, 255, 255, 0.06);
3700
    transition: 200ms ease-out; }
3701
    scale fill:backdrop:disabled, scale trough:backdrop:disabled {
3702
      background-color: rgba(255, 255, 255, 0.06); }
3703
3704
scale highlight, progressbar progress, progressbar:backdrop progress {
3705
  border: none;
3706
  background-color: #e78a53;
3707
  border-radius: 3px;
3708
  margin: 0; }
3709
  scale highlight:disabled {
3710
    border: none;
3711
    background-color: rgba(255, 255, 255, 0.14); }
3712
  scale highlight:backdrop {
3713
    border-color: #ea9969;
3714
    background-color: #ea9969; }
3715
    scale highlight:backdrop:disabled {
3716
      background-color: rgba(255, 255, 255, 0.06); }
3717
3718
scale {
3719
  min-height: 16px;
3720
  min-width: 16px;
3721
  padding: 8px; }
3722
  scale.horizontal trough,
3723
  scale.horizontal progress {
3724
    min-height: 6px; }
3725
  scale.vertical trough,
3726
  scale.vertical progress {
3727
    min-width: 6px; }
3728
  scale slider {
3729
    min-height: 16px;
3730
    min-width: 16px;
3731
    margin: -7px;
3732
    background-color: #1c1b1d;
3733
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
3734
    border-radius: 12px;
3735
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
3736
    transition-property: background, border, box-shadow; }
3737
    scale slider:active {
3738
      background-color: #e78a53; }
3739
      scale slider:active:disabled, scale label:disabled selection:active, label:disabled scale selection:active {
3740
        background-color: #161517;
3741
        box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.05); }
3742
  scale.fine-tune.horizontal {
3743
    padding-top: 9px;
3744
    padding-bottom: 9px;
3745
    min-height: 16px; }
3746
  scale.fine-tune.vertical {
3747
    padding-left: 9px;
3748
    padding-right: 9px;
3749
    min-width: 16px; }
3750
  scale.fine-tune slider {
3751
    margin: -6px; }
3752
  scale.fine-tune fill,
3753
  scale.fine-tune highlight,
3754
  scale.fine-tune trough {
3755
    border-radius: 5px; }
3756
  scale trough {
3757
    outline-offset: 2px;
3758
    outline-color: transparent; }
3759
  scale fill:backdrop, scale fill {
3760
    background-color: #2b2b2b; }
3761
  scale fill:disabled:backdrop, scale fill:disabled {
3762
    border-color: transparent;
3763
    background-color: transparent; }
3764
  .osd scale fill {
3765
    background-color: #606060; }
3766
    .osd scale fill:disabled:backdrop, .osd scale fill:disabled {
3767
      border-color: transparent;
3768
      background-color: transparent; }
3769
  scale slider {
3770
    border-color: #f1f1f1;
3771
    border: none;
3772
    border-radius: 12px;
3773
    background-color: #f1f1f1; }
3774
    scale slider:active {
3775
      border-color: #e16c26; }
3776
    scale slider:disabled {
3777
      background-color: #b2b2b2;
3778
      box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }
3779
    scale slider:backdrop, scale slider:backdrop:disabled {
3780
      transition: 200ms ease-out;
3781
      background-color: #b2b2b2;
3782
      box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }
3783
    row:selected scale slider:disabled, row:selected scale slider {
3784
      border-color: #e16c26; }
3785
    .osd scale slider {
3786
      color: #ffffff;
3787
      border-color: #2b2b2b;
3788
      background-color: rgba(18, 17, 19, 0.93);
3789
      background-clip: padding-box;
3790
      text-shadow: 0 1px black;
3791
      -gtk-icon-shadow: 0 1px black;
3792
      outline-color: rgba(255, 255, 255, 0.3);
3793
      border-color: #232323;
3794
      background-color: #f1f1f1; }
3795
      .osd scale slider:hover {
3796
        color: white;
3797
        border-color: #2b2b2b;
3798
        background-image: linear-gradient(to bottom, rgba(49, 46, 51, 0.93), rgba(49, 46, 51, 0.93));
3799
        background-clip: padding-box;
3800
        text-shadow: 0 1px black;
3801
        -gtk-icon-shadow: 0 1px black;
3802
        outline-color: rgba(255, 255, 255, 0.3);
3803
        background-color: #f1f1f1; }
3804
      .osd scale slider:active {
3805
        color: white;
3806
        border-color: #2b2b2b;
3807
        background-image: linear-gradient(to bottom, rgba(33, 31, 35, 0.93), rgba(33, 31, 35, 0.93));
3808
        background-clip: padding-box;
3809
        text-shadow: none;
3810
        -gtk-icon-shadow: none;
3811
        outline-color: rgba(255, 255, 255, 0.3);
3812
        background-color: #f1f1f1; }
3813
      .osd scale slider:disabled {
3814
        color: #898889;
3815
        border-color: #2b2b2b;
3816
        background-image: linear-gradient(to bottom, rgba(42, 41, 43, 0.5), rgba(42, 41, 43, 0.5));
3817
        background-clip: padding-box;
3818
        box-shadow: none;
3819
        text-shadow: none;
3820
        -gtk-icon-shadow: none;
3821
        background-color: #f1f1f1; }
3822
      .osd scale slider:backdrop {
3823
        color: #ffffff;
3824
        border-color: #2b2b2b;
3825
        background-image: linear-gradient(to bottom, rgba(178, 178, 178, 0.5), rgba(178, 178, 178, 0.5));
3826
        background-clip: padding-box;
3827
        box-shadow: none;
3828
        text-shadow: none;
3829
        -gtk-icon-shadow: none;
3830
        background-color: #b2b2b2; }
3831
        .osd scale slider:backdrop:disabled {
3832
          background-color: #f1f1f1; }
3833
  scale value {
3834
    color: alpha(currentColor,0.4); }
3835
  scale.horizontal > marks {
3836
    color: alpha(currentColor,0.55); }
3837
    scale.horizontal > marks.top {
3838
      margin-bottom: 6px; }
3839
    scale.horizontal > marks.bottom {
3840
      margin-top: 6px; }
3841
    scale.horizontal > marks indicator {
3842
      background-color: currentColor;
3843
      min-height: 6px;
3844
      min-width: 1px; }
3845
  scale.horizontal > value.left {
3846
    margin-right: 9px; }
3847
  scale.horizontal > value.right {
3848
    margin-left: 9px; }
3849
  scale.horizontal.fine-tune > marks.top {
3850
    margin-top: 3px; }
3851
  scale.horizontal.fine-tune > marks.bottom {
3852
    margin-bottom: 3px; }
3853
  scale.horizontal.fine-tune > marks indicator {
3854
    min-height: 3px; }
3855
  scale.vertical > marks {
3856
    color: alpha(currentColor,0.55); }
3857
    scale.vertical > marks.top {
3858
      margin-right: 6px; }
3859
    scale.vertical > marks.bottom {
3860
      margin-left: 6px; }
3861
    scale.vertical > marks indicator {
3862
      background-color: currentColor;
3863
      min-height: 1px;
3864
      min-width: 6px; }
3865
  scale.vertical > value.top {
3866
    margin-bottom: 9px; }
3867
  scale.vertical > value.bottom {
3868
    margin-top: 9px; }
3869
  scale.vertical.fine-tune > marks.top {
3870
    margin-left: 3px; }
3871
  scale.vertical.fine-tune > marks.bottom {
3872
    margin-right: 3px; }
3873
  scale.vertical.fine-tune > marks indicator {
3874
    min-height: 3px; }
3875
  scale.horizontal indicator {
3876
    min-height: 6px;
3877
    min-width: 1px; }
3878
  scale.horizontal.fine-tune indicator {
3879
    min-height: 3px; }
3880
  scale.vertical indicator {
3881
    min-height: 1px;
3882
    min-width: 6px; }
3883
  scale.vertical.fine-tune indicator {
3884
    min-width: 3px; }
3885
  scale.horizontal.marks-before:not(.marks-after) slider {
3886
    min-height: 16px;
3887
    min-width: 16px;
3888
    margin: -7px;
3889
    border: none;
3890
    border-radius: 50%;
3891
    background-color: #f1f1f1;
3892
    box-shadow: none; }
3893
  scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
3894
    margin: -7px; }
3895
  scale.horizontal.marks-before:not(.marks-after) slider:hover {
3896
    min-height: 16px;
3897
    min-width: 16px;
3898
    margin: -7px;
3899
    border: none;
3900
    border-radius: 50%;
3901
    background-color: #f1f1f1;
3902
    box-shadow: none; }
3903
  scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
3904
    margin: -7px; }
3905
  scale.horizontal.marks-before:not(.marks-after) slider:active {
3906
    min-height: 16px;
3907
    min-width: 16px;
3908
    margin: -7px;
3909
    border: none;
3910
    border-radius: 50%;
3911
    background-color: #f1f1f1;
3912
    box-shadow: none; }
3913
  scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
3914
    margin: -7px; }
3915
  scale.horizontal.marks-before:not(.marks-after) slider:disabled {
3916
    min-height: 16px;
3917
    min-width: 16px;
3918
    margin: -7px;
3919
    border: none;
3920
    border-radius: 50%;
3921
    background-color: #f1f1f1;
3922
    box-shadow: none; }
3923
  scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
3924
    margin: -7px; }
3925
  scale.horizontal.marks-before:not(.marks-after) slider:backdrop {
3926
    min-height: 16px;
3927
    min-width: 16px;
3928
    margin: -7px;
3929
    border: none;
3930
    border-radius: 50%;
3931
    background-color: #f1f1f1;
3932
    box-shadow: none; }
3933
  scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
3934
    margin: -7px; }
3935
  scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled {
3936
    min-height: 16px;
3937
    min-width: 16px;
3938
    margin: -7px;
3939
    border: none;
3940
    border-radius: 50%;
3941
    background-color: #f1f1f1;
3942
    box-shadow: none; }
3943
  scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
3944
    margin: -7px; }
3945
  scale.horizontal.marks-after:not(.marks-before) slider {
3946
    min-height: 16px;
3947
    min-width: 16px;
3948
    margin: -7px;
3949
    border: none;
3950
    border-radius: 50%;
3951
    background-color: #f1f1f1;
3952
    box-shadow: none; }
3953
  scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
3954
    margin: -7px; }
3955
  scale.horizontal.marks-after:not(.marks-before) slider:hover {
3956
    min-height: 16px;
3957
    min-width: 16px;
3958
    margin: -7px;
3959
    border: none;
3960
    border-radius: 50%;
3961
    background-color: #f1f1f1;
3962
    box-shadow: none; }
3963
  scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
3964
    margin: -7px; }
3965
  scale.horizontal.marks-after:not(.marks-before) slider:active {
3966
    min-height: 16px;
3967
    min-width: 16px;
3968
    margin: -7px;
3969
    border: none;
3970
    border-radius: 50%;
3971
    background-color: #f1f1f1;
3972
    box-shadow: none; }
3973
  scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
3974
    margin: -7px; }
3975
  scale.horizontal.marks-after:not(.marks-before) slider:disabled {
3976
    min-height: 16px;
3977
    min-width: 16px;
3978
    margin: -7px;
3979
    border: none;
3980
    border-radius: 50%;
3981
    background-color: #f1f1f1;
3982
    box-shadow: none; }
3983
  scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
3984
    margin: -7px; }
3985
  scale.horizontal.marks-after:not(.marks-before) slider:backdrop {
3986
    min-height: 16px;
3987
    min-width: 16px;
3988
    margin: -7px;
3989
    border: none;
3990
    border-radius: 50%;
3991
    background-color: #f1f1f1;
3992
    box-shadow: none; }
3993
  scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
3994
    margin: -7px; }
3995
  scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled {
3996
    min-height: 16px;
3997
    min-width: 16px;
3998
    margin: -7px;
3999
    border: none;
4000
    border-radius: 50%;
4001
    background-color: #f1f1f1;
4002
    box-shadow: none; }
4003
  scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
4004
    margin: -7px; }
4005
  scale.vertical.marks-before:not(.marks-after) slider {
4006
    min-height: 16px;
4007
    min-width: 16px;
4008
    margin: -7px;
4009
    border: none;
4010
    border-radius: 50%;
4011
    background-color: #f1f1f1;
4012
    box-shadow: none; }
4013
  scale.vertical.marks-before:not(.marks-after).fine-tune slider {
4014
    margin: -7px; }
4015
  scale.vertical.marks-before:not(.marks-after) slider:hover {
4016
    min-height: 16px;
4017
    min-width: 16px;
4018
    margin: -7px;
4019
    border: none;
4020
    border-radius: 50%;
4021
    background-color: #f1f1f1;
4022
    box-shadow: none; }
4023
  scale.vertical.marks-before:not(.marks-after).fine-tune slider {
4024
    margin: -7px; }
4025
  scale.vertical.marks-before:not(.marks-after) slider:active {
4026
    min-height: 16px;
4027
    min-width: 16px;
4028
    margin: -7px;
4029
    border: none;
4030
    border-radius: 50%;
4031
    background-color: #f1f1f1;
4032
    box-shadow: none; }
4033
  scale.vertical.marks-before:not(.marks-after).fine-tune slider {
4034
    margin: -7px; }
4035
  scale.vertical.marks-before:not(.marks-after) slider:disabled {
4036
    min-height: 16px;
4037
    min-width: 16px;
4038
    margin: -7px;
4039
    border: none;
4040
    border-radius: 50%;
4041
    background-color: #f1f1f1;
4042
    box-shadow: none; }
4043
  scale.vertical.marks-before:not(.marks-after).fine-tune slider {
4044
    margin: -7px; }
4045
  scale.vertical.marks-before:not(.marks-after) slider:backdrop {
4046
    min-height: 16px;
4047
    min-width: 16px;
4048
    margin: -7px;
4049
    border: none;
4050
    border-radius: 50%;
4051
    background-color: #f1f1f1;
4052
    box-shadow: none; }
4053
  scale.vertical.marks-before:not(.marks-after).fine-tune slider {
4054
    margin: -7px; }
4055
  scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled {
4056
    min-height: 16px;
4057
    min-width: 16px;
4058
    margin: -7px;
4059
    border: none;
4060
    border-radius: 50%;
4061
    background-color: #f1f1f1;
4062
    box-shadow: none; }
4063
  scale.vertical.marks-before:not(.marks-after).fine-tune slider {
4064
    margin: -7px; }
4065
  scale.vertical.marks-after:not(.marks-before) slider {
4066
    min-height: 16px;
4067
    min-width: 16px;
4068
    margin: -7px;
4069
    border: none;
4070
    border-radius: 50%;
4071
    background-color: #f1f1f1;
4072
    box-shadow: none; }
4073
  scale.vertical.marks-after:not(.marks-before).fine-tune slider {
4074
    margin: -7px; }
4075
  scale.vertical.marks-after:not(.marks-before) slider:hover {
4076
    min-height: 16px;
4077
    min-width: 16px;
4078
    margin: -7px;
4079
    border: none;
4080
    border-radius: 50%;
4081
    background-color: #f1f1f1;
4082
    box-shadow: none; }
4083
  scale.vertical.marks-after:not(.marks-before).fine-tune slider {
4084
    margin: -7px; }
4085
  scale.vertical.marks-after:not(.marks-before) slider:active {
4086
    min-height: 16px;
4087
    min-width: 16px;
4088
    margin: -7px;
4089
    border: none;
4090
    border-radius: 50%;
4091
    background-color: #f1f1f1;
4092
    box-shadow: none; }
4093
  scale.vertical.marks-after:not(.marks-before).fine-tune slider {
4094
    margin: -7px; }
4095
  scale.vertical.marks-after:not(.marks-before) slider:disabled {
4096
    min-height: 16px;
4097
    min-width: 16px;
4098
    margin: -7px;
4099
    border: none;
4100
    border-radius: 50%;
4101
    background-color: #f1f1f1;
4102
    box-shadow: none; }
4103
  scale.vertical.marks-after:not(.marks-before).fine-tune slider {
4104
    margin: -7px; }
4105
  scale.vertical.marks-after:not(.marks-before) slider:backdrop {
4106
    min-height: 16px;
4107
    min-width: 16px;
4108
    margin: -7px;
4109
    border: none;
4110
    border-radius: 50%;
4111
    background-color: #f1f1f1;
4112
    box-shadow: none; }
4113
  scale.vertical.marks-after:not(.marks-before).fine-tune slider {
4114
    margin: -7px; }
4115
  scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled {
4116
    min-height: 16px;
4117
    min-width: 16px;
4118
    margin: -7px;
4119
    border: none;
4120
    border-radius: 50%;
4121
    background-color: #f1f1f1;
4122
    box-shadow: none; }
4123
  scale.vertical.marks-after:not(.marks-before).fine-tune slider {
4124
    margin: -7px; }
4125
  scale.color {
4126
    min-height: 0;
4127
    min-width: 0; }
4128
    scale.color trough {
4129
      background-image: image(#2b2b2b);
4130
      background-repeat: no-repeat; }
4131
    scale.color.horizontal {
4132
      padding: 0 0 15px 0; }
4133
      scale.color.horizontal trough {
4134
        padding-bottom: 4px;
4135
        background-position: 0 -3px;
4136
        border-top-left-radius: 0;
4137
        border-top-right-radius: 0; }
4138
      scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal label:backdrop selection:dir(ltr), label:backdrop scale.color.horizontal selection:dir(ltr), scale.color.horizontal progressbar:backdrop trough:dir(ltr), progressbar:backdrop scale.color.horizontal trough:dir(ltr), scale.color.horizontal progressbar:backdrop progress:dir(ltr), progressbar:backdrop scale.color.horizontal progress:dir(ltr), scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal label:disabled selection:dir(ltr), label:disabled scale.color.horizontal selection:dir(ltr), 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 label:backdrop selection:dir(rtl), label:backdrop scale.color.horizontal selection:dir(rtl), scale.color.horizontal progressbar:backdrop trough:dir(rtl), progressbar:backdrop scale.color.horizontal trough:dir(rtl), scale.color.horizontal progressbar:backdrop progress:dir(rtl), progressbar:backdrop scale.color.horizontal progress:dir(rtl), scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal label:disabled selection:dir(rtl), label:disabled scale.color.horizontal selection:dir(rtl), scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) {
4139
        margin-bottom: -15px;
4140
        margin-top: 6px; }
4141
    scale.color.vertical:dir(ltr) {
4142
      padding: 0 0 0 15px; }
4143
      scale.color.vertical:dir(ltr) trough {
4144
        padding-left: 4px;
4145
        background-position: 3px 0;
4146
        border-bottom-right-radius: 0;
4147
        border-top-right-radius: 0; }
4148
      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 {
4149
        margin-left: -15px;
4150
        margin-right: 6px; }
4151
    scale.color.vertical:dir(rtl) {
4152
      padding: 0 15px 0 0; }
4153
      scale.color.vertical:dir(rtl) trough {
4154
        padding-right: 4px;
4155
        background-position: -3px 0;
4156
        border-bottom-left-radius: 0;
4157
        border-top-left-radius: 0; }
4158
      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 {
4159
        margin-right: -15px;
4160
        margin-left: 6px; }
4161
    scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) {
4162
      padding: 0 0 12px 0; }
4163
      scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough {
4164
        padding-bottom: 7px;
4165
        background-position: 0 -6px; }
4166
      scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider {
4167
        margin-bottom: -15px;
4168
        margin-top: 6px; }
4169
    scale.color.fine-tune.vertical:dir(ltr) {
4170
      padding: 0 0 0 12px; }
4171
      scale.color.fine-tune.vertical:dir(ltr) trough {
4172
        padding-left: 7px;
4173
        background-position: 6px 0; }
4174
      scale.color.fine-tune.vertical:dir(ltr) slider {
4175
        margin-left: -15px;
4176
        margin-right: 6px; }
4177
    scale.color.fine-tune.vertical:dir(rtl) {
4178
      padding: 0 12px 0 0; }
4179
      scale.color.fine-tune.vertical:dir(rtl) trough {
4180
        padding-right: 7px;
4181
        background-position: -6px 0; }
4182
      scale.color.fine-tune.vertical:dir(rtl) slider {
4183
        margin-right: -15px;
4184
        margin-left: 6px; }
4185
4186
/**************
4187
 * Scrollbars *
4188
 **************/
4189
scrollbar {
4190
  background-color: #171618;
4191
  transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
4192
  scrollbar.top {
4193
    border-bottom: 1px solid #2b2b2b; }
4194
  scrollbar.bottom {
4195
    border-top: 1px solid #2b2b2b; }
4196
  scrollbar.left {
4197
    border-right: 1px solid #2b2b2b; }
4198
  scrollbar.right {
4199
    border-left: 1px solid #2b2b2b; }
4200
  scrollbar:backdrop {
4201
    background-color: #0a0a0b;
4202
    border-color: #292829;
4203
    transition: 200ms ease-out; }
4204
  scrollbar slider {
4205
    min-width: 6px;
4206
    min-height: 6px;
4207
    margin: -1px;
4208
    border: 4px solid transparent;
4209
    border-radius: 8px;
4210
    background-clip: padding-box;
4211
    background-color: #888888; }
4212
    scrollbar slider:hover {
4213
      background-color: #c1c1c1; }
4214
    scrollbar slider:hover:active {
4215
      background-color: #e78a53; }
4216
    scrollbar slider:backdrop {
4217
      background-color: #424142; }
4218
    scrollbar slider:disabled {
4219
      background-color: transparent; }
4220
  scrollbar.fine-tune slider {
4221
    min-width: 4px;
4222
    min-height: 4px; }
4223
  scrollbar.fine-tune.horizontal slider {
4224
    border-width: 5px 4px; }
4225
  scrollbar.fine-tune.vertical slider {
4226
    border-width: 4px 5px; }
4227
  scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
4228
    border-color: transparent;
4229
    opacity: 0.4;
4230
    background-color: transparent; }
4231
    scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
4232
      margin: 0;
4233
      min-width: 3px;
4234
      min-height: 3px;
4235
      background-color: #ffffff;
4236
      border: 1px solid black; }
4237
    scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
4238
      min-width: 5px;
4239
      min-height: 5px;
4240
      background-color: #ffffff;
4241
      background-clip: padding-box;
4242
      border-radius: 100%;
4243
      border: 1px solid black;
4244
      -gtk-icon-source: none; }
4245
    scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
4246
      margin: 0 2px;
4247
      min-width: 40px; }
4248
    scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
4249
      margin: 1px 2px;
4250
      min-width: 5px; }
4251
    scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
4252
      margin: 2px 0;
4253
      min-height: 40px; }
4254
    scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
4255
      margin: 2px 1px;
4256
      min-height: 5px; }
4257
  scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
4258
    opacity: 0.8; }
4259
  scrollbar.horizontal slider {
4260
    min-width: 40px; }
4261
  scrollbar.vertical slider {
4262
    min-height: 40px; }
4263
  scrollbar button {
4264
    padding: 0;
4265
    min-width: 12px;
4266
    min-height: 12px;
4267
    border-style: none;
4268
    border-radius: 0;
4269
    transition-property: min-height, min-width, color;
4270
    border-color: transparent;
4271
    background-color: transparent;
4272
    background-image: none;
4273
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
4274
    text-shadow: none;
4275
    -gtk-icon-shadow: none;
4276
    color: #888888; }
4277
    scrollbar button:hover {
4278
      border-color: transparent;
4279
      background-color: transparent;
4280
      background-image: none;
4281
      box-shadow: inset 0 1px rgba(255, 255, 255, 0);
4282
      text-shadow: none;
4283
      -gtk-icon-shadow: none;
4284
      color: #c1c1c1; }
4285
    scrollbar button:active, scrollbar button:checked {
4286
      border-color: transparent;
4287
      background-color: transparent;
4288
      background-image: none;
4289
      box-shadow: inset 0 1px rgba(255, 255, 255, 0);
4290
      text-shadow: none;
4291
      -gtk-icon-shadow: none;
4292
      color: #e78a53; }
4293
    scrollbar button:disabled {
4294
      border-color: transparent;
4295
      background-color: transparent;
4296
      background-image: none;
4297
      box-shadow: inset 0 1px rgba(255, 255, 255, 0);
4298
      text-shadow: none;
4299
      -gtk-icon-shadow: none;
4300
      color: rgba(136, 136, 136, 0.2); }
4301
    scrollbar button:backdrop {
4302
      border-color: transparent;
4303
      background-color: transparent;
4304
      background-image: none;
4305
      box-shadow: inset 0 1px rgba(255, 255, 255, 0);
4306
      text-shadow: none;
4307
      -gtk-icon-shadow: none;
4308
      color: #424142; }
4309
      scrollbar button:backdrop:disabled {
4310
        border-color: transparent;
4311
        background-color: transparent;
4312
        background-image: none;
4313
        box-shadow: inset 0 1px rgba(255, 255, 255, 0);
4314
        text-shadow: none;
4315
        -gtk-icon-shadow: none;
4316
        color: rgba(66, 65, 66, 0.2); }
4317
  scrollbar.vertical button.down {
4318
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
4319
  scrollbar.vertical button.up {
4320
    -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
4321
  scrollbar.horizontal button.down {
4322
    -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
4323
  scrollbar.horizontal button.up {
4324
    -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
4325
4326
treeview ~ scrollbar.vertical {
4327
  border-top: 1px solid #2b2b2b;
4328
  margin-top: -1px; }
4329
4330
/***********
4331
 * Sidebar *
4332
 ***********/
4333
.sidebar {
4334
  border-style: none;
4335
  border-width: 0;
4336
  background-color: #171618; }
4337
  .sidebar .frame {
4338
    border: none; }
4339
  stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
4340
    border-right: none;
4341
    border-left-style: none; }
4342
  stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl), stacksidebar.sidebar.right list .sidebar:dir(rtl), .sidebar.right {
4343
    border-left: 1px solid #2b2b2b;
4344
    border-right-style: none; }
4345
  .sidebar:backdrop, label:backdrop selection.sidebar, progressbar:backdrop trough.sidebar, progressbar:backdrop progress.sidebar {
4346
    background-color: #181719;
4347
    border-color: #292829; }
4348
  .sidebar row {
4349
    padding: 8px 12px;
4350
    transition: all .12s ease-in; }
4351
    .sidebar row label {
4352
      color: #98abb2; }
4353
    .sidebar row:selected {
4354
      color: #121113; }
4355
      .sidebar row:selected:backdrop, .sidebar label:backdrop selection:selected, label:backdrop .sidebar selection:selected, .sidebar progressbar:backdrop trough:selected, progressbar:backdrop .sidebar trough:selected, .sidebar progressbar:backdrop progress:selected, progressbar:backdrop .sidebar progress:selected {
4356
        color: rgba(18, 17, 19, 0.5);
4357
        background: rgba(231, 138, 83, 0.6); }
4358
        .sidebar row:selected:backdrop label, .sidebar label:backdrop selection:selected label, label:backdrop .sidebar selection:selected label, .sidebar progressbar:backdrop trough:selected label, progressbar:backdrop .sidebar trough:selected label, .sidebar progressbar:backdrop progress:selected label, progressbar:backdrop .sidebar progress:selected label {
4359
          color: #121113; }
4360
      .sidebar row:selected label {
4361
        color: #121113; }
4362
  .sidebar.source-list {
4363
    background: #121113;
4364
    padding: 4px 0px; }
4365
    .sidebar.source-list.view, iconview.source-list {
4366
      transition: all .12s ease-in; }
4367
      .sidebar.source-list.view:selected, iconview.source-list:selected {
4368
        padding-left: 4px;
4369
        background: #e78a53;
4370
        color: #121113; }
4371
        .sidebar.source-list.view:selected:active, iconview.source-list:selected:active {
4372
          box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
4373
        .sidebar.source-list.view:selected.has-open-popup, iconview.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.source-list:selected:hover {
4374
          background-color: rgba(231, 138, 83, 0.9); }
4375
        .sidebar.source-list.view:selected:backdrop {
4376
          background-color: rgba(231, 138, 83, 0.6); }
4377
      .sidebar.source-list.view:hover, iconview.source-list:hover, .sidebar.source-list.view iconview.source-list:hover {
4378
        background-color: rgba(18, 17, 19, 0.4); }
4379
  paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
4380
    border-style: none;
4381
    border-color: #2b2b2b; }
4382
4383
stacksidebar row {
4384
  padding: 10px 4px; }
4385
  stacksidebar row > label {
4386
    padding-left: 6px;
4387
    padding-right: 6px; }
4388
  stacksidebar row.needs-attention > label {
4389
    background-size: 6px 6px, 0 0; }
4390
4391
/*******************************************************************/
4392
/*                  PLACESSIDEBAR                                  */
4393
/*******************************************************************/
4394
placessidebar {
4395
  background-color: transparent;
4396
  background-image: linear-gradient(to right, #050506 40px, #121113 35px, #121113 36px, #121113 36px, #121113 99%, #121113 100%); }
4397
  placessidebar row.activatable {
4398
    padding: 1px 11px;
4399
    margin: 0;
4400
    border-radius: 0; }
4401
    placessidebar row.activatable label {
4402
      padding-left: 25px; }
4403
    placessidebar row.activatable:hover {
4404
      background: rgba(0, 0, 0, 0.12);
4405
      color: inherit; }
4406
    placessidebar row.activatable:selected {
4407
      color: #fff;
4408
      background-color: transparent;
4409
      background-image: linear-gradient(to right, rgba(231, 138, 83, 0.7) 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); }
4410
      placessidebar row.activatable:selected label {
4411
        color: #e78a53; }
4412
      placessidebar row.activatable:selected:hover {
4413
        color: #ffffff;
4414
        background-color: rgba(0, 0, 0, 0.24); }
4415
        placessidebar row.activatable:selected:hover .sidebar-icon {
4416
          color: #ffffff; }
4417
      placessidebar row.activatable:selected:backdrop, placessidebar label:backdrop selection:selected, label:backdrop placessidebar selection:selected, placessidebar progressbar:backdrop trough:selected, progressbar:backdrop placessidebar trough:selected, placessidebar progressbar:backdrop progress:selected, progressbar:backdrop placessidebar progress:selected {
4418
        color: rgba(0, 0, 0, 0.54);
4419
        background-color: transparent;
4420
        background-image: linear-gradient(to right, rgba(231, 138, 83, 0.6) 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); }
4421
        placessidebar row.activatable:selected:backdrop .sidebar-icon, placessidebar label:backdrop selection:selected .sidebar-icon, label:backdrop placessidebar selection:selected .sidebar-icon, placessidebar progressbar:backdrop trough:selected .sidebar-icon, progressbar:backdrop placessidebar trough:selected .sidebar-icon, placessidebar progressbar:backdrop progress:selected .sidebar-icon, progressbar:backdrop placessidebar progress:selected .sidebar-icon {
4422
          -gtk-icon-shadow: none; }
4423
      placessidebar row.activatable:selected .sidebar-icon {
4424
        -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8);
4425
        color: inherit; }
4426
    placessidebar row.activatable.sidebar-new-bookmark-row, placessidebar row.activatable.sidebar-new-bookmark-row label, placessidebar row.activatable.sidebar-new-bookmark-row .sidebar-icon {
4427
      color: #fbcb97; }
4428
    placessidebar row.activatable:drop(active):not(:disabled), placessidebar combobox:drop(active) button.activatable.combo:not(:disabled), combobox:drop(active) placessidebar button.activatable.combo:not(:disabled) {
4429
      box-shadow: inset 0 1px #e78a53, inset 0 -1px #e78a53; }
4430
      placessidebar row.activatable:drop(active):not(:disabled), placessidebar combobox:drop(active) button.activatable.combo:not(:disabled), combobox:drop(active) placessidebar button.activatable.combo:not(:disabled), placessidebar row.activatable:drop(active):not(:disabled) label, placessidebar combobox:drop(active) button.activatable.combo:not(:disabled) label, combobox:drop(active) placessidebar button.activatable.combo:not(:disabled) label, placessidebar row.activatable:drop(active):not(:disabled) image, placessidebar combobox:drop(active) button.activatable.combo:not(:disabled) image, combobox:drop(active) placessidebar button.activatable.combo:not(:disabled) image {
4431
        color: #e78a53; }
4432
      placessidebar row.activatable:drop(active):not(:disabled):selected, placessidebar combobox:drop(active) button.activatable.combo:not(:disabled):selected, combobox:drop(active) placessidebar button.activatable.combo:not(:disabled):selected {
4433
        background: #e78a53; }
4434
        placessidebar row.activatable:drop(active):not(:disabled):selected, placessidebar combobox:drop(active) button.activatable.combo:not(:disabled):selected, combobox:drop(active) placessidebar button.activatable.combo:not(:disabled):selected, placessidebar row.activatable:drop(active):not(:disabled):selected label, placessidebar combobox:drop(active) button.activatable.combo:not(:disabled):selected label, combobox:drop(active) placessidebar button.activatable.combo:not(:disabled):selected label, placessidebar row.activatable:drop(active):not(:disabled):selected image, placessidebar combobox:drop(active) button.activatable.combo:not(:disabled):selected image, combobox:drop(active) placessidebar button.activatable.combo:not(:disabled):selected image {
4435
          color: #121113; }
4436
  placessidebar list {
4437
    background-color: transparent; }
4438
    placessidebar list:backdrop {
4439
      background-color: transparent; }
4440
4441
.sidebar-pane, .sidebar-pane .bottom-bar {
4442
  background-color: #121113; }
4443
4444
.sidebar-pane .bottom-bar button {
4445
  border-color: transparent;
4446
  background-color: transparent;
4447
  background-image: none;
4448
  box-shadow: inset 0 1px rgba(255, 255, 255, 0);
4449
  text-shadow: none;
4450
  -gtk-icon-shadow: none; }
4451
  .sidebar-pane .bottom-bar button .view, .sidebar-pane .bottom-bar button iconview {
4452
    background-color: transparent; }
4453
4454
/*****************
4455
 * GtkSpinButton *
4456
 *****************/
4457
spinbutton {
4458
  font-feature-settings: "tnum"; }
4459
  spinbutton:not(.vertical) {
4460
    padding: 0;
4461
    border-spacing: 0;
4462
    /* :not here just to bump specificity above that of the list button styling */ }
4463
    .osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text {
4464
      min-width: 28px;
4465
      margin: 0;
4466
      background: none;
4467
      background-color: transparent;
4468
      border: none;
4469
      border-radius: 0;
4470
      box-shadow: none;
4471
      padding: 6px; }
4472
      .osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled {
4473
        background-color: transparent; }
4474
    spinbutton:not(.vertical) > button.image-button.up:not(.flat),
4475
    spinbutton:not(.vertical) > button.image-button.down:not(.flat) {
4476
      min-height: 16px;
4477
      margin: 0;
4478
      padding-bottom: 0;
4479
      padding-top: 0;
4480
      color: #e8e8e8;
4481
      background-image: none;
4482
      border-style: none none none solid;
4483
      border-color: rgba(43, 43, 43, 0.3);
4484
      border-radius: 0;
4485
      box-shadow: none;
4486
      background-color: transparent; }
4487
      spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl),
4488
      spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) {
4489
        border-style: none solid none none; }
4490
      spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover,
4491
      spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover {
4492
        color: #ffffff;
4493
        background-color: #050506; }
4494
      spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, label:disabled spinbutton:not(.vertical) > selection.up:not(.flat),
4495
      spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled,
4496
      label:disabled spinbutton:not(.vertical) > selection.down:not(.flat) {
4497
        color: rgba(137, 136, 137, 0.3);
4498
        background-color: transparent; }
4499
      spinbutton:not(.vertical) > button.image-button.up:not(.flat):active,
4500
      spinbutton:not(.vertical) > button.image-button.down:not(.flat):active {
4501
        background-color: rgba(0, 0, 0, 0.1);
4502
        box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
4503
      spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, combobox.linked spinbutton:not(.vertical) > button.up:not(.flat):dir(ltr):nth-child(2),
4504
      spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child,
4505
      combobox.linked spinbutton:not(.vertical) > button.down:not(.flat):dir(ltr):nth-child(2) {
4506
        border-radius: 0 6px 6px 0; }
4507
      spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, combobox.linked spinbutton:not(.vertical) > button.up:not(.flat):dir(rtl):nth-child(2),
4508
      spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child,
4509
      combobox.linked spinbutton:not(.vertical) > button.down:not(.flat):dir(rtl):nth-child(2) {
4510
        border-radius: 6px 0 0 6px; }
4511
  .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat),
4512
  .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) {
4513
    border-color: transparent;
4514
    background-color: transparent;
4515
    background-image: none;
4516
    box-shadow: inset 0 1px rgba(255, 255, 255, 0);
4517
    text-shadow: none;
4518
    -gtk-icon-shadow: none;
4519
    color: #ffffff;
4520
    border-style: none none none solid;
4521
    border-color: rgba(43, 43, 43, 0.7);
4522
    border-radius: 0;
4523
    box-shadow: none;
4524
    -gtk-icon-shadow: 0 1px black; }
4525
    .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl),
4526
    .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) {
4527
      border-style: none solid none none; }
4528
    .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover,
4529
    .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover {
4530
      border-color: transparent;
4531
      background-color: transparent;
4532
      background-image: none;
4533
      box-shadow: inset 0 1px rgba(255, 255, 255, 0);
4534
      text-shadow: none;
4535
      -gtk-icon-shadow: none;
4536
      color: #ffffff;
4537
      border-color: rgba(43, 43, 43, 0.5);
4538
      background-color: rgba(0, 0, 0, 0.93);
4539
      -gtk-icon-shadow: 0 1px black;
4540
      box-shadow: none; }
4541
    .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd label:disabled spinbutton:not(.vertical) > selection.up:not(.flat), label:disabled .osd spinbutton:not(.vertical) > selection.up:not(.flat),
4542
    .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled,
4543
    .osd label:disabled spinbutton:not(.vertical) > selection.down:not(.flat),
4544
    label:disabled .osd spinbutton:not(.vertical) > selection.down:not(.flat) {
4545
      border-color: transparent;
4546
      background-color: transparent;
4547
      background-image: none;
4548
      box-shadow: inset 0 1px rgba(255, 255, 255, 0);
4549
      text-shadow: none;
4550
      -gtk-icon-shadow: none;
4551
      color: #898889;
4552
      border-color: rgba(43, 43, 43, 0.5);
4553
      -gtk-icon-shadow: none;
4554
      box-shadow: none; }
4555
    .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd combobox.linked spinbutton:not(.vertical) > button.up:not(.flat):dir(ltr):nth-child(2), combobox.linked .osd spinbutton:not(.vertical) > button.up:not(.flat):dir(ltr):nth-child(2),
4556
    .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child,
4557
    .osd combobox.linked spinbutton:not(.vertical) > button.down:not(.flat):dir(ltr):nth-child(2),
4558
    combobox.linked .osd spinbutton:not(.vertical) > button.down:not(.flat):dir(ltr):nth-child(2) {
4559
      border-radius: 0 6px 6px 0; }
4560
    .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd combobox.linked spinbutton:not(.vertical) > button.up:not(.flat):dir(rtl):nth-child(2), combobox.linked .osd spinbutton:not(.vertical) > button.up:not(.flat):dir(rtl):nth-child(2),
4561
    .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child,
4562
    .osd combobox.linked spinbutton:not(.vertical) > button.down:not(.flat):dir(rtl):nth-child(2),
4563
    combobox.linked .osd spinbutton:not(.vertical) > button.down:not(.flat):dir(rtl):nth-child(2) {
4564
      border-radius: 6px 0 0 6px; }
4565
  spinbutton.vertical:disabled, label:disabled selection.vertical {
4566
    color: #898889; }
4567
  spinbutton.vertical:drop(active), combobox:drop(active) button.vertical.combo {
4568
    border-color: transparent;
4569
    box-shadow: none; }
4570
  spinbutton.vertical > text {
4571
    min-height: 32px;
4572
    min-width: 32px;
4573
    padding: 0;
4574
    border-radius: 0; }
4575
    spinbutton.vertical > text > selection {
4576
      background-color: rgba(231, 138, 83, 0.6);
4577
      color: transparent; }
4578
      spinbutton.vertical > text > selection:focus-within {
4579
        color: #ffffff; }
4580
  spinbutton.vertical > button {
4581
    min-height: 32px;
4582
    min-width: 32px;
4583
    padding: 0; }
4584
  spinbutton.vertical > button.up {
4585
    border-bottom-style: none;
4586
    border-bottom-left-radius: 0;
4587
    border-bottom-right-radius: 0; }
4588
  spinbutton.vertical > button.down {
4589
    border-top-style: none;
4590
    border-top-left-radius: 0;
4591
    border-top-right-radius: 0; }
4592
  .osd spinbutton.vertical > button:first-child, .osd combobox.linked spinbutton.vertical > button:nth-child(2):dir(rtl), combobox.linked .osd spinbutton.vertical > button:nth-child(2):dir(rtl) {
4593
    color: #ffffff;
4594
    border-color: #2b2b2b;
4595
    background-color: rgba(18, 17, 19, 0.93);
4596
    background-clip: padding-box;
4597
    text-shadow: 0 1px black;
4598
    -gtk-icon-shadow: 0 1px black;
4599
    outline-color: rgba(255, 255, 255, 0.3); }
4600
    .osd spinbutton.vertical > button:first-child:hover, .osd combobox.linked spinbutton.vertical > button:hover:nth-child(2):dir(rtl), combobox.linked .osd spinbutton.vertical > button:hover:nth-child(2):dir(rtl) {
4601
      color: white;
4602
      border-color: #2b2b2b;
4603
      background-image: linear-gradient(to bottom, rgba(49, 46, 51, 0.93), rgba(49, 46, 51, 0.93));
4604
      background-clip: padding-box;
4605
      text-shadow: 0 1px black;
4606
      -gtk-icon-shadow: 0 1px black;
4607
      outline-color: rgba(255, 255, 255, 0.3); }
4608
    .osd spinbutton.vertical > button:first-child:active, .osd combobox.linked spinbutton.vertical > button:active:nth-child(2):dir(rtl), combobox.linked .osd spinbutton.vertical > button:active:nth-child(2):dir(rtl) {
4609
      color: white;
4610
      border-color: #2b2b2b;
4611
      background-image: linear-gradient(to bottom, rgba(33, 31, 35, 0.93), rgba(33, 31, 35, 0.93));
4612
      background-clip: padding-box;
4613
      text-shadow: none;
4614
      -gtk-icon-shadow: none;
4615
      outline-color: rgba(255, 255, 255, 0.3); }
4616
    .osd spinbutton.vertical > button:first-child:disabled {
4617
      color: #898889;
4618
      border-color: #2b2b2b;
4619
      background-image: linear-gradient(to bottom, rgba(42, 41, 43, 0.5), rgba(42, 41, 43, 0.5));
4620
      background-clip: padding-box;
4621
      box-shadow: none;
4622
      text-shadow: none;
4623
      -gtk-icon-shadow: none; }
4624
  treeview spinbutton:not(.vertical) {
4625
    min-height: 0;
4626
    border-style: none;
4627
    border-radius: 0; }
4628
    treeview spinbutton:not(.vertical) > text {
4629
      min-height: 0;
4630
      padding: 1px 2px; }
4631
4632
/***********
4633
 * Spinner *
4634
 ***********/
4635
menu spinner {
4636
  color: #e78a53; }
4637
4638
/*********************
4639
 * Spinner Animation *
4640
 *********************/
4641
@keyframes spin {
4642
  to {
4643
    -gtk-icon-transform: rotate(1turn); } }
4644
4645
spinner {
4646
  background: none;
4647
  opacity: 0;
4648
  -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
4649
  spinner:checked {
4650
    opacity: 1;
4651
    animation: spin 1s linear infinite; }
4652
    spinner:checked:disabled, label:disabled selection:checked {
4653
      opacity: 0.5; }
4654
4655
/**********
4656
 * Switch *
4657
 **********/
4658
switch {
4659
  font-size: 1px;
4660
  min-width: 40px;
4661
  min-height: 25px;
4662
  background-color: transparent;
4663
  background-size: 40px 24px;
4664
  background-repeat: no-repeat;
4665
  background-position: center center;
4666
  background-image: -gtk-scaled(url("../assets/switch-off.svg"), url("../assets/switch-off.svg")); }
4667
  switch:disabled {
4668
    background-image: -gtk-scaled(url("../assets/switch-insensitive.svg"), url("../assets/switch-insensitive.svg")); }
4669
    switch:disabled slider {
4670
      background-image: -gtk-scaled(url("../assets/switch-slider-insensitive.svg"), url("../assets/switch-slider-insensitive@2.png")); }
4671
  switch, switch slider {
4672
    outline-color: transparent;
4673
    color: transparent;
4674
    border: none;
4675
    box-shadow: none; }
4676
  switch:checked {
4677
    background-image: -gtk-scaled(url("../assets/switch-on.svg"), url("../assets/switch-on.svg")); }
4678
    switch:checked slider {
4679
      background-image: -gtk-scaled(url("../assets/switch-slider-on.svg"), url("../assets/switch-slider-on@2.png")); }
4680
    switch:checked:disabled, label:disabled selection:checked {
4681
      background-image: -gtk-scaled(url("../assets/switch-on-insensitive.svg"), url("../assets/switch-on-insensitive.svg")); }
4682
      switch:checked:disabled slider, label:disabled selection:checked slider {
4683
        background-image: -gtk-scaled(url("../assets/switch-slider-on-insensitive.svg"), url("../assets/switch-slider-on-insensitive@2.png")); }
4684
  switch slider {
4685
    min-width: 1px;
4686
    min-height: 1px;
4687
    background-repeat: no-repeat;
4688
    background-position: left center;
4689
    background-color: transparent;
4690
    background-image: -gtk-scaled(url("../assets/switch-slider-off.svg"), url("../assets/switch-slider-off@2.png")); }
4691
  row:selected switch:checked {
4692
    background-image: -gtk-scaled(url("../assets/switch-off.svg"), url("../assets/switch-off.svg")); }
4693
    row:selected switch:checked slider {
4694
      background-image: -gtk-scaled(url("../assets/switch-slider-on-selected.svg"), url("../assets/switch-slider-on-selected@2.png")); }
4695
  switch trough:active, switch trough:checked {
4696
    background-color: #e78a53; }
4697
    switch trough:active:backdrop, switch label:backdrop selection:active, label:backdrop switch selection:active, switch progressbar:backdrop trough:active, progressbar:backdrop switch trough:active, switch progressbar:backdrop progress:active, progressbar:backdrop switch progress:active, switch trough:checked:backdrop, switch label:backdrop selection:checked, label:backdrop switch selection:checked, switch progressbar:backdrop trough:checked, progressbar:backdrop switch trough:checked, switch progressbar:backdrop progress:checked, progressbar:backdrop switch progress:checked {
4698
      background-color: rgba(231, 138, 83, 0.6); }
4699
4700
/************
4701
 * Toolbars *
4702
 ************/
4703
searchbar > revealer > box, .inline-toolbar, toolbar {
4704
  padding: 4px;
4705
  background-color: #121113; }
4706
4707
toolbar {
4708
  padding: 4px 3px 3px 4px; }
4709
  .osd toolbar {
4710
    background-color: transparent; }
4711
  toolbar.osd {
4712
    padding: 13px;
4713
    border: none;
4714
    border-radius: 5px;
4715
    background-color: rgba(18, 17, 19, 0.93); }
4716
    toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
4717
      border-radius: 0; }
4718
  toolbar.horizontal separator {
4719
    margin: 0 7px 1px 6px; }
4720
  toolbar.vertical separator {
4721
    margin: 6px 1px 7px 0; }
4722
  toolbar:not(.inline-toolbar):not(.osd) switch,
4723
  toolbar:not(.inline-toolbar):not(.osd) scale,
4724
  toolbar:not(.inline-toolbar):not(.osd) entry,
4725
  toolbar:not(.inline-toolbar):not(.osd) spinbutton,
4726
  toolbar:not(.inline-toolbar):not(.osd) button {
4727
    margin-right: 1px;
4728
    margin-bottom: 1px; }
4729
4730
.inline-toolbar {
4731
  padding: 3px;
4732
  border-width: 0 1px 1px;
4733
  border-radius: 0  0 5px 5px; }
4734
4735
searchbar > revealer > box {
4736
  border-width: 0 0 1px;
4737
  padding: 5px; }
4738
4739
.inline-toolbar, searchbar > revealer > box {
4740
  border-style: solid;
4741
  border-color: #2b2b2b;
4742
  background-color: #1a191a; }
4743
4744
searchbar {
4745
  background: #1c1b1d; }
4746
4747
/************
4748
 * Tooltips *
4749
 ************/
4750
tooltip {
4751
  padding: 4px;
4752
  /* not working */
4753
  border-radius: 5px;
4754
  box-shadow: none;
4755
  text-shadow: 0 1px black; }
4756
  tooltip.background {
4757
    background-color: rgba(18, 17, 19, 0.93);
4758
    background-clip: padding-box;
4759
    border: 1px solid #2b2b2b; }
4760
  tooltip decoration {
4761
    background-color: transparent; }
4762
  tooltip *, tooltip button:link,
4763
  tooltip button:visited {
4764
    padding: 4px;
4765
    background-color: transparent;
4766
    color: white; }
4767
4768
columnview.view,
4769
treeview.view {
4770
  border-left-color: #2b2b2b;
4771
  border-top-color: #2b2b2b; }
4772
  columnview.view:selected:focus, columnview.view:selected,
4773
  treeview.view:selected:focus,
4774
  treeview.view:selected {
4775
    border-radius: 0;
4776
    outline-color: #e75353; }
4777
  columnview.view:disabled,
4778
  treeview.view:disabled {
4779
    color: #898889; }
4780
    columnview.view:disabled:selected,
4781
    treeview.view:disabled:selected {
4782
      color: #925a39; }
4783
      columnview.view:disabled:selected:backdrop,
4784
      treeview.view:disabled:selected:backdrop {
4785
        color: rgba(204, 123, 75, 0.85); }
4786
  columnview.view.separator,
4787
  treeview.view.separator {
4788
    min-height: 2px;
4789
    color: #2b2b2b; }
4790
  columnview.view:backdrop,
4791
  treeview.view:backdrop {
4792
    border-left-color: #323133;
4793
    border-top: #323133; }
4794
  columnview.view:drop(active),
4795
  treeview.view:drop(active) {
4796
    box-shadow: none; }
4797
  columnview.view > dndtarget:drop(active),
4798
  treeview.view > dndtarget:drop(active) {
4799
    border-style: solid none;
4800
    border-width: 1px;
4801
    border-color: #e16c26; }
4802
    columnview.view > dndtarget:drop(active).after,
4803
    treeview.view > dndtarget:drop(active).after {
4804
      border-top-style: none; }
4805
    columnview.view > dndtarget:drop(active).before,
4806
    treeview.view > dndtarget:drop(active).before {
4807
      border-bottom-style: none; }
4808
  columnview.view.expander,
4809
  treeview.view.expander {
4810
    min-width: 16px;
4811
    min-height: 16px;
4812
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
4813
    color: #bbbbbb; }
4814
    columnview.view.expander:dir(rtl),
4815
    treeview.view.expander:dir(rtl) {
4816
      -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
4817
    columnview.view.expander:hover,
4818
    treeview.view.expander:hover {
4819
      color: #ffffff; }
4820
    columnview.view.expander:selected,
4821
    treeview.view.expander:selected {
4822
      color: #523526; }
4823
      columnview.view.expander:selected:hover,
4824
      treeview.view.expander:selected:hover {
4825
        color: #121113; }
4826
    columnview.view.expander:checked,
4827
    treeview.view.expander:checked {
4828
      -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
4829
  columnview.view.progressbar,
4830
  treeview.view.progressbar {
4831
    border: 1px solid #e16c26;
4832
    border-radius: 4px;
4833
    background-color: #e78a53;
4834
    background-image: linear-gradient(to bottom, #e78a53, #e16c26);
4835
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); }
4836
    columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected,
4837
    treeview.view.progressbar:selected:focus,
4838
    treeview.view.progressbar:selected {
4839
      box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
4840
      background-image: image(#1c1b1d); }
4841
      columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop,
4842
      treeview.view.progressbar:selected:focus:backdrop,
4843
      treeview.view.progressbar:selected:backdrop {
4844
        background-color: #1f1d20; }
4845
  columnview.view.trough,
4846
  treeview.view.trough {
4847
    background-color: rgba(255, 255, 255, 0.1); }
4848
    columnview.view.trough:selected:focus, columnview.view.trough:selected,
4849
    treeview.view.trough:selected:focus,
4850
    treeview.view.trough:selected {
4851
      background-color: #e16c26; }
4852
  columnview.view > header > button,
4853
  treeview.view > header > button {
4854
    color: #c1bec3;
4855
    background-color: #1c1b1d;
4856
    font-weight: bold;
4857
    text-shadow: none;
4858
    box-shadow: none; }
4859
    columnview.view > header > button:hover,
4860
    treeview.view > header > button:hover {
4861
      color: #e0dfe1;
4862
      box-shadow: none;
4863
      transition: none; }
4864
    columnview.view > header > button:active,
4865
    treeview.view > header > button:active {
4866
      color: #ffffff;
4867
      transition: none; }
4868
    columnview.view > header > button sort-indicator,
4869
    treeview.view > header > button sort-indicator {
4870
      min-height: 16px;
4871
      min-width: 16px; }
4872
      columnview.view > header > button sort-indicator.ascending,
4873
      treeview.view > header > button sort-indicator.ascending {
4874
        -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
4875
      columnview.view > header > button sort-indicator.descending,
4876
      treeview.view > header > button sort-indicator.descending {
4877
        -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
4878
  columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd,
4879
  columnview.view header.button.dnd:active,
4880
  columnview.view header.button.dnd:selected,
4881
  columnview.view header.button.dnd:hover,
4882
  columnview.view header.button.dnd,
4883
  treeview.view button.dnd:active,
4884
  treeview.view button.dnd:selected,
4885
  treeview.view button.dnd:hover,
4886
  treeview.view button.dnd,
4887
  treeview.view header.button.dnd:active,
4888
  treeview.view header.button.dnd:selected,
4889
  treeview.view header.button.dnd:hover,
4890
  treeview.view header.button.dnd {
4891
    padding: 0 6px;
4892
    color: #e75353;
4893
    background-image: none;
4894
    background-color: #e78a53;
4895
    border-style: none;
4896
    border-radius: 0;
4897
    box-shadow: inset 0 0 0 1px #1c1b1d;
4898
    text-shadow: none;
4899
    transition: none; }
4900
  columnview.view acceleditor > label,
4901
  treeview.view acceleditor > label {
4902
    background-color: #e78a53; }
4903
4904
columnview.view > header > button,
4905
treeview.view > header > button, columnview.view > header > button:hover,
4906
treeview.view > header > button:hover, columnview.view > header > button:active,
4907
treeview.view > header > button:active {
4908
  padding: 0 6px;
4909
  background-image: none;
4910
  border-style: none none solid solid;
4911
  border-color: #2b2b2b;
4912
  border-radius: 0;
4913
  text-shadow: none; }
4914
4915
/**********************
4916
 * Window Decorations *
4917
 *********************/
4918
window {
4919
  border-width: 0px; }
4920
  window.csd {
4921
    box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75);
4922
    margin: 0px;
4923
    border-radius: 4px 4px 0 0; }
4924
    window.csd:backdrop, label:backdrop selection.csd, progressbar:backdrop trough.csd, progressbar:backdrop progress.csd {
4925
      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.75);
4926
      transition: 200ms ease-out; }
4927
    window.csd.popup {
4928
      border-radius: 7px;
4929
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); }
4930
    window.csd.dialog.message {
4931
      border-radius: 4px;
4932
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); }
4933
  window.solid-csd {
4934
    margin: 0;
4935
    padding: 4px;
4936
    border: solid 1px #2b2b2b;
4937
    border-radius: 0;
4938
    box-shadow: inset 0 0 0 4px #2b2b2b, inset 0 0 0 3px #121113, inset 0 1px rgba(255, 255, 255, 0.07); }
4939
    window.solid-csd:backdrop, label:backdrop selection.solid-csd, progressbar:backdrop trough.solid-csd, progressbar:backdrop progress.solid-csd {
4940
      box-shadow: inset 0 0 0 4px #2b2b2b, inset 0 0 0 3px #121113, inset 0 1px rgba(255, 255, 255, 0.07); }
4941
  window.maximized, window.fullscreen {
4942
    border-radius: 0;
4943
    box-shadow: none; }
4944
  window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom {
4945
    border-radius: 0;
4946
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; }
4947
    window.tiled:backdrop, label:backdrop selection.tiled, progressbar:backdrop trough.tiled, progressbar:backdrop progress.tiled, window.tiled-top:backdrop, label:backdrop selection.tiled-top, progressbar:backdrop trough.tiled-top, progressbar:backdrop progress.tiled-top, window.tiled-left:backdrop, label:backdrop selection.tiled-left, progressbar:backdrop trough.tiled-left, progressbar:backdrop progress.tiled-left, window.tiled-right:backdrop, label:backdrop selection.tiled-right, progressbar:backdrop trough.tiled-right, progressbar:backdrop progress.tiled-right, window.tiled-bottom:backdrop, label:backdrop selection.tiled-bottom, progressbar:backdrop trough.tiled-bottom, progressbar:backdrop progress.tiled-bottom {
4948
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; }
4949
  window.popup {
4950
    box-shadow: none; }
4951
  window.ssd {
4952
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); }
4953
4954
windowcontrols button.close, windowcontrols button.maximize, windowcontrols button.minimize {
4955
  min-width: 20px;
4956
  min-height: 20px;
4957
  margin: 0;
4958
  padding: 0 1px;
4959
  background-position: center;
4960
  background-repeat: no-repeat;
4961
  background-size: 16px 16px; }
4962
  windowcontrols button.close, windowcontrols button.close:hover, windowcontrols button.close:focus, windowcontrols button.close:active, windowcontrols button.close:backdrop, windowcontrols label:backdrop selection.close, label:backdrop windowcontrols selection.close, windowcontrols progressbar:backdrop trough.close, progressbar:backdrop windowcontrols trough.close, windowcontrols progressbar:backdrop progress.close, progressbar:backdrop windowcontrols progress.close, windowcontrols button.close:backdrop:hover, windowcontrols button.maximize, windowcontrols button.maximize:hover, windowcontrols button.maximize:focus, windowcontrols button.maximize:active, windowcontrols button.maximize:backdrop, windowcontrols label:backdrop selection.maximize, label:backdrop windowcontrols selection.maximize, windowcontrols progressbar:backdrop trough.maximize, progressbar:backdrop windowcontrols trough.maximize, windowcontrols progressbar:backdrop progress.maximize, progressbar:backdrop windowcontrols progress.maximize, windowcontrols button.maximize:backdrop:hover, windowcontrols button.minimize, windowcontrols button.minimize:hover, windowcontrols button.minimize:focus, windowcontrols button.minimize:active, windowcontrols button.minimize:backdrop, windowcontrols label:backdrop selection.minimize, label:backdrop windowcontrols selection.minimize, windowcontrols progressbar:backdrop trough.minimize, progressbar:backdrop windowcontrols trough.minimize, windowcontrols progressbar:backdrop progress.minimize, progressbar:backdrop windowcontrols progress.minimize, windowcontrols button.minimize:backdrop:hover {
4963
    background-color: transparent;
4964
    border: none;
4965
    box-shadow: none;
4966
    color: transparent; }
4967
4968
windowcontrols button.close {
4969
  background-image: -gtk-scaled(url("../assets/close.png"), url("../assets/close@2.png")); }
4970
  windowcontrols button.close:hover, windowcontrols button.close:active {
4971
    background-image: -gtk-scaled(url("../assets/close_prelight.png"), url("../assets/close_prelight@2.png")); }
4972
4973
windowcontrols button.maximize {
4974
  background-image: -gtk-scaled(url("../assets/maximize.png"), url("../assets/maximize@2.png")); }
4975
  windowcontrols button.maximize:hover, windowcontrols button.maximize:active {
4976
    background-image: -gtk-scaled(url("../assets/maximize_prelight.png"), url("../assets/maximize_prelight@2.png")); }
4977
4978
windowcontrols button.minimize {
4979
  background-image: -gtk-scaled(url("../assets/min.png"), url("../assets/min@2.png")); }
4980
  windowcontrols button.minimize:hover, windowcontrols button.minimize:active {
4981
    background-image: -gtk-scaled(url("../assets/min_prelight.png"), url("../assets/min_prelight@2.png")); }
4982
4983
windowcontrols button:backdrop {
4984
  -gtk-icon-shadow: none;
4985
  background-image: -gtk-scaled(url("../assets/close_unfocused.png"), url("../assets/close_unfocused@2.png")); }
4986
4987
headerbar.selection-mode button.titlebutton,
4988
.titlebar.selection-mode button.titlebutton {
4989
  text-shadow: 0 -1px rgba(0, 0, 0, 0.507451);
4990
  -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.507451); }
4991
  headerbar.selection-mode button.titlebutton:backdrop, headerbar.selection-mode label:backdrop selection.titlebutton, label:backdrop headerbar.selection-mode selection.titlebutton, headerbar.selection-mode progressbar:backdrop trough.titlebutton, progressbar:backdrop headerbar.selection-mode trough.titlebutton, headerbar.selection-mode progressbar:backdrop progress.titlebutton, progressbar:backdrop headerbar.selection-mode progress.titlebutton,
4992
  .titlebar.selection-mode button.titlebutton:backdrop,
4993
  .titlebar.selection-mode label:backdrop selection.titlebutton,
4994
  label:backdrop .titlebar.selection-mode selection.titlebutton,
4995
  .titlebar.selection-mode progressbar:backdrop trough.titlebutton,
4996
  progressbar:backdrop .titlebar.selection-mode trough.titlebutton,
4997
  .titlebar.selection-mode progressbar:backdrop progress.titlebutton,
4998
  progressbar:backdrop .titlebar.selection-mode progress.titlebutton {
4999
    -gtk-icon-shadow: none; }
5000
5001
.view:selected:focus, .view:selected,
5002
.history-view:selected:focus,
5003
.history-view:selected,
5004
textview > text:selected:focus,
5005
textview > text:selected, textview > text selection:focus, textview > text selection, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, label:disabled selection, label:backdrop selection, modelbutton.flat:selected,
5006
.menuitem.button.flat:selected, calendar > grid > label.day-number:selected,
5007
entry selection:focus,
5008
entry selection, row:selected,
5009
notebook > header > tabs > arrow.button:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, spinbutton.vertical > text selection:focus, spinbutton.vertical > text selection, columnview.view:selected:focus, columnview.view:selected,
5010
treeview.view:selected:focus,
5011
treeview.view:selected,
5012
.selection-mode windowcontrols button.button:selected {
5013
  background-color: #e78a53; }
5014
  row:selected label, label:selected, .selection-mode windowcontrols button, .view:selected:focus, .view:selected,
5015
  .history-view:selected:focus,
5016
  .history-view:selected,
5017
  textview > text:selected:focus,
5018
  textview > text:selected, textview > text selection:focus, textview > text selection, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, label:disabled selection, label:backdrop selection, modelbutton.flat:selected,
5019
  .menuitem.button.flat:selected, calendar > grid > label.day-number:selected,
5020
  entry selection:focus,
5021
  entry selection, row:selected,
5022
  notebook > header > tabs > arrow.button:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, spinbutton.vertical > text selection:focus, spinbutton.vertical > text selection, columnview.view:selected:focus, columnview.view:selected,
5023
  treeview.view:selected:focus,
5024
  treeview.view:selected,
5025
  .selection-mode windowcontrols button.button:selected {
5026
    color: #121113;
5027
    font-weight: normal; }
5028
5029
.monospace {
5030
  font-family: Monospace; }
5031
5032
/**********************
5033
 * DE-Specific Styles *
5034
 **********************/
5035
/*********
5036
* Budgie *
5037
*********/
5038
.budgie-container {
5039
  background-color: transparent; }
5040
  .budgie-container:backdrop, label:backdrop selection.budgie-container, progressbar:backdrop trough.budgie-container, progressbar:backdrop progress.budgie-container {
5041
    background-color: transparent; }
5042
  .budgie-container popover list,
5043
  .budgie-container popover row {
5044
    border: none;
5045
    background: none;
5046
    padding: 0;
5047
    margin: 0; }
5048
5049
.budgie-popover .container,
5050
.budgie-popover border,
5051
.budgie-popover list,
5052
.budgie-popover row {
5053
  padding: 0;
5054
  margin: 0;
5055
  background: none;
5056
  border: none;
5057
  box-shadow: none;
5058
  text-shadow: none;
5059
  -gtk-icon-shadow: none;
5060
  opacity: 1;
5061
  min-width: 0;
5062
  min-height: 0; }
5063
5064
.budgie-popover,
5065
.budgie-popover.background {
5066
  border-radius: 2px;
5067
  padding: 0;
5068
  background: rgba(0, 0, 0, 0.95);
5069
  background-clip: border-box;
5070
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35);
5071
  border: 1px solid #2b2b2b; }
5072
  .budgie-popover list:hover,
5073
  .budgie-popover row:hover,
5074
  .budgie-popover.background list:hover,
5075
  .budgie-popover.background row:hover {
5076
    background: none; }
5077
  .budgie-popover > frame.container,
5078
  .budgie-popover.background > frame.container {
5079
    margin: 0 -1px -1px;
5080
    padding: 2px 0 0; }
5081
  .budgie-popover button,
5082
  .budgie-popover.background button {
5083
    color: #ffffff;
5084
    border: none;
5085
    background: transparent; }
5086
    .budgie-popover button:hover,
5087
    .budgie-popover.background button:hover {
5088
      color: #e78a53; }
5089
5090
.budgie-popover > .container {
5091
  padding: 2px; }
5092
5093
.budgie-menu {
5094
  color: #ffffff; }
5095
  .budgie-menu .container {
5096
    padding: 0; }
5097
  .budgie-menu button:hover {
5098
    -gtk-icon-filter: none; }
5099
  .budgie-menu entry.search {
5100
    border: none;
5101
    background: none;
5102
    padding: 5px 2px;
5103
    border-bottom: 1px solid #2b2b2b;
5104
    border-radius: 0;
5105
    font-size: 120%;
5106
    box-shadow: none;
5107
    color: #ffffff; }
5108
    .budgie-menu entry.search image:dir(ltr) {
5109
      padding-left: 8px;
5110
      padding-right: 12px; }
5111
    .budgie-menu entry.search image:dir(rtl) {
5112
      padding-left: 12px;
5113
      padding-right: 8px; }
5114
  .budgie-menu .categories {
5115
    border-width: 0;
5116
    margin-left: 3px;
5117
    background: transparent; }
5118
    .budgie-menu .categories:dir(ltr) {
5119
      border-right: 1px solid #2b2b2b; }
5120
    .budgie-menu .categories:dir(rtl) {
5121
      border-left: 1px solid #2b2b2b; }
5122
  .budgie-menu .category-button {
5123
    padding: 7px;
5124
    border-radius: 2px 0 0 2px; }
5125
    .budgie-menu .category-button:hover {
5126
      background-color: rgba(255, 255, 255, 0.05);
5127
      color: #ffffff; }
5128
    .budgie-menu .category-button:active {
5129
      box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
5130
    .budgie-menu .category-button:checked {
5131
      color: #121113;
5132
      background: linear-gradient(to right, #e78a53 0%, #e78a53 100%); }
5133
      .budgie-menu .category-button:checked:hover {
5134
        color: rgba(18, 17, 19, 0.6); }
5135
    .budgie-menu .category-button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked {
5136
      opacity: 0.5; }
5137
      .budgie-menu .category-button:checked:disabled label, .budgie-menu label:disabled selection:checked label, label:disabled .budgie-menu selection:checked label {
5138
        color: rgba(18, 17, 19, 0.7); }
5139
  .budgie-menu scrollbar {
5140
    background-color: transparent;
5141
    border-color: #2b2b2b; }
5142
  .budgie-menu button:not(.category-button) {
5143
    padding-top: 5px;
5144
    padding-bottom: 5px;
5145
    border-radius: 0;
5146
    box-shadow: none;
5147
    background: yellow; }
5148
  .budgie-menu button {
5149
    border: none;
5150
    background: transparent; }
5151
  .budgie-menu undershoot, .budgie-menu overshoot {
5152
    background: none; }
5153
  .budgie-menu list {
5154
    color: rgba(255, 255, 255, 0.7); }
5155
5156
button.budgie-menu-launcher {
5157
  padding: 0 2px;
5158
  color: #ffffff;
5159
  box-shadow: none;
5160
  background-color: transparent; }
5161
  button.budgie-menu-launcher:hover {
5162
    color: #ffffff; }
5163
  button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked {
5164
    color: #ffffff; }
5165
  button.budgie-menu-launcher:backdrop, label:backdrop selection.budgie-menu-launcher, progressbar:backdrop trough.budgie-menu-launcher, progressbar:backdrop progress.budgie-menu-launcher {
5166
    color: #ffffff;
5167
    background-color: transparent; }
5168
    button.budgie-menu-launcher:backdrop:hover, label:backdrop selection.budgie-menu-launcher:hover, progressbar:backdrop trough.budgie-menu-launcher:hover, progressbar:backdrop progress.budgie-menu-launcher:hover {
5169
      color: #ffffff; }
5170
    button.budgie-menu-launcher:backdrop:active, label:backdrop selection.budgie-menu-launcher:active, progressbar:backdrop trough.budgie-menu-launcher:active, progressbar:backdrop progress.budgie-menu-launcher:active, button.budgie-menu-launcher:backdrop:checked, label:backdrop selection.budgie-menu-launcher:checked, progressbar:backdrop trough.budgie-menu-launcher:checked, progressbar:backdrop progress.budgie-menu-launcher:checked {
5171
      color: #e78a53;
5172
      box-shadow: none;
5173
      background-color: #1a191b; }
5174
5175
.user-menu .content-box separator {
5176
  margin-left: 6px;
5177
  margin-right: 6px;
5178
  background-color: rgba(255, 255, 255, 0.1); }
5179
5180
.user-menu button {
5181
  margin: 5px; }
5182
5183
.user-menu > box.vertical row.activatable:first-child .indicator-item, .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item, combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item, .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item, .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item,
5184
.user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item {
5185
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
5186
  background-color: #e78a53;
5187
  transition-duration: 0.2s; }
5188
  .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr), .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item:dir(ltr), combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item:dir(ltr), .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item:dir(ltr), .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item:dir(ltr),
5189
  .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(ltr) {
5190
    padding-left: 7px;
5191
    background-position: left center;
5192
    background-repeat: no-repeat;
5193
    background-size: 38px auto; }
5194
  .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(rtl), .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item:dir(rtl), combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item:dir(rtl), .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item:dir(rtl), .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item:dir(rtl),
5195
  .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(rtl) {
5196
    padding-right: 7px;
5197
    background-position: right center;
5198
    background-repeat: no-repeat;
5199
    background-size: 38px auto; }
5200
  .user-menu > box.vertical row.activatable:first-child .indicator-item label, .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item label, combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item label, .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item label, .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item label,
5201
  .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label {
5202
    color: #121113; }
5203
    .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr), .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item label:dir(ltr), combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item label:dir(ltr), .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item label:dir(ltr), .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item label:dir(ltr),
5204
    .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(ltr) {
5205
      padding-left: 5px; }
5206
    .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(rtl), .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item label:dir(rtl), combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item label:dir(rtl), .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item label:dir(rtl), .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item label:dir(rtl),
5207
    .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(rtl) {
5208
      padding-right: 5px; }
5209
  .user-menu > box.vertical row.activatable:first-child .indicator-item image, .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item image, combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item image, .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item image, .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item image,
5210
  .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image {
5211
    color: #121113; }
5212
    .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child, .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item image:first-child, combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item image:first-child, .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item image:first-child, .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item image:first-child,
5213
    .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image:first-child {
5214
      min-width: 24px;
5215
      min-height: 20px; }
5216
5217
button.raven-trigger {
5218
  padding-left: 2px;
5219
  padding-right: 2px;
5220
  color: #ffffff;
5221
  box-shadow: none; }
5222
  button.raven-trigger:hover {
5223
    color: #ffffff;
5224
    background-color: transparent; }
5225
  button.raven-trigger:active, button.raven-trigger:checked {
5226
    box-shadow: none;
5227
    background-color: transparent;
5228
    color: #e78a53; }
5229
  button.raven-trigger:backdrop, label:backdrop selection.raven-trigger, progressbar:backdrop trough.raven-trigger, progressbar:backdrop progress.raven-trigger {
5230
    color: #ffffff; }
5231
    button.raven-trigger:backdrop:hover, label:backdrop selection.raven-trigger:hover, progressbar:backdrop trough.raven-trigger:hover, progressbar:backdrop progress.raven-trigger:hover {
5232
      color: #ffffff; }
5233
    button.raven-trigger:backdrop:active, label:backdrop selection.raven-trigger:active, progressbar:backdrop trough.raven-trigger:active, progressbar:backdrop progress.raven-trigger:active, button.raven-trigger:backdrop:checked, label:backdrop selection.raven-trigger:checked, progressbar:backdrop trough.raven-trigger:checked, progressbar:backdrop progress.raven-trigger:checked {
5234
      box-shadow: none;
5235
      color: #e78a53;
5236
      background-color: transparent; }
5237
5238
.places-menu .container {
5239
  padding: 0; }
5240
5241
.places-menu .message-bar {
5242
  border-top-left-radius: 3px;
5243
  border-top-right-radius: 3px; }
5244
5245
.places-menu .name-button {
5246
  border: 0;
5247
  border-radius: 0;
5248
  padding: 4px 6px; }
5249
5250
.places-menu .unmount-button {
5251
  padding: 4px 4px;
5252
  border: 0;
5253
  border-radius: 0; }
5254
5255
.places-menu .places-section-header {
5256
  padding: 0px;
5257
  border-bottom: 1px solid rgba(43, 43, 43, 0.95);
5258
  box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.03); }
5259
5260
.places-menu .places-section-header > button {
5261
  padding: 8px;
5262
  border: none;
5263
  border-bottom-left-radius: 0px;
5264
  border-bottom-right-radius: 0px; }
5265
5266
.places-menu .places-list {
5267
  background: rgba(255, 255, 255, 0.04);
5268
  border-bottom: 1px solid rgba(43, 43, 43, 0.95); }
5269
5270
.places-menu .unlock-area {
5271
  border-top: 1px solid rgba(43, 43, 43, 0.85);
5272
  border-bottom: 1px solid rgba(43, 43, 43, 0.85); }
5273
5274
.places-menu .unlock-area entry {
5275
  border-radius: 0;
5276
  border: 0; }
5277
5278
.places-menu .unlock-area button {
5279
  border-radius: 0;
5280
  border: 0;
5281
  border-left: 1px solid rgba(43, 43, 43, 0.85); }
5282
5283
.places-menu .alternative-label {
5284
  font-size: 15px;
5285
  padding: 3px; }
5286
5287
.places-menu .always-expand {
5288
  background: transparent;
5289
  border-bottom: none; }
5290
5291
.night-light-indicator .container {
5292
  padding: 0; }
5293
5294
.night-light-indicator .view-header {
5295
  font-size: 14px;
5296
  padding: 10px;
5297
  border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35);
5298
  box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04); }
5299
5300
.night-light-indicator .display-settings-button {
5301
  border-top-left-radius: 0px;
5302
  border-top-right-radius: 0px;
5303
  border: none;
5304
  padding: 3px;
5305
  border-top: 1px solid mix(@theme_base_color, #000000, 0.35);
5306
  box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04); }
5307
5308
.budgie-panel {
5309
  color: #ffffff;
5310
  background-color: rgba(0, 0, 0, 0.95);
5311
  background-image: none;
5312
  box-shadow: none;
5313
  border: none;
5314
  transition: all 150ms ease-in; }
5315
  .budgie-panel .alert {
5316
    color: #e75353; }
5317
  .budgie-panel:backdrop, label:backdrop selection.budgie-panel, progressbar:backdrop trough.budgie-panel, progressbar:backdrop progress.budgie-panel {
5318
    color: #ffffff;
5319
    background-color: rgba(0, 0, 0, 0.95); }
5320
  .budgie-panel button {
5321
    border-top-width: 0;
5322
    border-bottom-width: 0;
5323
    border-radius: 0; }
5324
    .budgie-panel button.flat {
5325
      background: transparent;
5326
      border: none; }
5327
      .budgie-panel button.flat:hover, .budgie-panel button.flat:active, .budgie-panel button.flat:checked {
5328
        background: transparent;
5329
        color: #e78a53; }
5330
  .budgie-panel popover list,
5331
  .budgie-panel popover row {
5332
    padding: 0;
5333
    margin: 0; }
5334
  .budgie-panel label {
5335
    color: #ffffff;
5336
    font-weight: 700; }
5337
  .budgie-panel.transparent {
5338
    background-color: rgba(0, 0, 0, 0.2); }
5339
    .top .budgie-panel.transparent {
5340
      border-bottom-color: transparent; }
5341
    .bottom .budgie-panel.transparent {
5342
      border-top-color: transparent; }
5343
    .left .budgie-panel.transparent {
5344
      border-right-color: transparent; }
5345
    .right .budgie-panel.transparent {
5346
      border-left-color: transparent; }
5347
    .budgie-panel.transparent:backdrop, label:backdrop selection.transparent, progressbar:backdrop trough.transparent, progressbar:backdrop progress.transparent, .budgie-panel.transparent label, .budgie-panel.transparent button.raven-trigger:backdrop, .budgie-panel.transparent label:backdrop selection.raven-trigger, label:backdrop .budgie-panel.transparent selection.raven-trigger, .budgie-panel.transparent progressbar:backdrop trough.raven-trigger, progressbar:backdrop .budgie-panel.transparent trough.raven-trigger, .budgie-panel.transparent progressbar:backdrop progress.raven-trigger, progressbar:backdrop .budgie-panel.transparent progress.raven-trigger, .budgie-panel.transparent button.budgie-menu-launcher {
5348
      color: white; }
5349
  .budgie-panel .end-region {
5350
    border-radius: 0px; }
5351
    .budgie-panel .end-region separator {
5352
      background-color: rgba(255, 255, 255, 0.15); }
5353
    .budgie-panel .end-region label {
5354
      font-weight: 700;
5355
      color: #ffffff; }
5356
5357
.budgie-panel #tasklist-button,
5358
.budgie-panel #tasklist-button:backdrop {
5359
  outline-color: transparent;
5360
  transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
5361
  border-color: rgba(0, 0, 0, 0);
5362
  border-radius: 0;
5363
  background-color: transparent;
5364
  box-shadow: none;
5365
  background-clip: padding-box; }
5366
5367
.budgie-panel button.flat.launcher {
5368
  outline-color: transparent;
5369
  transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
5370
  border-color: rgba(0, 0, 0, 0);
5371
  border-radius: 0;
5372
  padding: 0;
5373
  background-clip: padding-box;
5374
  background-color: transparent; }
5375
  .budgie-panel button.flat.launcher {
5376
    box-shadow: none; }
5377
5378
.budgie-panel #tasklist-button:hover, .budgie-panel .unpinned button.flat.launcher:hover,
5379
.budgie-panel .pinned button.flat.launcher.running:hover {
5380
  box-shadow: none; }
5381
5382
.budgie-panel #tasklist-button:active, .budgie-panel .unpinned button.flat.launcher:active,
5383
.budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel #tasklist-button:checked, .budgie-panel .unpinned button.flat.launcher:checked,
5384
.budgie-panel .pinned button.flat.launcher.running:checked {
5385
  box-shadow: none; }
5386
5387
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher,
5388
.top .budgie-panel .pinned button.flat.launcher.running,
5389
.budgie-panel .pinned .top button.flat.launcher.running {
5390
  padding-bottom: 2px;
5391
  border-top: 2px solid transparent; }
5392
  .top .budgie-panel .pinned button.flat.launcher:not(.running) {
5393
    border-top: 2px solid transparent; }
5394
  .top .budgie-panel .pinned button.flat.launcher:not(.running):hover {
5395
    border-top: 2px solid rgba(255, 255, 255, 0.1); }
5396
  .top .budgie-panel .unpinned button.flat.launcher,
5397
  .top .budgie-panel .pinned button.flat.launcher.running {
5398
    border-top: 2px solid rgba(255, 255, 255, 0.1); }
5399
  .top .budgie-panel #tasklist-button:hover, .budgie-panel .top #tasklist-button:hover, .top .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .top button.flat.launcher:hover,
5400
  .top .budgie-panel .pinned button.flat.launcher.running:hover,
5401
  .budgie-panel .pinned .top button.flat.launcher.running:hover {
5402
    border-top: 2px solid rgba(255, 255, 255, 0.25); }
5403
  .top .budgie-panel #tasklist-button:active, .budgie-panel .top #tasklist-button:active, .top .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .top button.flat.launcher:active,
5404
  .top .budgie-panel .pinned button.flat.launcher.running:active,
5405
  .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked,
5406
  .top .budgie-panel .pinned button.flat.launcher.running:checked,
5407
  .budgie-panel .pinned .top button.flat.launcher.running:checked {
5408
    border-top: 2px solid #e78a53; }
5409
5410
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher,
5411
.bottom .budgie-panel .pinned button.flat.launcher.running,
5412
.budgie-panel .pinned .bottom button.flat.launcher.running {
5413
  padding-top: 2px;
5414
  border-bottom: 2px solid transparent; }
5415
  .bottom .budgie-panel .pinned button.flat.launcher:not(.running) {
5416
    border-bottom: 2px solid transparent; }
5417
  .bottom .budgie-panel .pinned button.flat.launcher:not(.running):hover {
5418
    border-bottom: 2px solid rgba(255, 255, 255, 0.1); }
5419
  .bottom .budgie-panel .unpinned button.flat.launcher,
5420
  .bottom .budgie-panel .pinned button.flat.launcher.running {
5421
    border-bottom: 2px solid rgba(255, 255, 255, 0.1); }
5422
  .bottom .budgie-panel #tasklist-button:hover, .budgie-panel .bottom #tasklist-button:hover, .bottom .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .bottom button.flat.launcher:hover,
5423
  .bottom .budgie-panel .pinned button.flat.launcher.running:hover,
5424
  .budgie-panel .pinned .bottom button.flat.launcher.running:hover {
5425
    border-bottom: 2px solid rgba(255, 255, 255, 0.25); }
5426
  .bottom .budgie-panel #tasklist-button:active, .budgie-panel .bottom #tasklist-button:active, .bottom .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .bottom button.flat.launcher:active,
5427
  .bottom .budgie-panel .pinned button.flat.launcher.running:active,
5428
  .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked,
5429
  .bottom .budgie-panel .pinned button.flat.launcher.running:checked,
5430
  .budgie-panel .pinned .bottom button.flat.launcher.running:checked {
5431
    border-bottom: 2px solid #e78a53; }
5432
5433
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher,
5434
.left .budgie-panel .pinned button.flat.launcher.running,
5435
.budgie-panel .pinned .left button.flat.launcher.running {
5436
  padding-right: 2px;
5437
  border-left: 2px solid transparent; }
5438
  .left .budgie-panel .pinned button.flat.launcher:not(.running) {
5439
    border-left: 2px solid transparent; }
5440
  .left .budgie-panel .pinned button.flat.launcher:not(.running):hover {
5441
    border-left: 2px solid rgba(255, 255, 255, 0.1); }
5442
  .left .budgie-panel .unpinned button.flat.launcher,
5443
  .left .budgie-panel .pinned button.flat.launcher.running {
5444
    border-left: 2px solid rgba(255, 255, 255, 0.1); }
5445
  .left .budgie-panel #tasklist-button:hover, .budgie-panel .left #tasklist-button:hover, .left .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .left button.flat.launcher:hover,
5446
  .left .budgie-panel .pinned button.flat.launcher.running:hover,
5447
  .budgie-panel .pinned .left button.flat.launcher.running:hover {
5448
    border-left: 2px solid rgba(255, 255, 255, 0.25); }
5449
  .left .budgie-panel #tasklist-button:active, .budgie-panel .left #tasklist-button:active, .left .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .left button.flat.launcher:active,
5450
  .left .budgie-panel .pinned button.flat.launcher.running:active,
5451
  .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked,
5452
  .left .budgie-panel .pinned button.flat.launcher.running:checked,
5453
  .budgie-panel .pinned .left button.flat.launcher.running:checked {
5454
    border-left: 2px solid #e78a53; }
5455
5456
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher,
5457
.right .budgie-panel .pinned button.flat.launcher.running,
5458
.budgie-panel .pinned .right button.flat.launcher.running {
5459
  padding-left: 2px;
5460
  border-right: 2px solid transparent; }
5461
  .right .budgie-panel .pinned button.flat.launcher:not(.running) {
5462
    border-right: 2px solid transparent; }
5463
  .right .budgie-panel .pinned button.flat.launcher:not(.running):hover {
5464
    border-right: 2px solid rgba(255, 255, 255, 0.1); }
5465
  .right .budgie-panel .unpinned button.flat.launcher,
5466
  .right .budgie-panel .pinned button.flat.launcher.running {
5467
    border-right: 2px solid rgba(255, 255, 255, 0.1); }
5468
  .right .budgie-panel #tasklist-button:hover, .budgie-panel .right #tasklist-button:hover, .right .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .right button.flat.launcher:hover,
5469
  .right .budgie-panel .pinned button.flat.launcher.running:hover,
5470
  .budgie-panel .pinned .right button.flat.launcher.running:hover {
5471
    border-right: 2px solid rgba(255, 255, 255, 0.25); }
5472
  .right .budgie-panel #tasklist-button:active, .budgie-panel .right #tasklist-button:active, .right .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .right button.flat.launcher:active,
5473
  .right .budgie-panel .pinned button.flat.launcher.running:active,
5474
  .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked,
5475
  .right .budgie-panel .pinned button.flat.launcher.running:checked,
5476
  .budgie-panel .pinned .right button.flat.launcher.running:checked {
5477
    border-right: 2px solid #e78a53; }
5478
5479
.top .budgie-panel {
5480
  border-bottom: 1px solid rgba(0, 0, 0, 0.92); }
5481
5482
.top .raven-frame {
5483
  padding: 0;
5484
  background: none; }
5485
  .top .raven-frame border {
5486
    border: none;
5487
    border-bottom: 1px solid rgba(43, 43, 43, 0.92); }
5488
5489
.top .shadow-block {
5490
  background-color: transparent;
5491
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); }
5492
5493
.bottom .budgie-panel {
5494
  border-top: 1px solid rgba(0, 0, 0, 0.92); }
5495
5496
.bottom .raven-frame {
5497
  padding: 0;
5498
  background: none; }
5499
  .bottom .raven-frame border {
5500
    border: none;
5501
    border-top: 1px solid rgba(43, 43, 43, 0.92); }
5502
5503
.bottom .shadow-block {
5504
  background-color: transparent;
5505
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); }
5506
5507
.left .budgie-panel {
5508
  border-right: 1px solid rgba(0, 0, 0, 0.92); }
5509
5510
.left .raven-frame {
5511
  padding: 0;
5512
  background: none; }
5513
  .left .raven-frame border {
5514
    border: none;
5515
    border-right: 1px solid rgba(43, 43, 43, 0.92); }
5516
5517
.left .shadow-block {
5518
  background-color: transparent;
5519
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); }
5520
5521
.right .budgie-panel {
5522
  border-left: 1px solid rgba(0, 0, 0, 0.92); }
5523
5524
.right .raven-frame {
5525
  padding: 0;
5526
  background: none; }
5527
  .right .raven-frame border {
5528
    border: none;
5529
    border-left: 1px solid rgba(43, 43, 43, 0.92); }
5530
5531
.right .shadow-block {
5532
  background-color: transparent;
5533
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent); }
5534
5535
.raven {
5536
  padding: 0;
5537
  color: #e75353;
5538
  background: rgba(0, 0, 0, 0.95);
5539
  transition: 170ms ease-out; }
5540
  .raven .raven-header {
5541
    min-height: 32px;
5542
    color: #ffffff;
5543
    border: solid rgba(43, 43, 43, 0.95);
5544
    border-width: 1px 0;
5545
    background-color: rgba(38, 36, 40, 0.45); }
5546
    .raven .raven-header *, .raven .raven-header button:link,
5547
    .raven .raven-header button:visited {
5548
      padding-top: 0;
5549
      padding-bottom: 0; }
5550
    .raven .raven-header.top {
5551
      border-top-style: none;
5552
      border-color: transparent;
5553
      margin-top: 3px;
5554
      min-height: 32px; }
5555
      .raven .raven-header.top button.image-button:hover {
5556
        color: #e47b3d;
5557
        box-shadow: none; }
5558
    .raven .raven-header > button.text-button {
5559
      border-radius: 2px;
5560
      color: #121113;
5561
      background-color: rgba(228, 61, 61, 0.9);
5562
      box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); }
5563
      .raven .raven-header > button.text-button:hover {
5564
        border-radius: 2px;
5565
        color: #121113;
5566
        background-color: rgba(231, 83, 83, 0.9);
5567
        box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); }
5568
      .raven .raven-header > button.text-button:active {
5569
        color: #121113;
5570
        background-color: rgba(234, 105, 105, 0.9);
5571
        box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); }
5572
    .raven .raven-header.bottom {
5573
      border-bottom-style: none; }
5574
    .raven .raven-header button {
5575
      color: #ffffff;
5576
      border-radius: 6px;
5577
      text-shadow: none;
5578
      box-shadow: none;
5579
      border: 1px solid #2b2b2b;
5580
      background-color: #1c1b1e;
5581
      border-radius: 0; }
5582
      .raven .raven-header button:hover {
5583
        color: #e78a53;
5584
        text-shadow: none;
5585
        background-color: rgba(28, 27, 29, 0.7);
5586
        border-radius: 0; }
5587
      .raven .raven-header button:active, .raven .raven-header button:checked {
5588
        color: #e78a53;
5589
        background-color: #0d0c0e; }
5590
      .raven .raven-header button:disabled {
5591
        color: #898889; }
5592
  .raven list {
5593
    color: #ffffff;
5594
    background-color: transparent; }
5595
    .raven list:selected {
5596
      background-color: rgba(231, 138, 83, 0.9); }
5597
    .raven list row,
5598
    .raven list row.activatable {
5599
      background-color: transparent; }
5600
      .raven list row:hover,
5601
      .raven list row.activatable:hover {
5602
        background-color: rgba(38, 36, 40, 0.25); }
5603
      .raven list row:selected,
5604
      .raven list row.activatable:selected {
5605
        background-color: rgba(231, 138, 83, 0.9); }
5606
  .raven .raven-background {
5607
    color: #ffffff;
5608
    background-color: transparent;
5609
    border-color: transparent; }
5610
    .raven .raven-background.middle {
5611
      border-bottom-style: none; }
5612
  .raven .powerstrip {
5613
    background-color: transparent;
5614
    border-top-color: transparent; }
5615
  .raven .powerstrip button.image-button {
5616
    border-radius: 50%;
5617
    padding: 5px;
5618
    min-width: 32px;
5619
    min-height: 32px;
5620
    margin-bottom: 3px;
5621
    background: #fbcb97;
5622
    color: #121113;
5623
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
5624
    border: none;
5625
    font-size: 100%; }
5626
    .raven .powerstrip button.image-button:hover {
5627
      background: rgba(251, 203, 151, 0.85);
5628
      color: #121113; }
5629
    .raven .powerstrip button.image-button:active {
5630
      background: #fbcb97;
5631
      color: #121113; }
5632
    .raven .powerstrip button.image-button:first-child, .raven .powerstrip combobox.linked button.image-button:nth-child(2):dir(rtl), combobox.linked .raven .powerstrip button.image-button:nth-child(2):dir(rtl), .raven .powerstrip .linked:not(.vertical) > combobox:first-child > box > button.image-button.combo, .raven .powerstrip .linked.vertical > combobox:first-child > box > button.image-button.combo {
5633
      background: linear-gradient(to right, #e78a53 0%, #e78a53 100%); }
5634
      .raven .powerstrip button.image-button:first-child:hover, .raven .powerstrip combobox.linked button.image-button:hover:nth-child(2):dir(rtl), combobox.linked .raven .powerstrip button.image-button:hover:nth-child(2):dir(rtl), .raven .powerstrip .linked:not(.vertical) > combobox:first-child > box > button.image-button.combo:hover, .raven .powerstrip .linked.vertical > combobox:first-child > box > button.image-button.combo:hover {
5635
        background: rgba(231, 138, 83, 0.85); }
5636
      .raven .powerstrip button.image-button:first-child:active, .raven .powerstrip combobox.linked button.image-button:active:nth-child(2):dir(rtl), combobox.linked .raven .powerstrip button.image-button:active:nth-child(2):dir(rtl), .raven .powerstrip .linked:not(.vertical) > combobox:first-child > box > button.image-button.combo:active, .raven .powerstrip .linked.vertical > combobox:first-child > box > button.image-button.combo:active {
5637
        background: #e78a53; }
5638
    .raven .powerstrip button.image-button:last-child, .raven .powerstrip combobox.linked button.image-button:nth-child(2):dir(ltr), combobox.linked .raven .powerstrip button.image-button:nth-child(2):dir(ltr), .raven .powerstrip .linked:not(.vertical) > combobox:last-child > box > button.image-button.combo, .raven .powerstrip .linked.vertical > combobox:last-child > box > button.image-button.combo {
5639
      background: linear-gradient(to right, #e75353, #e75353); }
5640
      .raven .powerstrip button.image-button:last-child:hover, .raven .powerstrip combobox.linked button.image-button:hover:nth-child(2):dir(ltr), combobox.linked .raven .powerstrip button.image-button:hover:nth-child(2):dir(ltr), .raven .powerstrip .linked:not(.vertical) > combobox:last-child > box > button.image-button.combo:hover, .raven .powerstrip .linked.vertical > combobox:last-child > box > button.image-button.combo:hover {
5641
        background: rgba(231, 83, 83, 0.85); }
5642
      .raven .powerstrip button.image-button:last-child:active, .raven .powerstrip combobox.linked button.image-button:active:nth-child(2):dir(ltr), combobox.linked .raven .powerstrip button.image-button:active:nth-child(2):dir(ltr), .raven .powerstrip .linked:not(.vertical) > combobox:last-child > box > button.image-button.combo:active, .raven .powerstrip .linked.vertical > combobox:last-child > box > button.image-button.combo:active {
5643
        background: #e75353; }
5644
  .raven .option-subtitle {
5645
    font-size: 13px; }
5646
5647
calendar.raven-calendar {
5648
  padding: 6px;
5649
  color: #ffffff;
5650
  background: transparent;
5651
  border-color: transparent; }
5652
  calendar.raven-calendar:indeterminate {
5653
    color: alpha(currentColor,0.3); }
5654
  calendar.raven-calendar:selected {
5655
    background: transparent;
5656
    color: #e57e41;
5657
    font-weight: bold; }
5658
  calendar.raven-calendar:backdrop, label:backdrop selection.raven-calendar, progressbar:backdrop trough.raven-calendar, progressbar:backdrop progress.raven-calendar {
5659
    background-color: transparent; }
5660
  calendar.raven-calendar.header {
5661
    color: #ffffff;
5662
    border: none;
5663
    border-radius: 0;
5664
    background-color: transparent; }
5665
  calendar.raven-calendar button, calendar.raven-calendar button:focus {
5666
    color: alpha(currentColor,0.5);
5667
    background-color: transparent; }
5668
    calendar.raven-calendar button:hover, calendar.raven-calendar button:focus:hover {
5669
      color: #ffffff;
5670
      background-color: transparent; }
5671
5672
.raven-mpris {
5673
  color: #ffffff;
5674
  background-color: rgba(0, 0, 0, 0.9);
5675
  border: solid rgba(255, 255, 255, 0.1);
5676
  border-width: 1px 0;
5677
  border-bottom-color: rgba(0, 0, 0, 0.1); }
5678
  .raven-mpris button.image-button {
5679
    padding: 10px;
5680
    background-color: #1c1b1d;
5681
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); }
5682
    .raven-mpris button.image-button:hover {
5683
      background-color: #e78a53; }
5684
    .raven-mpris button.image-button:active {
5685
      background-color: #e47b3d; }
5686
    .raven-mpris button.image-button:first-child, .raven-mpris combobox.linked button.image-button:nth-child(2):dir(rtl), combobox.linked .raven-mpris button.image-button:nth-child(2):dir(rtl), .raven-mpris .linked:not(.vertical) > combobox:first-child > box > button.image-button.combo, .raven-mpris .linked.vertical > combobox:first-child > box > button.image-button.combo {
5687
      margin-right: 4px; }
5688
    .raven-mpris button.image-button:last-child, .raven-mpris combobox.linked button.image-button:nth-child(2):dir(ltr), combobox.linked .raven-mpris button.image-button:nth-child(2):dir(ltr), .raven-mpris .linked:not(.vertical) > combobox:last-child > box > button.image-button.combo, .raven-mpris .linked.vertical > combobox:last-child > box > button.image-button.combo {
5689
      margin-left: 4px; }
5690
    .raven-mpris button.image-button:last-child, .raven-mpris combobox.linked button.image-button:nth-child(2):dir(ltr), combobox.linked .raven-mpris button.image-button:nth-child(2):dir(ltr), .raven-mpris .linked:not(.vertical) > combobox:last-child > box > button.image-button.combo, .raven-mpris .linked.vertical > combobox:last-child > box > button.image-button.combo, .raven-mpris button.image-button:first-child, .raven-mpris combobox.linked button.image-button:nth-child(2):dir(rtl), combobox.linked .raven-mpris button.image-button:nth-child(2):dir(rtl), .raven-mpris .linked:not(.vertical) > combobox:first-child > box > button.image-button.combo, .raven-mpris .linked.vertical > combobox:first-child > box > button.image-button.combo {
5691
      padding: 4px;
5692
      margin-top: 6px;
5693
      margin-bottom: 6px; }
5694
5695
.budgie-notification-window, .budgie-switcher-window, .budgie-osd-window {
5696
  background: none;
5697
  border-radius: 1px; }
5698
  .budgie-notification-window button, .budgie-switcher-window button, .budgie-osd-window button {
5699
    background-color: #e78a53;
5700
    color: #121113;
5701
    border: none; }
5702
    .budgie-notification-window button:hover, .budgie-switcher-window button:hover, .budgie-osd-window button:hover {
5703
      background-color: #e47b3d;
5704
      border: none; }
5705
    .budgie-notification-window button:active, .budgie-switcher-window button:active, .budgie-osd-window button:active, .budgie-notification-window button:checked, .budgie-switcher-window button:checked, .budgie-osd-window button:checked {
5706
      background-color: #e47b3d; }
5707
5708
.budgie-notification.background, .background.budgie-switcher, .background.budgie-osd {
5709
  border-radius: 1px; }
5710
5711
.budgie-notification .notification-title, .budgie-switcher .notification-title, .budgie-osd .notification-title {
5712
  font-size: 110%;
5713
  color: #ffffff; }
5714
5715
.budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-osd .notification-body {
5716
  color: rgba(255, 255, 255, 0.7); }
5717
5718
.budgie-notification button, .budgie-switcher button, .budgie-osd button {
5719
  background-color: transparent;
5720
  color: #121113; }
5721
  .budgie-notification button:hover, .budgie-switcher button:hover, .budgie-osd button:hover {
5722
    background-color: transparent;
5723
    color: #e75353;
5724
    box-shadow: none; }
5725
  .budgie-notification button:active, .budgie-switcher button:active, .budgie-osd button:active, .budgie-notification button:checked, .budgie-switcher button:checked, .budgie-osd button:checked {
5726
    background-color: transparent;
5727
    color: #e43d3d; }
5728
5729
.drop-shadow, .budgie-session-dialog.background, .background.budgie-run-dialog, .background.budgie-polkit-dialog {
5730
  color: #ffffff;
5731
  background-color: rgba(18, 17, 19, 0.95);
5732
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
5733
  border-radius: 2px; }
5734
5735
.budgie-switcher-window flowbox {
5736
  color: #ffffff; }
5737
5738
.budgie-switcher-window flowboxchild {
5739
  padding: 3px;
5740
  margin: 3px;
5741
  color: #ffffff; }
5742
  .budgie-switcher-window flowboxchild:hover {
5743
    background-color: transparent; }
5744
  .budgie-switcher-window flowboxchild:active {
5745
    color: #ffffff; }
5746
  .budgie-switcher-window flowboxchild:selected {
5747
    color: #121113;
5748
    background-color: rgba(231, 138, 83, 0.5); }
5749
    .budgie-switcher-window flowboxchild:selected:active {
5750
      color: #121113; }
5751
    .budgie-switcher-window flowboxchild:selected:hover {
5752
      background-color: #d07c4b; }
5753
    .budgie-switcher-window flowboxchild:selected:disabled, .budgie-switcher-window label:disabled selection:selected, label:disabled .budgie-switcher-window selection:selected {
5754
      color: rgba(18, 17, 19, 0.7);
5755
      background-color: rgba(231, 138, 83, 0.7); }
5756
      .budgie-switcher-window flowboxchild:selected:disabled label, .budgie-switcher-window label:disabled selection:selected label, label:disabled .budgie-switcher-window selection:selected label {
5757
        color: rgba(18, 17, 19, 0.7); }
5758
5759
.budgie-session-dialog, .budgie-run-dialog, .budgie-polkit-dialog {
5760
  color: #ffffff;
5761
  background-color: rgba(0, 0, 0, 0.95); }
5762
  .budgie-session-dialog label:backdrop, .budgie-run-dialog label:backdrop, .budgie-polkit-dialog label:backdrop {
5763
    color: rgba(255, 255, 255, 0.8); }
5764
  .budgie-session-dialog .dialog-title, .budgie-run-dialog .dialog-title, .budgie-polkit-dialog .dialog-title {
5765
    font-size: 120%; }
5766
  .budgie-session-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button {
5767
    margin-bottom: 0;
5768
    min-height: 32px;
5769
    border-bottom: none;
5770
    border-color: #2b2b2b;
5771
    border-radius: 0;
5772
    color: #ffffff;
5773
    background-color: transparent;
5774
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); }
5775
    .budgie-session-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label {
5776
      font-weight: 700; }
5777
    .budgie-session-dialog .linked.horizontal > button:first-child, .budgie-run-dialog .linked.horizontal > button:first-child, .budgie-polkit-dialog .linked.horizontal > button:first-child, .budgie-session-dialog combobox.linked .linked.horizontal > button:nth-child(2):dir(rtl), .budgie-run-dialog combobox.linked .linked.horizontal > button:nth-child(2):dir(rtl), .budgie-polkit-dialog combobox.linked .linked.horizontal > button:nth-child(2):dir(rtl), combobox.linked .budgie-session-dialog .linked.horizontal > button:nth-child(2):dir(rtl), combobox.linked .budgie-run-dialog .linked.horizontal > button:nth-child(2):dir(rtl), combobox.linked .budgie-polkit-dialog .linked.horizontal > button:nth-child(2):dir(rtl), .budgie-session-dialog .linked:not(.vertical) > combobox:first-child > box.linked.horizontal > button.combo, .budgie-run-dialog .linked:not(.vertical) > combobox:first-child > box.linked.horizontal > button.combo, .budgie-polkit-dialog .linked:not(.vertical) > combobox:first-child > box.linked.horizontal > button.combo, .budgie-session-dialog .linked.vertical > combobox:first-child > box.linked.horizontal > button.combo, .budgie-run-dialog .linked.vertical > combobox:first-child > box.linked.horizontal > button.combo, .budgie-polkit-dialog .linked.vertical > combobox:first-child > box.linked.horizontal > button.combo {
5778
      border-left: none;
5779
      border-bottom-left-radius: 2px; }
5780
    .budgie-session-dialog .linked.horizontal > button:last-child, .budgie-run-dialog .linked.horizontal > button:last-child, .budgie-polkit-dialog .linked.horizontal > button:last-child, .budgie-session-dialog combobox.linked .linked.horizontal > button:nth-child(2):dir(ltr), .budgie-run-dialog combobox.linked .linked.horizontal > button:nth-child(2):dir(ltr), .budgie-polkit-dialog combobox.linked .linked.horizontal > button:nth-child(2):dir(ltr), combobox.linked .budgie-session-dialog .linked.horizontal > button:nth-child(2):dir(ltr), combobox.linked .budgie-run-dialog .linked.horizontal > button:nth-child(2):dir(ltr), combobox.linked .budgie-polkit-dialog .linked.horizontal > button:nth-child(2):dir(ltr), .budgie-session-dialog .linked:not(.vertical) > combobox:last-child > box.linked.horizontal > button.combo, .budgie-run-dialog .linked:not(.vertical) > combobox:last-child > box.linked.horizontal > button.combo, .budgie-polkit-dialog .linked:not(.vertical) > combobox:last-child > box.linked.horizontal > button.combo, .budgie-session-dialog .linked.vertical > combobox:last-child > box.linked.horizontal > button.combo, .budgie-run-dialog .linked.vertical > combobox:last-child > box.linked.horizontal > button.combo, .budgie-polkit-dialog .linked.vertical > combobox:last-child > box.linked.horizontal > button.combo {
5781
      border-right: none;
5782
      border-bottom-right-radius: 2px;
5783
      background: transparent; }
5784
    .budgie-session-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover {
5785
      background-color: rgba(231, 138, 83, 0.9);
5786
      color: #121113; }
5787
      .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-session-dialog label:backdrop .linked.horizontal > selection:hover label, .budgie-run-dialog label:backdrop .linked.horizontal > selection:hover label, .budgie-polkit-dialog label:backdrop .linked.horizontal > selection:hover label, label:backdrop .budgie-session-dialog .linked.horizontal > selection:hover label, label:backdrop .budgie-run-dialog .linked.horizontal > selection:hover label, label:backdrop .budgie-polkit-dialog .linked.horizontal > selection:hover label, .budgie-session-dialog progressbar:backdrop .linked.horizontal > trough:hover label, .budgie-run-dialog progressbar:backdrop .linked.horizontal > trough:hover label, .budgie-polkit-dialog progressbar:backdrop .linked.horizontal > trough:hover label, progressbar:backdrop .budgie-session-dialog .linked.horizontal > trough:hover label, progressbar:backdrop .budgie-run-dialog .linked.horizontal > trough:hover label, progressbar:backdrop .budgie-polkit-dialog .linked.horizontal > trough:hover label, .budgie-session-dialog progressbar:backdrop .linked.horizontal > progress:hover label, .budgie-run-dialog progressbar:backdrop .linked.horizontal > progress:hover label, .budgie-polkit-dialog progressbar:backdrop .linked.horizontal > progress:hover label, progressbar:backdrop .budgie-session-dialog .linked.horizontal > progress:hover label, progressbar:backdrop .budgie-run-dialog .linked.horizontal > progress:hover label, progressbar:backdrop .budgie-polkit-dialog .linked.horizontal > progress:hover label {
5788
        color: rgba(18, 17, 19, 0.5); }
5789
    .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-session-dialog .selection-mode windowcontrols .linked.horizontal > button, .budgie-run-dialog .selection-mode windowcontrols .linked.horizontal > button, .budgie-polkit-dialog .selection-mode windowcontrols .linked.horizontal > button, .selection-mode windowcontrols .budgie-session-dialog .linked.horizontal > button, .selection-mode windowcontrols .budgie-run-dialog .linked.horizontal > button, .selection-mode windowcontrols .budgie-polkit-dialog .linked.horizontal > button {
5790
      background-color: rgba(231, 138, 83, 0.9); }
5791
      .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-session-dialog .selection-mode windowcontrols .linked.horizontal > button:hover, .budgie-run-dialog .selection-mode windowcontrols .linked.horizontal > button:hover, .budgie-polkit-dialog .selection-mode windowcontrols .linked.horizontal > button:hover, .selection-mode windowcontrols .budgie-session-dialog .linked.horizontal > button:hover, .selection-mode windowcontrols .budgie-run-dialog .linked.horizontal > button:hover, .selection-mode windowcontrols .budgie-polkit-dialog .linked.horizontal > button:hover {
5792
        background-color: rgba(234, 153, 105, 0.9); }
5793
      .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .selection-mode windowcontrols .linked.horizontal > button:active, .budgie-run-dialog .selection-mode windowcontrols .linked.horizontal > button:active, .budgie-polkit-dialog .selection-mode windowcontrols .linked.horizontal > button:active, .selection-mode windowcontrols .budgie-session-dialog .linked.horizontal > button:active, .selection-mode windowcontrols .budgie-run-dialog .linked.horizontal > button:active, .selection-mode windowcontrols .budgie-polkit-dialog .linked.horizontal > button:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-session-dialog .selection-mode windowcontrols .linked.horizontal > button:checked, .budgie-run-dialog .selection-mode windowcontrols .linked.horizontal > button:checked, .budgie-polkit-dialog .selection-mode windowcontrols .linked.horizontal > button:checked, .selection-mode windowcontrols .budgie-session-dialog .linked.horizontal > button:checked, .selection-mode windowcontrols .budgie-run-dialog .linked.horizontal > button:checked, .selection-mode windowcontrols .budgie-polkit-dialog .linked.horizontal > button:checked {
5794
        background-color: rgba(234, 153, 105, 0.9); }
5795
    .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action {
5796
      background-color: rgba(231, 83, 83, 0.9); }
5797
      .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover {
5798
        background-color: rgba(234, 105, 105, 0.9); }
5799
      .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked {
5800
        background-color: rgba(234, 105, 105, 0.9); }
5801
  .budgie-session-dialog entry, .budgie-run-dialog entry, .budgie-polkit-dialog entry {
5802
    background-color: #505359;
5803
    color: #ffffff; }
5804
    .budgie-session-dialog entry:focus, .budgie-run-dialog entry:focus, .budgie-polkit-dialog entry:focus {
5805
      background-color: #505359; }
5806
    .budgie-session-dialog entry:backdrop, .budgie-run-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop {
5807
      background-color: #505359; }
5808
5809
.budgie-polkit-dialog .message {
5810
  color: rgba(255, 255, 255, 0.7); }
5811
5812
.budgie-polkit-dialog .failure {
5813
  color: #e75353; }
5814
5815
.budgie-run-dialog entry.search, .budgie-run-dialog entry.search:focus {
5816
  font-size: 120%;
5817
  padding: 8px 5px;
5818
  border: none;
5819
  box-shadow: none; }
5820
  .budgie-run-dialog entry.search image, .budgie-run-dialog entry.search:focus image {
5821
    color: #ffffff; }
5822
    .budgie-run-dialog entry.search image:dir(ltr), .budgie-run-dialog entry.search:focus image:dir(ltr) {
5823
      padding-left: 8px;
5824
      padding-right: 12px; }
5825
    .budgie-run-dialog entry.search image:dir(rtl), .budgie-run-dialog entry.search:focus image:dir(rtl) {
5826
      padding-left: 12px;
5827
      padding-right: 8px; }
5828
5829
.budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator,
5830
.budgie-run-dialog list row:selected headerbar .subtitle,
5831
headerbar .budgie-run-dialog list row:selected .subtitle, .budgie-run-dialog list row:selected .titlebar .subtitle, .titlebar .budgie-run-dialog list row:selected .subtitle {
5832
  opacity: 1; }
5833
5834
.budgie-run-dialog scrolledwindow {
5835
  border-top: 1px solid rgba(0, 0, 0, 0); }
5836
5837
.budgie-menubar menu {
5838
  margin: 4px;
5839
  padding: 5px;
5840
  border-radius: 0;
5841
  background-color: rgba(0, 0, 0, 0.95); }
5842
  .budgie-menubar menu menuitem:hover {
5843
    background-color: #e78a53;
5844
    color: #121113; }
5845
5846
.budgie-menubar arrow {
5847
  border: none;
5848
  min-width: 16px;
5849
  min-height: 16px; }
5850
  .budgie-menubar arrow.top {
5851
    -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
5852
    border-bottom: 1px solid rgba(45, 44, 46, 0.928); }
5853
  .budgie-menubar arrow.bottom {
5854
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5855
    border-top: 1px solid rgba(45, 44, 46, 0.928); }
5856
5857
.budgie-menubar menuitem accelerator {
5858
  color: rgba(255, 255, 255, 0.35); }
5859
5860
.budgie-menubar menuitem check, .budgie-menubar menuitem radio {
5861
  min-height: 16px;
5862
  min-width: 16px; }
5863
5864
window.background.budgie-settings-window.csd > box.horizontal > stack > scrolledwindow buttonbox.inline-toolbar {
5865
  border-style: none none solid; }
5866
5867
.workspace-switcher .workspace-layout {
5868
  border: 0 solid rgba(0, 0, 0, 0.95); }
5869
  .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) {
5870
    border-left-width: 1px; }
5871
  .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) {
5872
    border-right-width: 1px; }
5873
  .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout {
5874
    border-top-width: 1px; }
5875
5876
.workspace-switcher .workspace-item,
5877
.workspace-switcher .workspace-add-button {
5878
  border: 0 solid rgba(26, 24, 27, 0.95); }
5879
  .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) {
5880
    border-right-width: 1px; }
5881
  .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) {
5882
    border-left-width: 1px; }
5883
  .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button {
5884
    border-bottom-width: 1px; }
5885
5886
.workspace-switcher .workspace-item.current-workspace {
5887
  background-color: rgba(0, 0, 0, 0.95); }
5888
5889
.workspace-switcher .workspace-add-button {
5890
  border: none;
5891
  background: transparent; }
5892
  .workspace-switcher .workspace-add-button:hover {
5893
    box-shadow: none; }
5894
  .workspace-switcher .workspace-add-button:active {
5895
    background-image: none; }
5896
  .workspace-switcher .workspace-add-button:active image {
5897
    margin: 1px 0 -1px; }
5898
5899
.budgie-panel .workspace-switcher .workspace-icon-button {
5900
  min-height: 24px;
5901
  min-width: 24px;
5902
  padding: 0;
5903
  border-radius: 2px; }
5904
5905
/************
5906
 * Nautilus *
5907
 ************/
5908
.nautilus-window .frame *:selected, .nautilus-window .frame button:selected:link,
5909
.nautilus-window .frame button:selected:visited, .nautilus-window .frame *:selected:backdrop {
5910
  background: transparent;
5911
  color: #e78a53; }
5912
  .nautilus-window .frame *:selected label, .nautilus-window .frame button:selected:link label,
5913
  .nautilus-window .frame button:selected:visited label, .nautilus-window .frame *:selected:backdrop label {
5914
    color: #e78a53; }
5915
5916
.nautilus-window paned > separator {
5917
  background-image: none; }
5918
5919
.nautilus-window .sidebar {
5920
  background-color: transparent; }
5921
  .nautilus-window .sidebar:backdrop, .nautilus-window label:backdrop selection.sidebar, label:backdrop .nautilus-window selection.sidebar, .nautilus-window progressbar:backdrop trough.sidebar, progressbar:backdrop .nautilus-window trough.sidebar, .nautilus-window progressbar:backdrop progress.sidebar, progressbar:backdrop .nautilus-window progress.sidebar {
5922
    background-color: transparent; }
5923
  .nautilus-window .sidebar .list-row button {
5924
    border: none;
5925
    background-color: rgba(20, 20, 21, 0.95); }
5926
    .nautilus-window .sidebar .list-row button:active {
5927
      background-color: rgba(231, 138, 83, 0.75); }
5928
  .nautilus-window .sidebar .list-row:selected {
5929
    background-color: rgba(231, 138, 83, 0.75); }
5930
    .nautilus-window .sidebar .list-row:selected:hover {
5931
      background-color: rgba(231, 138, 83, 0.9); }
5932
  .nautilus-window .sidebar .list-row:hover {
5933
    background-color: rgba(28, 27, 29, 0.5); }
5934
    .nautilus-window .sidebar .list-row:hover:active {
5935
      background-color: rgba(231, 138, 83, 0.9); }
5936
5937
.nautilus-window notebook > stack:only-child {
5938
  background-color: #1c1b1d; }
5939
  .nautilus-window notebook > stack:only-child:backdrop {
5940
    background-color: #1f1d20; }
5941
5942
.nautilus-window searchbar {
5943
  border-top: 1px solid rgba(0, 0, 0, 0.12); }
5944
5945
.nautilus-window .searchbar-container {
5946
  margin-top: -1px; }
5947
5948
.nautilus-circular-button {
5949
  border-radius: 20px; }
5950
5951
.disk-space-display {
5952
  border: 2px solid; }
5953
  .disk-space-display .unknown {
5954
    background-color: #888a85;
5955
    border-color: #555653; }
5956
  .disk-space-display .used {
5957
    background-color: #9FB0B9;
5958
    border-color: #667f8c; }
5959
  .disk-space-display .free {
5960
    background-color: #D8D8D8;
5961
    border-color: #a5a5a5; }
5962
5963
.nautilus-desktop {
5964
  color: #ffffff; }
5965
  .nautilus-desktop .nautilus-canvas-item {
5966
    border-radius: 5px;
5967
    color: #ffffff;
5968
    text-shadow: 1px 1px rgba(0, 0, 0, 0.6); }
5969
    .nautilus-desktop .nautilus-canvas-item:active {
5970
      color: #ffffff;
5971
      text-shadow: none; }
5972
    .nautilus-desktop .nautilus-canvas-item:hover {
5973
      color: #ffffff;
5974
      text-shadow: none; }
5975
    .nautilus-desktop .nautilus-canvas-item:selected {
5976
      color: #121113;
5977
      text-shadow: none; }
5978
    .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected,
5979
    .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected,
5980
    headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected, .nautilus-desktop .nautilus-canvas-item .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-canvas-item .subtitle:selected {
5981
      color: #121113; }
5982
  .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected,
5983
  .nautilus-desktop .nautilus-list headerbar .subtitle:selected,
5984
  headerbar .nautilus-desktop .nautilus-list .subtitle:selected, .nautilus-desktop .nautilus-list .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-list .subtitle:selected {
5985
    color: #121113; }
5986
5987
/*********
5988
 * Gedit *
5989
 *********/
5990
.gedit-search-slider {
5991
  padding: 4px;
5992
  border-radius: 0 0 3px 3px;
5993
  border: 0;
5994
  background-color: #121113; }
5995
5996
/*********
5997
 * Gnucash *
5998
*********/
5999
#gnc-id-main-window entry.gnc-class-register-foreground {
6000
  background: transparent;
6001
  border: none;
6002
  box-shadow: none; }
6003
6004
#gnc-id-main-window .arrow.button.toggle {
6005
  transition: none;
6006
  box-shadow: none; }
6007
  #gnc-id-main-window .arrow.button.toggle:hover {
6008
    border-color: #e78a53; }
6009
6010
/*******************
6011
 * Calendar events *
6012
********************/
6013
.color-light.timed label, .color-light .event-popover label {
6014
  color: #ffffff;
6015
  opacity: 1; }
6016
6017
/*******************
6018
 * Calendar sidebar *
6019
********************/
6020
datechooser .circular.day.text-button {
6021
  padding: 6px;
6022
  border-radius: 50%;
6023
  min-height: 22px;
6024
  min-width: 22px;
6025
  border: none; }
6026
  datechooser .circular.day.text-button.flat.other-month, datechooser notebook > header > tabs > arrow.text-button.other-month, datechooser .selection-mode windowcontrols button.text-button.other-month, .selection-mode windowcontrols datechooser button.text-button.other-month, datechooser .circular.day.text-button.flat.non-workday, datechooser notebook > header > tabs > arrow.text-button.non-workday, datechooser .selection-mode windowcontrols button.text-button.non-workday, .selection-mode windowcontrols datechooser button.text-button.non-workday {
6027
    color: #898889; }
6028
  datechooser .circular.day.text-button.today {
6029
    color: #e78a53; }
6030
  datechooser .circular.day.text-button:active, datechooser .circular.day.text-button:selected {
6031
    color: #121113;
6032
    outline-color: rgba(18, 17, 19, 0.3);
6033
    background-color: #e78a53;
6034
    text-shadow: none;
6035
    font-weight: bold; }
6036
6037
datechooser .weekday, datechooser .weeknum {
6038
  color: #898889; }
6039
6040
datechooser .weeknum {
6041
  background-color: rgba(28, 27, 29, 0.8); }
6042
6043
datechooser .current-week {
6044
  background-color: rgba(137, 136, 137, 0.1); }
6045
6046
agenda-view list.background {
6047
  padding: 8px; }
6048
  agenda-view list.background .caption-heading, agenda-view list.background .dim-label.no-events, agenda-view list.background label.no-events.separator,
6049
  agenda-view list.background headerbar .no-events.subtitle,
6050
  headerbar agenda-view list.background .no-events.subtitle, agenda-view list.background .titlebar .no-events.subtitle, .titlebar agenda-view list.background .no-events.subtitle {
6051
    color: #ffffff; }
6052
6053
datechooser, datechooser:backdrop,
6054
agenda-view list.background,
6055
agenda-view list.background:backdrop,
6056
agenda-view label:backdrop selection.background,
6057
label:backdrop agenda-view selection.background,
6058
agenda-view progressbar:backdrop trough.background,
6059
progressbar:backdrop agenda-view trough.background,
6060
agenda-view progressbar:backdrop progress.background,
6061
progressbar:backdrop agenda-view progress.background,
6062
.calendar-list,
6063
.calendar-list:backdrop,
6064
label:backdrop selection.calendar-list,
6065
progressbar:backdrop trough.calendar-list,
6066
progressbar:backdrop progress.calendar-list {
6067
  background-color: #121113; }
6068
6069
/******************************
6070
 * Gnome system monitor graph *
6071
******************************/
6072
#gnome-system-monitor .loadgraph {
6073
  background: #121113;
6074
  color: #ffffff; }
6075
6076
/********
6077
 * Gala *
6078
 *******/
6079
.gala-notification {
6080
  border-width: 0;
6081
  border-radius: 2px;
6082
  color: white;
6083
  border: 1px solid #1c1b1d;
6084
  background-color: #1c1b1d; }
6085
  .gala-notification .title,
6086
  .gala-notification .label {
6087
    color: #ffffff; }
6088
6089
.gala-button {
6090
  padding: 3px;
6091
  color: #1c1b1d;
6092
  border: none;
6093
  border-radius: 50%;
6094
  background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e);
6095
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77);
6096
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }
6097
6098
/**********
6099
 * Notify *
6100
 *********/
6101
.notify {
6102
  /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/
6103
  border-radius: 5px;
6104
  border: 1px solid rgba(0, 0, 0, 0.7);
6105
  background-color: rgba(28, 27, 29, 0.05); }
6106
6107
/***************
6108
 * SwitchBoard *
6109
 ***************/
6110
.category-label {
6111
  font-weight: bold;
6112
  color: #ffffff; }
6113
6114
/*************
6115
 * Slingshot *
6116
 ************/
6117
.button.app {
6118
  border: none;
6119
  border-radius: 0;
6120
  box-shadow: none;
6121
  background-image: none; }
6122
  .button.app .app:hover {
6123
    border-radius: 8px;
6124
    border: none;
6125
    background-color: rgba(231, 138, 83, 0.3);
6126
    color: white; }
6127
  .button.app .app:focus {
6128
    /*background-color: transparentize(black, 0.20);*/ }
6129
6130
.search-item {
6131
  border-radius: 0;
6132
  border: none;
6133
  color: #ffffff;
6134
  background: none; }
6135
  .search-item:hover, .search-item:focus {
6136
    border-radius: 0;
6137
    background-color: rgba(231, 138, 83, 0.3);
6138
    color: #121113; }
6139
6140
.search-entry-large,
6141
.search-entry-large:focus {
6142
  border: none;
6143
  font-size: 18px;
6144
  font-weight: 300;
6145
  background-image: none;
6146
  background: none;
6147
  box-shadow: none;
6148
  border-radius: 0; }
6149
6150
.search-category-header {
6151
  font-weight: bold;
6152
  color: #ffffff; }
6153
6154
/*********
6155
 * Panel *
6156
 ********/
6157
.composited-indicator > revealer,
6158
.composited-indicator > revealer image,
6159
.composited-indicator > revealer label,
6160
.composited-indicator > revealer spinner {
6161
  color: #ffffff;
6162
  font-weight: bold;
6163
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5);
6164
  transition: all 200ms ease-in-out;
6165
  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); }
6166
6167
.composited-indicator > revealer image:first-child + label {
6168
  margin-left: 5px; }
6169
6170
.panel.color-light .composited-indicator > revealer,
6171
.panel.color-light .composited-indicator > revealer image,
6172
.panel.color-light .composited-indicator > revealer label,
6173
.panel.color-light .composited-indicator > revealer spinner {
6174
  color: rgba(0, 0, 0, 0.6);
6175
  text-shadow: 0 1px rgba(255, 255, 255, 0.1);
6176
  -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.1); }
6177
6178
/**************
6179
 * Calculator *
6180
 **************/
6181
PantheonCalculatorMainWindow {
6182
  border-radius: 0 0 4px 4px; }
6183
  PantheonCalculatorMainWindow .window-frame {
6184
    border-radius: 3px; }
6185
6186
/*********
6187
 * Cards *
6188
 *********/
6189
.deck {
6190
  background-color: black; }
6191
6192
.card {
6193
  background-color: #1c1b1d;
6194
  border: none;
6195
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2);
6196
  transition: all 150ms ease-in-out; }
6197
6198
.card.collapsed {
6199
  background-color: #0f0f10;
6200
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); }
6201
6202
/*********
6203
 * Noise *
6204
 *********/
6205
NoiseLibraryWindow {
6206
  border-radius: 0 0 4px 4px; }
6207
  NoiseLibraryWindow .action-bar {
6208
    border-radius: 0 0 4px 4px; }
6209
  NoiseLibraryWindow .window-frame {
6210
    border-radius: 3px; }
6211
6212
/********
6213
 * Snap *
6214
 ********/
6215
SnapMainWindow .take-button,
6216
SnapSnapWindow .take-button {
6217
  border-radius: 0; }
6218
6219
/*******************
6220
 * Photos/Shotwell *
6221
 *******************/
6222
DirectWindow .the-button-in-the-combobox,
6223
LibraryWindow .the-button-in-the-combobox {
6224
  background: none; }
6225
6226
.checkerboard-layout {
6227
  background-color: #121113;
6228
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1));
6229
  background-size: 24px 24px;
6230
  background-position: 0 0, 12px 12px; }
6231
6232
.checkboard-layout .item {
6233
  background-color: #ffffff; }
6234
6235
/*********
6236
* Avatar *
6237
*********/
6238
.avatar {
6239
  border: 1px solid rgba(0, 0, 0, 0.23);
6240
  border-radius: 50%;
6241
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.23); }
6242
6243
/**level bars**/
6244
.sidebar .source-list.view.level-bar, .sidebar iconview.source-list.level-bar, .sidebar .source-list.view.level-bar:selected, .sidebar .source-list.view.level-bar:selected:focus {
6245
  background: linear-gradient(to right, #38353b, #38353b);
6246
  border: 1px solid rgba(0, 0, 0, 0.14);
6247
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
6248
  border-radius: 2px; }
6249
6250
.sidebar .source-list.view.level-bar.fill-block, .sidebar iconview.source-list.level-bar.fill-block {
6251
  border: none; }
6252
6253
.sidebar .source-list.view.fill-block, .sidebar iconview.source-list.fill-block, .sidebar .source-list.view.fill-block:hover, .sidebar .source-list.view.fill-block:selected, .sidebar .source-list.view.fill-block:selected:focus {
6254
  background: linear-gradient(to right, #fbcb97, #fbcb97); }
6255
6256
/**************************
6257
 * Colors in context menu *
6258
**************************/
6259
checkbutton.color-button {
6260
  border: 1px solid #2b2b2b;
6261
  border-radius: 100px;
6262
  background-clip: border-box;
6263
  padding: 0;
6264
  margin: 2px 1px; }
6265
  checkbutton.color-button > check {
6266
    -gtk-icon-source: none;
6267
    background: none;
6268
    margin-right: 0;
6269
    padding: 2px; }
6270
  checkbutton.color-button.none > check {
6271
    background-color: transparent;
6272
    border-radius: 100px;
6273
    -gtk-icon-source: -gtk-icontheme("close-symbolic"); }
6274
6275
radiobutton.color-button > radio {
6276
  -gtk-icon-source: none;
6277
  margin-right: 0;
6278
  border: 1px solid rgba(0, 0, 0, 0.15);
6279
  border-radius: 100px;
6280
  background-clip: border-box; }
6281
6282
radiobutton.color-button:active > radio {
6283
  border: 1px solid rgba(0, 0, 0, 0.35); }
6284
6285
.color-button check,
6286
.color-button check:checked,
6287
.color-button radio,
6288
.color-button radio:checked {
6289
  background-image: none;
6290
  border: 1px solid rgba(0, 0, 0, 0.2);
6291
  border-radius: 50%;
6292
  color: #1c1b1d;
6293
  -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); }
6294
6295
.color-button.red check, .color-button.red radio, s
6296
.color-button.strawberry check, .color-button.strawberry radio {
6297
  background-color: @STRAWBERRY_300;
6298
  -gtk-icon-shadow: 0 1px 1px @STRAWBERRY_500; }
6299
6300
.color-button.orange check, .color-button.orange radio {
6301
  background-color: @ORANGE_300;
6302
  -gtk-icon-shadow: 0 1px 1px @ORANGE_500; }
6303
6304
.color-button.yellow check, .color-button.yellow radio, .color-button.banana check, .color-button.banana radio {
6305
  background-color: @BANANA_500;
6306
  -gtk-icon-shadow: 0 1px 1px @BANANA_700; }
6307
6308
.color-button.green check, .color-button.green radio, .color-button.lime check, .color-button.lime radio {
6309
  background-color: @LIME_500;
6310
  -gtk-icon-shadow: 0 1px 1px @LIME_700; }
6311
6312
.color-button.blue check, .color-button.blue radio, .color-button.blueberry check, .color-button.blueberry radio {
6313
  background-color: @BLUEBERRY_500;
6314
  -gtk-icon-shadow: 0 1px 1px @BLUEBERRY_700; }
6315
6316
.color-button.purple check, .color-button.purple radio, .color-button.grape check, .color-button.grape radio {
6317
  background-color: @GRAPE_500;
6318
  -gtk-icon-shadow: 0 1px 1px @GRAPE_700; }
6319
6320
.color-button.brown check, .color-button.brown radio, .color-button.cocoa check, .color-button.cocoa radio {
6321
  background-color: @COCOA_300;
6322
  -gtk-icon-shadow: 0 1px 1px @COCOA_500; }
6323
6324
.color-button.mint check, .color-button.mint radio {
6325
  background-color: @MINT_500;
6326
  -gtk-icon-shadow: 0 1px 1px @MINT_700; }
6327
6328
.color-button.pink check, .color-button.pink radio, .color-button.bubblegum check, .color-button.bubblegum radio {
6329
  background-color: @BUBBLEGUM_500;
6330
  -gtk-icon-shadow: 0 1px 1px @BUBBLEGUM_700; }
6331
6332
.color-button.slate check, .color-button.slate radio {
6333
  background-color: @SLATE_300;
6334
  -gtk-icon-shadow: 0 1px 1px @SLATE_500; }
6335
6336
.color-button.auto radio {
6337
  background-image: url("assets/color-button-auto.png");
6338
  background-position: -1px -1px;
6339
  background-repeat: no-repeat;
6340
  background-size: calc(100% + 2px); }
6341
6342
.xfce4-panel.panel {
6343
  background-color: #121113;
6344
  text-shadow: none;
6345
  -gtk-icon-shadow: none; }
6346
6347
#tasklist-button {
6348
  color: rgba(255, 255, 255, 0.8);
6349
  border-radius: 0;
6350
  border: none;
6351
  background-color: rgba(18, 17, 19, 0); }
6352
  #tasklist-button:hover {
6353
    color: white;
6354
    background-color: rgba(0, 0, 0, 0.17); }
6355
  #tasklist-button:checked {
6356
    color: white;
6357
    background-color: rgba(0, 0, 0, 0.25);
6358
    box-shadow: inset 0 -2px #e78a53; }
6359
6360
.xfce4-panel.panel button.flat:not(.open_group) {
6361
  color: #ffffff;
6362
  border-radius: 0;
6363
  border: none;
6364
  background-color: rgba(18, 17, 19, 0); }
6365
  .xfce4-panel.panel button.flat:hover:not(.open_group) {
6366
    border: none;
6367
    background-color: #2c292e; }
6368
  .xfce4-panel.panel button.flat:active:not(.open_group), .xfce4-panel.panel button.flat:checked:not(.open_group) {
6369
    color: #121113;
6370
    border: none;
6371
    background-color: #e78a53; }
6372
    .xfce4-panel.panel button.flat:active:not(.open_group) label, .xfce4-panel.panel button.flat:active:not(.open_group) image, .xfce4-panel.panel button.flat:checked:not(.open_group) label, .xfce4-panel.panel button.flat:checked:not(.open_group) image {
6373
      color: inherit; }
6374
6375
#whiskermenu-window button {
6376
  background-color: transparent;
6377
  border: none;
6378
  border-radius: 0;
6379
  font-weight: normal;
6380
  padding: 3px;
6381
  margin: 1px 2px; }
6382
  #whiskermenu-window button:hover, #whiskermenu-window button:checked {
6383
    background-color: #e78a53; }
6384
6385
/* Vala-appmenu-plugin*/
6386
.-vala-panel-appmenu-core scrolledwindow,
6387
.-vala-panel-appmenu-private > menuitem,
6388
.-vala-panel-appmenu-private > menuitem:first-child > label {
6389
  color: #ffffff; }
6390
6391
/********
6392
* Unity *
6393
*********/
6394
/* Unity window border color */
6395
/* Unity window text color */
6396
/* Backdrop Unity window text color */
6397
/* Unity panel color #454D50 */
6398
UnityDecoration {
6399
  background-color: #eeeeee;
6400
  color: #31363D; }
6401
  UnityDecoration .top {
6402
    padding: 0 5px 0 5px;
6403
    border-radius: 4px 4px 0px 0px;
6404
    box-shadow: none;
6405
    border: 1px solid #eeeeee;
6406
    border-bottom-width: 0;
6407
    background-color: #eeeeee;
6408
    color: #31363D;
6409
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
6410
    UnityDecoration .top:backdrop, UnityDecoration label:backdrop selection.top, label:backdrop UnityDecoration selection.top, UnityDecoration progressbar:backdrop trough.top, progressbar:backdrop UnityDecoration trough.top, UnityDecoration progressbar:backdrop progress.top, progressbar:backdrop UnityDecoration progress.top {
6411
      border-bottom-width: 0;
6412
      color: #1a1d21;
6413
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
6414
    UnityDecoration .top .menuitem {
6415
      color: #31363D; }
6416
      UnityDecoration .top .menuitem:backdrop, UnityDecoration .top label:backdrop selection.menuitem, label:backdrop UnityDecoration .top selection.menuitem, UnityDecoration .top progressbar:backdrop trough.menuitem, progressbar:backdrop UnityDecoration .top trough.menuitem, UnityDecoration .top progressbar:backdrop progress.menuitem, progressbar:backdrop UnityDecoration .top progress.menuitem {
6417
        color: #1a1d21; }
6418
6419
UnityDecoration.left,
6420
UnityDecoration.right {
6421
  background-repeat: repeat-x;
6422
  background-color: #ececec;
6423
  background-size: 1px 120px;
6424
  background-clip: border-box;
6425
  background-image: linear-gradient(to bottom, #eeeeee, #ececec); }
6426
6427
UnityDecoration.bottom {
6428
  background-size: 1px;
6429
  background-repeat: repeat-x;
6430
  background-color: #ececec; }
6431
6432
UnityDecoration.left:backdrop, label:backdrop selection.left, progressbar:backdrop trough.left, progressbar:backdrop progress.left,
6433
UnityDecoration.right:backdrop,
6434
label:backdrop selection.right,
6435
progressbar:backdrop trough.right,
6436
progressbar:backdrop progress.right,
6437
UnityDecoration.bottom:backdrop,
6438
label:backdrop selection.bottom,
6439
progressbar:backdrop trough.bottom,
6440
progressbar:backdrop progress.bottom {
6441
  background-size: 1px;
6442
  background-repeat: repeat-x; }
6443
6444
/**************
6445
* Unity Panel *
6446
***************/
6447
UnityPanelWidget,
6448
.unity-panel {
6449
  background-color: #d5d5d5;
6450
  color: #31363D; }
6451
6452
UnityPanelWidget:backdrop,
6453
.unity-panel:backdrop,
6454
label:backdrop selection.unity-panel,
6455
progressbar:backdrop trough.unity-panel,
6456
progressbar:backdrop progress.unity-panel {
6457
  color: #1a1d21; }
6458
6459
.unity-panel.menuitem,
6460
.unity-panel .menuitem {
6461
  border-width: 0 1px;
6462
  color: #31363D; }
6463
6464
.unity-panel.menubar,
6465
.unity-panel .menubar {
6466
  color: #31363D; }
6467
6468
.unity-panel.menu.menubar,
6469
.unity-panel .menu .menubar {
6470
  background-color: #d5d5d5;
6471
  color: #31363D; }
6472
6473
.unity-panel.menubar:backdrop, label:backdrop selection.menubar, progressbar:backdrop trough.menubar, progressbar:backdrop progress.menubar,
6474
.unity-panel .menubar *:backdrop {
6475
  color: #898889; }
6476
6477
.unity-panel.menubar.menuitem,
6478
.unity-panel.menubar .menuitem {
6479
  padding: 3px 5px;
6480
  border-width: 1px;
6481
  border-style: solid;
6482
  border: none;
6483
  background: none;
6484
  color: #31363D;
6485
  box-shadow: none; }
6486
6487
.unity-panel.menubar.menuitem:hover,
6488
.unity-panel.menubar .menuitem:hover {
6489
  border-radius: 0;
6490
  background-color: #ebebeb;
6491
  color: #31363D;
6492
  box-shadow: none; }
6493
6494
.unity-panel.menubar .menuitem *:hover, .unity-panel.menubar .menuitem button:hover:link,
6495
.unity-panel.menubar .menuitem button:hover:visited {
6496
  color: white;
6497
  box-shadow: none; }
6498
6499
.unity-panel.menubar .menuitem.separator,
6500
.unity-panel.menubar.menuitem.separator {
6501
  border: none;
6502
  color: #2b2b2b; }
6503
6504
/* Force Quit */
6505
SheetStyleDialog.unity-force-quit {
6506
  background-color: #1c1b1d; }
6507
6508
@keyframes playbackmenuitem_spinner {
6509
  to {
6510
    -gtk-icon-transform: rotate(1turn); } }
6511
6512
.menu IdoPlaybackMenuItem.menuitem:active {
6513
  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
6514
  animation: playbackmenuitem_spinner 1s infinite linear;
6515
  color: #e78a53; }
6516
6517
MsdOsdWindow.background.osd {
6518
  border-radius: 2px;
6519
  border: 1px solid #2b2b2b; }
6520
  MsdOsdWindow.background.osd .progressbar {
6521
    background-color: #e78a53;
6522
    border: none;
6523
    border-color: #e78a53;
6524
    border-radius: 5px; }
6525
  MsdOsdWindow.background.osd .trough {
6526
    background-color: rgba(5, 5, 6, 0.93);
6527
    border: none;
6528
    border-radius: 5px; }
6529
6530
/***********************
6531
 * App-Specific Styles *
6532
 ***********************/
6533
/*********
6534
 * Geary *
6535
 *********/
6536
.geary-titlebar-left .separator,
6537
.geary-titlebar-right .separator {
6538
  opacity: 0; }
6539
6540
ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected {
6541
  background-color: #e78a53;
6542
  color: #121113; }
6543
  ConversationListView .view:active:backdrop, ConversationListView .view:selected:backdrop {
6544
    background-color: rgba(231, 138, 83, 0.6);
6545
    color: rgba(18, 17, 19, 0.5); }
6546
6547
ConversationListView .view .cell, ConversationListView iconview .cell {
6548
  border: solid rgba(0, 0, 0, 0.2);
6549
  border-width: 0 0 1px 0; }
6550
  ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected {
6551
    color: #121113;
6552
    border: 0px solid #e16c26; }
6553
6554
/***********
6555
 * LightDm *
6556
 ***********/
6557
#panel_window {
6558
  background-color: #121113;
6559
  color: #ffffff;
6560
  font-weight: bold;
6561
  box-shadow: inset 0 -1px black; }
6562
  #panel_window .menubar,
6563
  #panel_window .menubar > .menuitem
6564
menubar,
6565
  #panel_window menubar > menuitem {
6566
    background-color: transparent;
6567
    color: #ffffff;
6568
    font-weight: bold; }
6569
  #panel_window .menubar .menuitem:disabled, #panel_window .menubar label:disabled selection.menuitem, label:disabled #panel_window .menubar selection.menuitem,
6570
  #panel_window menubar menuitem:disabled {
6571
    color: rgba(255, 255, 255, 0.5); }
6572
    #panel_window .menubar .menuitem:disabled GtkLabel, #panel_window .menubar label:disabled selection.menuitem GtkLabel, label:disabled #panel_window .menubar selection.menuitem GtkLabel,
6573
    #panel_window menubar menuitem:disabled GtkLabel {
6574
      color: inherit; }
6575
    #panel_window .menubar .menuitem:disabled label, #panel_window .menubar label:disabled selection.menuitem label, label:disabled #panel_window .menubar selection.menuitem label,
6576
    #panel_window menubar menuitem:disabled label {
6577
      color: inherit; }
6578
  #panel_window .menubar .menu > .menuitem,
6579
  #panel_window menubar menu > menuitem {
6580
    font-weight: normal; }
6581
6582
#login_window,
6583
#shutdown_dialog,
6584
#restart_dialog {
6585
  font-weight: normal;
6586
  border-style: none;
6587
  background-color: transparent;
6588
  color: #ffffff; }
6589
6590
#content_frame {
6591
  padding-bottom: 14px;
6592
  background-color: #121113;
6593
  border-top-left-radius: 2px;
6594
  border-top-right-radius: 2px;
6595
  border: solid rgba(0, 0, 0, 0.1);
6596
  border-width: 1px 1px 0 1px; }
6597
6598
#content_frame button {
6599
  font-weight: normal;
6600
  color: #ffffff;
6601
  background-color: #1b1a1c;
6602
  text-shadow: none; }
6603
  #content_frame button:hover {
6604
    color: #ffffff;
6605
    outline-color: rgba(255, 255, 255, 0.3);
6606
    background-color: #1c1b1d;
6607
    text-shadow: none; }
6608
  #content_frame button:active, #content_frame button:checked {
6609
    color: #ffffff;
6610
    outline-color: rgba(255, 255, 255, 0.3);
6611
    background-color: #e78a53;
6612
    text-shadow: none; }
6613
  #content_frame button:disabled {
6614
    color: #d2d2d2;
6615
    border-color: rgba(43, 43, 43, 0.3);
6616
    background-color: #161517;
6617
    text-shadow: none; }
6618
6619
#buttonbox_frame {
6620
  padding-top: 20px;
6621
  padding-bottom: 0px;
6622
  border-style: none;
6623
  background-color: #121113;
6624
  border-bottom-left-radius: 3px;
6625
  border-bottom-right-radius: 3px;
6626
  border: solid rgba(0, 0, 0, 0.1);
6627
  border-width: 0 1px 1px 1px; }
6628
6629
#buttonbox_frame button {
6630
  color: #ffffff;
6631
  border-color: #2b2b2b;
6632
  background-color: rgba(18, 17, 19, 0.93);
6633
  background-clip: padding-box;
6634
  text-shadow: 0 1px black;
6635
  -gtk-icon-shadow: 0 1px black;
6636
  outline-color: rgba(255, 255, 255, 0.3); }
6637
  #buttonbox_frame button:hover {
6638
    color: white;
6639
    border-color: #2b2b2b;
6640
    background-image: linear-gradient(to bottom, rgba(49, 46, 51, 0.93), rgba(49, 46, 51, 0.93));
6641
    background-clip: padding-box;
6642
    text-shadow: 0 1px black;
6643
    -gtk-icon-shadow: 0 1px black;
6644
    outline-color: rgba(255, 255, 255, 0.3); }
6645
  #buttonbox_frame button:active, #buttonbox_frame button:checked {
6646
    color: white;
6647
    border-color: #2b2b2b;
6648
    background-image: linear-gradient(to bottom, rgba(33, 31, 35, 0.93), rgba(33, 31, 35, 0.93));
6649
    background-clip: padding-box;
6650
    text-shadow: none;
6651
    -gtk-icon-shadow: none;
6652
    outline-color: rgba(255, 255, 255, 0.3); }
6653
  #buttonbox_frame button:disabled {
6654
    color: #898889;
6655
    border-color: #2b2b2b;
6656
    background-image: linear-gradient(to bottom, rgba(42, 41, 43, 0.5), rgba(42, 41, 43, 0.5));
6657
    background-clip: padding-box;
6658
    box-shadow: none;
6659
    text-shadow: none;
6660
    -gtk-icon-shadow: none; }
6661
6662
#login_window #user_combobox {
6663
  color: #ffffff;
6664
  font-size: 13px; }
6665
  #login_window #user_combobox .menu,
6666
  #login_window #user_combobox menu {
6667
    font-weight: normal; }
6668
6669
#user_image {
6670
  padding: 3px;
6671
  border-radius: 2px; }
6672
6673
#greeter_infobar {
6674
  border-bottom-width: 0;
6675
  font-weight: bold; }
6676
6677
.nemo-window .places-treeview .view.cell:hover,
6678
.nemo-window .places-treeview iconview.cell:hover {
6679
  background: rgba(10, 10, 11, 0.7); }
6680
6681
.nemo-window .places-treeview .view.cell:selected,
6682
.nemo-window .places-treeview iconview.cell:selected {
6683
  background: #e78a53;
6684
  color: #121113; }
6685
6686
.nemo-window .sidebar {
6687
  background-color: #121113; }
6688
  .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row {
6689
    color: #98abb2;
6690
    background-color: transparent; }
6691
6692
.nemo-window .nemo-window-pane widget.entry {
6693
  background-clip: padding-box;
6694
  min-height: 28px;
6695
  padding: 5px;
6696
  color: #ffffff;
6697
  border: 1px solid #2b2b2b;
6698
  border-radius: 3px;
6699
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.9), inset 1px 0 rgba(0, 0, 0, 0.96), inset -1px 0 rgba(0, 0, 0, 0.96), inset 0 -1px rgba(0, 0, 0, 0.98), 0 1px rgba(255, 255, 255, 0.6); }
6700
  .nemo-window .nemo-window-pane widget.entry:selected {
6701
    background-color: #e78a53;
6702
    color: #121113; }
6703
6704
.nemo-window toolbar.primary-toolbar {
6705
  margin-bottom: -1px;
6706
  background: #121113; }
6707
  .nemo-window toolbar.primary-toolbar button {
6708
    color: #ffffff;
6709
    border-radius: 6px;
6710
    text-shadow: none;
6711
    box-shadow: none;
6712
    border: 1px solid #2b2b2b;
6713
    background-color: #1c1b1e;
6714
    min-height: 24px;
6715
    padding: 3px; }
6716
    .nemo-window toolbar.primary-toolbar button:hover {
6717
      color: #121113;
6718
      text-shadow: none;
6719
      background-color: rgba(231, 138, 83, 0.7); }
6720
    .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked {
6721
      color: #121113;
6722
      outline-color: rgba(18, 17, 19, 0.3);
6723
      background-color: #e78a53;
6724
      text-shadow: none; }
6725
      .nemo-window toolbar.primary-toolbar button:selected:backdrop, .nemo-window toolbar.primary-toolbar label:backdrop selection:selected, label:backdrop .nemo-window toolbar.primary-toolbar selection:selected, .nemo-window toolbar.primary-toolbar progressbar:backdrop trough:selected, progressbar:backdrop .nemo-window toolbar.primary-toolbar trough:selected, .nemo-window toolbar.primary-toolbar progressbar:backdrop progress:selected, progressbar:backdrop .nemo-window toolbar.primary-toolbar progress:selected, .nemo-window toolbar.primary-toolbar button:active:backdrop, .nemo-window toolbar.primary-toolbar label:backdrop selection:active, label:backdrop .nemo-window toolbar.primary-toolbar selection:active, .nemo-window toolbar.primary-toolbar progressbar:backdrop trough:active, progressbar:backdrop .nemo-window toolbar.primary-toolbar trough:active, .nemo-window toolbar.primary-toolbar progressbar:backdrop progress:active, progressbar:backdrop .nemo-window toolbar.primary-toolbar progress:active, .nemo-window toolbar.primary-toolbar button:checked:backdrop, .nemo-window toolbar.primary-toolbar label:backdrop selection:checked, label:backdrop .nemo-window toolbar.primary-toolbar selection:checked, .nemo-window toolbar.primary-toolbar progressbar:backdrop trough:checked, progressbar:backdrop .nemo-window toolbar.primary-toolbar trough:checked, .nemo-window toolbar.primary-toolbar progressbar:backdrop progress:checked, progressbar:backdrop .nemo-window toolbar.primary-toolbar progress:checked {
6726
        color: rgba(18, 17, 19, 0.5);
6727
        background-color: rgba(231, 138, 83, 0.6);
6728
        text-shadow: none;
6729
        box-shadow: none; }
6730
    .nemo-window toolbar.primary-toolbar button:backdrop, .nemo-window toolbar.primary-toolbar button:disabled, .nemo-window toolbar.primary-toolbar button:backdrop:disabled {
6731
      color: rgba(255, 255, 255, 0.2);
6732
      background-color: #121113;
6733
      text-shadow: none;
6734
      box-shadow: none; }
6735
6736
.nemo-window .nemo-inactive-pane .view,
6737
.nemo-window .nemo-inactive-pane iconview {
6738
  background-color: #141415; }
6739
6740
/* thunar */
6741
.thunar toolbar {
6742
  background-color: #121113; }
6743
6744
/* buttons in toolbar */
6745
.thunar toolbar.horizontal button image {
6746
  -gtk-icon-transform: scale(0.72); }
6747
6748
scrolledwindow.sidebar treeview.view {
6749
  background: #0d0c0e;
6750
  padding: 1.5px; }
6751
6752
/* path-bar of thunar */
6753
window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button,
6754
.thunar toolbar .path-bar-button {
6755
  color: #ffffff;
6756
  border-radius: 6px;
6757
  text-shadow: none;
6758
  box-shadow: none;
6759
  border: 1px solid #2b2b2b;
6760
  background-color: #1c1b1e;
6761
  border-radius: 0;
6762
  border-right: 0.5px solid #2b2b2b;
6763
  box-shadow: none;
6764
  min-height: 20px;
6765
  padding: 3px 4px; }
6766
  window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:first-child,
6767
  .thunar toolbar .path-bar-button:first-child,
6768
  .thunar toolbar combobox.linked button.path-bar-button:nth-child(2):dir(rtl),
6769
  combobox.linked .thunar toolbar button.path-bar-button:nth-child(2):dir(rtl),
6770
  .thunar toolbar .linked:not(.vertical) > combobox:first-child > box > button.path-bar-button.combo,
6771
  .thunar toolbar .linked.vertical > combobox:first-child > box > button.path-bar-button.combo {
6772
    border-top-left-radius: 4px;
6773
    border-bottom-left-radius: 4px; }
6774
  window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:last-child,
6775
  .thunar toolbar .path-bar-button:last-child,
6776
  .thunar toolbar combobox.linked button.path-bar-button:nth-child(2):dir(ltr),
6777
  combobox.linked .thunar toolbar button.path-bar-button:nth-child(2):dir(ltr),
6778
  .thunar toolbar .linked:not(.vertical) > combobox:last-child > box > button.path-bar-button.combo,
6779
  .thunar toolbar .linked.vertical > combobox:last-child > box > button.path-bar-button.combo {
6780
    border-top-right-radius: 4px;
6781
    border-bottom-right-radius: 4px;
6782
    border-right-style: solid; }
6783
  window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:only-child,
6784
  .thunar toolbar .path-bar-button:only-child,
6785
  .thunar toolbar .linked:not(.vertical) > combobox:only-child > box > button.path-bar-button.combo,
6786
  .thunar toolbar .linked.vertical > combobox:only-child > box > button.path-bar-button.combo {
6787
    border-radius: 4px;
6788
    border-style: solid; }
6789
  window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:hover,
6790
  .thunar toolbar .path-bar-button:hover {
6791
    color: #e78a53; }
6792
  window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:checked,
6793
  .thunar toolbar .path-bar-button:checked {
6794
    color: #fff;
6795
    outline-color: rgba(255, 255, 255, 0.3);
6796
    background-color: rgba(231, 138, 83, 0.7);
6797
    text-shadow: none; }
6798
6799
window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .toggle.path-bar-button:hover,
6800
.thunar toolbar .toggle.path-bar-button:hover {
6801
  color: #fff;
6802
  outline-color: rgba(255, 255, 255, 0.3);
6803
  background-color: rgba(231, 138, 83, 0.7);
6804
  text-shadow: none; }
6805
6806
/* thunar sidepane */
6807
window.thunar paned > scrolledwindow treeview.view:hover, window.thunar paned > scrolledwindow treeview.view:selected {
6808
  background: rgba(231, 138, 83, 0.7);
6809
  color: #121113;
6810
  border-radius: 0;
6811
  box-shadow: none; }
6812
6813
.caja-notebook .entry {
6814
  background: #1c1b1d;
6815
  color: #ffffff; }
6816
  .caja-notebook .entry:selected {
6817
    background: #e78a53;
6818
    color: #121113; }
6819
6820
button.colorpad {
6821
  color: @colorpad_fg_color; }
6822
  button.colorpad, button.colorpad:backdrop, label:backdrop selection.colorpad, progressbar:backdrop trough.colorpad, progressbar:backdrop progress.colorpad, button.colorpad:hover, button.colorpad:hover:backdrop, label:backdrop selection:hover, progressbar:backdrop trough:hover, progressbar:backdrop progress:hover, button.colorpad:active, button.colorpad:active:backdrop, label:backdrop selection:active, progressbar:backdrop trough:active, progressbar:backdrop progress:active, button.colorpad:checked, button.colorpad:checked:backdrop, label:backdrop selection:checked, progressbar:backdrop trough:checked, progressbar:backdrop progress:checked {
6823
    background-color: @colorpad_color; }
6824
  button.colorpad:hover {
6825
    filter: brightness(93%); }
6826
  button.colorpad:active {
6827
    filter: brightness(86%); }
6828
  button.colorpad:checked {
6829
    filter: brightness(100%);
6830
    box-shadow: 0px 0px 0px 1.5px #e78a53, inset 0px -3px 0px 0px @colorpad_fg_color; }
6831
6832
button.colorsetter {
6833
  color: @colorsetter_fg_color; }
6834
  button.colorsetter, button.colorsetter:backdrop, label:backdrop selection.colorsetter, progressbar:backdrop trough.colorsetter, progressbar:backdrop progress.colorsetter, button.colorsetter:hover, button.colorsetter:hover:backdrop, label:backdrop selection:hover, progressbar:backdrop trough:hover, progressbar:backdrop progress:hover, button.colorsetter:active, button.colorsetter:active:backdrop, label:backdrop selection:active, progressbar:backdrop trough:active, progressbar:backdrop progress:active, button.colorsetter:checked, button.colorsetter:checked:backdrop, label:backdrop selection:checked, progressbar:backdrop trough:checked, progressbar:backdrop progress:checked {
6835
    background-color: @colorsetter_color; }
6836
  button.colorsetter:hover {
6837
    filter: brightness(93%); }
6838
  button.colorsetter:active {
6839
    filter: brightness(86%); }
6840
  button.colorsetter:checked {
6841
    filter: brightness(100%); }
6842
6843
.overlay_toolbar, .overlay_toolbar_scrollable {
6844
  background: #29272a;
6845
  padding: 10px; }