A fork of the Materia GTK theme.

By using this site, you agree to have cookies stored on your device, strictly for functional purposes, such as storing your session and preferences.

Dismiss

 gtk-dark.css

View raw Download
text/plain • 135.86 kiB
ASCII text, with very long lines (560)
        
            
1
@keyframes ripple_effect {
2
from {
3
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 0%, transparent 0%), image(transparent); }
4
to {
5
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 100%, transparent 0%), image(alpha(currentColor, 0.15)); } }
6
@keyframes flat_ripple_effect {
7
from {
8
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 0%, transparent 0%), image(transparent); }
9
to {
10
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 100%, transparent 0%), image(transparent); } }
11
@keyframes tab_ripple_effect {
12
from {
13
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 165, 245, 0.6) 0%, transparent 0%); }
14
50% {
15
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 165, 245, 0.6) 100%, transparent 0%); }
16
to {
17
background-image: radial-gradient(circle farthest-corner at center, transparent 100%, transparent 0%); } }
18
@keyframes header_ripple_effect {
19
from {
20
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 0%, transparent 0%); }
21
to {
22
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 100%, transparent 0%); } }
23
* {
24
padding: 0;
25
background-clip: padding-box;
26
-GtkToolButton-icon-spacing: 4;
27
-GtkTextView-error-underline-color: #DD2C00;
28
-GtkScrolledWindow-scrollbar-spacing: 0;
29
-GtkToolItemGroup-expander-size: 11;
30
-GtkWidget-text-handle-width: 24;
31
-GtkWidget-text-handle-height: 24;
32
-GtkDialog-button-spacing: 4;
33
-GtkDialog-action-area-border: 0;
34
outline-style: solid;
35
outline-width: 2px;
36
outline-color: alpha(currentColor, 0.3);
37
outline-offset: -4px;
38
-gtk-outline-radius: 2px;
39
-gtk-secondary-caret-color: #42A5F5; }
40
41
/***************
42
* Base States *
43
***************/
44
.background {
45
background-color: #455A64;
46
color: #FFFFFF; }
47
48
/*
49
These wildcard seems unavoidable, need to investigate.
50
Wildcards are bad and troublesome, use them with care,
51
or better, just don't.
52
Everytime a wildcard is used a kitten dies, painfully.
53
*/
54
*:disabled {
55
-gtk-icon-effect: dim; }
56
57
.gtkstyle-fallback {
58
background-color: #455A64;
59
color: #FFFFFF; }
60
.gtkstyle-fallback:hover {
61
background-color: #3b4c55;
62
color: #FFFFFF; }
63
.gtkstyle-fallback:active {
64
background-color: #303f46;
65
color: #FFFFFF; }
66
.gtkstyle-fallback:disabled {
67
background-color: #455A64;
68
color: rgba(255, 255, 255, 0.4); }
69
.gtkstyle-fallback:selected {
70
background-color: #42A5F5;
71
color: #FFFFFF; }
72
73
.view, iconview {
74
background-color: #546E7A;
75
color: #FFFFFF; }
76
.view:hover, iconview:hover, .view:active, iconview:active, .view:selected, iconview:selected {
77
border-radius: 2px; }
78
.view:disabled, iconview:disabled {
79
color: rgba(255, 255, 255, 0.4); }
80
81
.view text, iconview text,
82
textview text {
83
background-color: #546E7A;
84
color: #FFFFFF; }
85
.view text:disabled, iconview text:disabled,
86
textview text:disabled {
87
color: rgba(255, 255, 255, 0.4); }
88
89
textview border {
90
background-color: #4d646f;
91
color: rgba(255, 255, 255, 0.6); }
92
93
.rubberband,
94
rubberband,
95
flowbox rubberband,
96
treeview.view rubberband,
97
.content-view rubberband {
98
border: 1px solid #40C4FF;
99
background-color: rgba(64, 196, 255, 0.3); }
100
101
flowbox flowboxchild {
102
outline-offset: -2px;
103
padding: 4px;
104
border-radius: 2px; }
105
106
label {
107
caret-color: currentColor; }
108
label.separator {
109
color: #FFFFFF; }
110
label selection {
111
background-color: #42A5F5;
112
color: #FFFFFF; }
113
label:disabled {
114
color: rgba(255, 255, 255, 0.4); }
115
tab label:disabled, button label:disabled, menuitem label:disabled {
116
color: inherit; }
117
118
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
119
headerbar .subtitle, .budgie-notification .notification-body {
120
opacity: 0.6; }
121
122
assistant .sidebar {
123
padding: 4px 0; }
124
assistant .sidebar label {
125
min-height: 36px;
126
padding: 0 12px;
127
color: rgba(255, 255, 255, 0.6);
128
font-weight: 500; }
129
assistant .sidebar label.highlight {
130
color: #FFFFFF; }
131
132
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
133
opacity: 0.9; }
134
135
/*********************
136
* Spinner Animation *
137
*********************/
138
@keyframes spin {
139
to {
140
-gtk-icon-transform: rotate(1turn); } }
141
@keyframes spin_colors {
142
1% {
143
color: #66BB6A; }
144
25% {
145
color: #66BB6A; }
146
26% {
147
color: #42A5F5; }
148
50% {
149
color: #42A5F5; }
150
51% {
151
color: #FFA726; }
152
75% {
153
color: #FFA726; }
154
76% {
155
color: #EF5350; }
156
100% {
157
color: #EF5350; } }
158
spinner {
159
background: none;
160
opacity: 0;
161
-gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
162
spinner:checked {
163
opacity: 1;
164
animation: spin 1s linear infinite, spin_colors 4s linear infinite; }
165
spinner:checked:disabled {
166
opacity: 0.4; }
167
168
/****************
169
* Text Entries *
170
****************/
171
spinbutton:not(.vertical),
172
entry {
173
min-height: 36px;
174
padding: 0 8px;
175
border-radius: 2px;
176
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
177
border-image: none;
178
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
179
background-color: #546E7A;
180
color: #FFFFFF; }
181
spinbutton:focus:not(.vertical),
182
entry:focus {
183
border-image: none;
184
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
185
spinbutton:disabled:not(.vertical),
186
entry:disabled {
187
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
188
background-color: #4d646f;
189
color: rgba(255, 255, 255, 0.4); }
190
spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search),
191
notebook > stack:not(:only-child) spinbutton:not(.vertical), colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, #login_window entry,
192
entry.flat {
193
border-radius: 0;
194
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
195
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
196
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
197
background-color: transparent;
198
color: #FFFFFF; }
199
spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search),
200
notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, #login_window entry:focus,
201
entry.flat:focus {
202
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
203
box-shadow: inset 0 -1px alpha(currentColor, 0.3); }
204
spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search),
205
notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, #login_window entry:disabled,
206
entry.flat:disabled {
207
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
208
background-color: transparent;
209
color: rgba(255, 255, 255, 0.4); }
210
spinbutton:not(.vertical) image,
211
entry image {
212
min-height: 24px;
213
min-width: 24px;
214
border-radius: 9999px;
215
-gtk-outline-radius: 9999px;
216
color: alpha(currentColor, 0.75); }
217
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
218
entry image:hover,
219
entry image:active {
220
color: currentColor; }
221
spinbutton:not(.vertical) image:disabled,
222
entry image:disabled {
223
color: alpha(currentColor, 0.6); }
224
spinbutton:not(.vertical) image.left,
225
entry image.left {
226
margin-left: -2px;
227
margin-right: 2px; }
228
spinbutton:not(.vertical) image.right,
229
entry image.right {
230
margin-left: 2px;
231
margin-right: -2px; }
232
spinbutton:not(.vertical) undershoot.left,
233
entry undershoot.left {
234
background-color: transparent;
235
background-image: linear-gradient(to top, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
236
padding-left: 1px;
237
background-size: 1px 12px;
238
background-repeat: repeat-y;
239
background-origin: content-box;
240
background-position: left top; }
241
spinbutton:not(.vertical) undershoot.right,
242
entry undershoot.right {
243
background-color: transparent;
244
background-image: linear-gradient(to top, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
245
padding-right: 1px;
246
background-size: 1px 12px;
247
background-repeat: repeat-y;
248
background-origin: content-box;
249
background-position: right top; }
250
spinbutton.error:not(.vertical),
251
entry.error {
252
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
253
border-image: none;
254
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
255
background-color: #DD2C00;
256
color: #FFFFFF; }
257
spinbutton.error:focus:not(.vertical),
258
entry.error:focus {
259
border-image: none;
260
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
261
spinbutton.error:disabled:not(.vertical),
262
entry.error:disabled {
263
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
264
background-color: #4d646f;
265
color: rgba(255, 255, 255, 0.4); }
266
spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search),
267
notebook > stack:not(:only-child) spinbutton.error:not(.vertical), colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, #login_window entry.error,
268
entry.error.flat {
269
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
270
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px;
271
box-shadow: inset 0 -1px #DD2C00;
272
background-color: transparent;
273
color: #FFFFFF; }
274
spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search),
275
notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, #login_window entry.error:focus,
276
entry.error.flat:focus {
277
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px;
278
box-shadow: inset 0 -1px #DD2C00; }
279
spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search),
280
notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, #login_window entry.error:disabled,
281
entry.error.flat:disabled {
282
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
283
background-color: transparent;
284
color: rgba(255, 255, 255, 0.4); }
285
spinbutton.warning:not(.vertical),
286
entry.warning {
287
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
288
border-image: none;
289
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
290
background-color: #FF6D00;
291
color: #FFFFFF; }
292
spinbutton.warning:focus:not(.vertical),
293
entry.warning:focus {
294
border-image: none;
295
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
296
spinbutton.warning:disabled:not(.vertical),
297
entry.warning:disabled {
298
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
299
background-color: #4d646f;
300
color: rgba(255, 255, 255, 0.4); }
301
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search),
302
notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, #login_window entry.warning,
303
entry.warning.flat {
304
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
305
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px;
306
box-shadow: inset 0 -1px #FF6D00;
307
background-color: transparent;
308
color: #FFFFFF; }
309
spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search),
310
notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, #login_window entry.warning:focus,
311
entry.warning.flat:focus {
312
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px;
313
box-shadow: inset 0 -1px #FF6D00; }
314
spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search),
315
notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, #login_window entry.warning:disabled,
316
entry.warning.flat:disabled {
317
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
318
background-color: transparent;
319
color: rgba(255, 255, 255, 0.4); }
320
spinbutton:not(.vertical) progress,
321
entry progress {
322
margin: 2px -6px;
323
border-style: none none solid;
324
border-width: 2px;
325
border-color: #42A5F5;
326
background-color: transparent; }
327
.linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search),
328
notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, #login_window .linked:not(.vertical) > entry, .linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked.vertical > entry:not(.search),
329
notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical), colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry.preferences-search, layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, #login_window .linked.vertical > entry, .linked:not(.vertical) >
330
entry.flat, .linked.vertical >
331
entry.flat {
332
border-radius: 0; }
333
334
treeview entry.flat, treeview entry {
335
min-height: 0;
336
padding: 2px;
337
border-radius: 0;
338
background-color: #546E7A; }
339
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
340
border-image: none;
341
box-shadow: none; }
342
343
/***********
344
* Buttons *
345
***********/
346
@keyframes needs_attention {
347
from {
348
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)); }
349
to {
350
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF4081), to(transparent)); } }
351
button {
352
min-height: 24px;
353
min-width: 16px;
354
padding: 6px 10px;
355
border-radius: 2px;
356
font-weight: 500;
357
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), background-image 0.6s cubic-bezier(0, 0, 0.2, 1);
358
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
359
background-color: #607D8B;
360
background-image: radial-gradient(circle farthest-corner at center, transparent 100%, transparent 0%), image(transparent);
361
color: rgba(255, 255, 255, 0.75); }
362
button:hover {
363
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
364
color: #FFFFFF; }
365
button:active {
366
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), background-image 0;
367
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
368
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
369
color: #FFFFFF; }
370
button:disabled {
371
box-shadow: none;
372
background-color: alpha(currentColor, 0.3);
373
color: rgba(255, 255, 255, 0.3); }
374
button:checked {
375
background-color: #42A5F5;
376
color: #FFFFFF; }
377
button:checked:disabled {
378
background-color: alpha(currentColor, 0.3);
379
color: rgba(66, 165, 245, 0.4); }
380
modelbutton.flat,
381
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
382
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
383
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, popover.messagepopover .popover-action-area button, PanelToplevel > widget > button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
384
.path-bar button, layouttabbar button, .mate-panel-menu-bar #PanelApplet button:not(.flat), .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
385
headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button,
386
button.flat {
387
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-image 0.6s cubic-bezier(0, 0, 0.2, 1);
388
box-shadow: inset 0 0 0 9999px transparent;
389
background-color: transparent;
390
background-image: radial-gradient(circle farthest-corner at center, transparent 100%, transparent 0%), image(transparent);
391
color: alpha(currentColor, 0.75); }
392
modelbutton.flat:hover,
393
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
394
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
395
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, popover.messagepopover .popover-action-area button:hover, PanelToplevel > widget > button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar)
396
.path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar #PanelApplet button:hover:not(.flat), .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
397
headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover,
398
button.flat:hover {
399
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
400
color: currentColor; }
401
modelbutton.flat:active,
402
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
403
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
404
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, popover.messagepopover .popover-action-area button:active, PanelToplevel > widget > button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar)
405
.path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar #PanelApplet button:active:not(.flat), .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
406
headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active,
407
button.flat:active {
408
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-image 0;
409
animation: flat_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
410
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
411
color: currentColor; }
412
modelbutton.flat:disabled,
413
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
414
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
415
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, popover.messagepopover .popover-action-area button:disabled, PanelToplevel > widget > button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar)
416
.path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled:not(.flat), .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
417
headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled,
418
button.flat:disabled {
419
box-shadow: none;
420
background-color: transparent;
421
color: alpha(currentColor, 0.3); }
422
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
423
.path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar #PanelApplet button:checked:not(.flat), .budgie-panel #tasklist-button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
424
headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked,
425
button.flat:checked {
426
background-color: alpha(currentColor, 0.3);
427
color: currentColor; }
428
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
429
.path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar #PanelApplet button:checked:disabled:not(.flat), .budgie-panel #tasklist-button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action),
430
headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled,
431
button.flat:checked:disabled {
432
background-color: alpha(currentColor, 0.3);
433
color: alpha(currentColor, 0.4); }
434
button.text-button {
435
padding-left: 16px;
436
padding-right: 16px; }
437
button.image-button {
438
min-width: 24px;
439
padding: 6px;
440
border-radius: 9999px;
441
-gtk-outline-radius: 9999px; }
442
button.text-button.image-button {
443
border-radius: 2px;
444
-gtk-outline-radius: 2px; }
445
button.text-button.image-button label:first-child {
446
margin-left: 10px;
447
margin-right: 2px; }
448
button.text-button.image-button label:last-child {
449
margin-left: 2px;
450
margin-right: 10px; }
451
button.text-button.image-button label:only-child {
452
margin-left: 10px;
453
margin-right: 10px; }
454
button.text-button.image-button image:not(:only-child):first-child {
455
margin-left: 4px; }
456
button.text-button.image-button image:not(:only-child):last-child {
457
margin-right: 4px; }
458
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
459
headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, toolbar .linked.vertical > button, .titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action),
460
headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button, .linked >
461
button.flat, .linked.vertical >
462
button.flat {
463
border-radius: 2px; }
464
toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
465
headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, toolbar .linked.vertical > button.image-button, .titlebar:not(headerbar) .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action),
466
headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button.image-button, .linked >
467
button.flat.image-button, .linked.vertical >
468
button.flat.image-button {
469
border-radius: 9999px;
470
-gtk-outline-radius: 9999px; }
471
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
472
headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, toolbar .linked.vertical > button.text-button.image-button, .titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
473
headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button.text-button.image-button, .linked >
474
button.flat.text-button.image-button, .linked.vertical >
475
button.flat.text-button.image-button {
476
border-radius: 2px;
477
-gtk-outline-radius: 2px; }
478
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
479
button:disabled {
480
color: rgba(255, 255, 255, 0.3); }
481
button.osd {
482
padding: 12px 16px; }
483
button.osd.image-button {
484
padding: 12px; }
485
button.osd:disabled {
486
opacity: 0; }
487
button.suggested-action {
488
background-color: #FF4081;
489
color: #FFFFFF; }
490
button.suggested-action:disabled {
491
box-shadow: none;
492
background-color: alpha(currentColor, 0.3);
493
color: rgba(255, 255, 255, 0.3); }
494
button.suggested-action:checked {
495
background-color: #ff79a7; }
496
button.suggested-action.flat {
497
background-color: transparent;
498
color: #FF4081; }
499
button.suggested-action.flat:disabled {
500
box-shadow: none;
501
background-color: transparent;
502
color: alpha(currentColor, 0.3); }
503
button.destructive-action {
504
background-color: #FF5252;
505
color: #FFFFFF; }
506
button.destructive-action:disabled {
507
box-shadow: none;
508
background-color: alpha(currentColor, 0.3);
509
color: rgba(255, 255, 255, 0.3); }
510
button.destructive-action:checked {
511
background-color: #ff8686; }
512
button.destructive-action.flat {
513
background-color: transparent;
514
color: #FF5252; }
515
button.destructive-action.flat:disabled {
516
box-shadow: none;
517
background-color: transparent;
518
color: alpha(currentColor, 0.3); }
519
.stack-switcher >
520
button {
521
outline-offset: -4px; }
522
.stack-switcher >
523
button > label {
524
padding-left: 6px;
525
padding-right: 6px; }
526
.stack-switcher >
527
button > image {
528
padding-left: 6px;
529
padding-right: 6px;
530
padding-top: 3px;
531
padding-bottom: 3px; }
532
.stack-switcher >
533
button.text-button {
534
padding-left: 10px;
535
padding-right: 10px; }
536
.stack-switcher >
537
button.image-button {
538
padding-left: 4px;
539
padding-right: 4px; }
540
.stack-switcher >
541
button.needs-attention:checked > label,
542
.stack-switcher >
543
button.needs-attention:checked > image {
544
animation: none;
545
background-image: none; }
546
button separator {
547
min-width: 0;
548
min-height: 0;
549
background: transparent; }
550
.primary-toolbar
551
button {
552
-gtk-icon-shadow: none; }
553
554
.stack-switcher >
555
button.needs-attention > label,
556
.stack-switcher >
557
button.needs-attention > image, stacksidebar row.needs-attention > label {
558
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
559
background-repeat: no-repeat;
560
background-position: right 3px;
561
background-size: 6px 6px; }
562
.stack-switcher >
563
button.needs-attention > label:dir(rtl),
564
.stack-switcher >
565
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
566
background-position: left 3px; }
567
568
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) >
569
entry, .linked >
570
button, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) {
571
border-radius: 0;
572
-gtk-outline-radius: 2px; }
573
574
.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) >
575
entry:first-child, .linked >
576
button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo {
577
border-top-left-radius: 2px;
578
border-bottom-left-radius: 2px; }
579
.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) >
580
entry:last-child, .linked >
581
button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo {
582
border-top-right-radius: 2px;
583
border-bottom-right-radius: 2px; }
584
.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) >
585
entry:only-child, .linked >
586
button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo {
587
border-radius: 2px; }
588
589
.linked.vertical > spinbutton:not(.vertical), .linked.vertical >
590
entry, .linked.vertical >
591
button, .linked.vertical > combobox > box > button.combo {
592
border-radius: 0;
593
-gtk-outline-radius: 2px; }
594
595
.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical >
596
entry:first-child, .linked.vertical >
597
button:first-child, .linked.vertical > combobox:first-child > box > button.combo {
598
border-top-left-radius: 2px;
599
border-top-right-radius: 2px; }
600
.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical >
601
entry:last-child, .linked.vertical >
602
button:last-child, .linked.vertical > combobox:last-child > box > button.combo {
603
border-bottom-left-radius: 2px;
604
border-bottom-right-radius: 2px; }
605
.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical >
606
entry:only-child, .linked.vertical >
607
button:only-child, .linked.vertical > combobox:only-child > box > button.combo {
608
border-radius: 2px; }
609
610
/* menu buttons */
611
modelbutton.flat,
612
.menuitem.button.flat {
613
min-height: 28px;
614
padding: 0 8px;
615
border-radius: 2px;
616
color: inherit; }
617
modelbutton.flat check:not(:checked):not(:indeterminate),
618
modelbutton.flat radio:not(:checked):not(:indeterminate),
619
.menuitem.button.flat check:not(:checked):not(:indeterminate),
620
.menuitem.button.flat radio:not(:checked):not(:indeterminate) {
621
color: alpha(currentColor, 0.6); }
622
modelbutton.flat check, modelbutton.flat check:hover,
623
modelbutton.flat radio,
624
modelbutton.flat radio:hover,
625
.menuitem.button.flat check,
626
.menuitem.button.flat check:hover,
627
.menuitem.button.flat radio,
628
.menuitem.button.flat radio:hover {
629
box-shadow: none; }
630
modelbutton.flat check:active,
631
modelbutton.flat radio:active,
632
.menuitem.button.flat check:active,
633
.menuitem.button.flat radio:active {
634
animation: none; }
635
modelbutton.flat check:last-child,
636
modelbutton.flat radio:last-child,
637
.menuitem.button.flat check:last-child,
638
.menuitem.button.flat radio:last-child {
639
margin-left: -8px;
640
margin-right: -16px; }
641
modelbutton.flat check:first-child,
642
modelbutton.flat radio:first-child,
643
.menuitem.button.flat check:first-child,
644
.menuitem.button.flat radio:first-child {
645
margin-left: -16px;
646
margin-right: -8px; }
647
648
modelbutton.flat arrow {
649
background: none; }
650
modelbutton.flat arrow:hover {
651
background: none; }
652
modelbutton.flat arrow.left {
653
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
654
modelbutton.flat arrow.right {
655
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
656
657
button.color {
658
min-height: 24px;
659
min-width: 24px;
660
padding: 6px; }
661
662
/*********
663
* Links *
664
*********/
665
*:link, button:link,
666
button:visited, *:link:hover, button:hover:link,
667
button:hover:visited, *:link:active, button:active:link,
668
button:active:visited {
669
color: #42A5F5; }
670
*:link:visited,
671
button:visited, *:link:visited:hover,
672
button:visited:hover, *:link:visited:active,
673
button:visited:active {
674
color: #E040FB; }
675
infobar.info *:link, infobar.info button:link,
676
infobar.info button:visited, infobar.question *:link, infobar.question button:link,
677
infobar.question button:visited, infobar.warning *:link, infobar.warning button:link,
678
infobar.warning button:visited, infobar.error *:link, infobar.error button:link,
679
infobar.error button:visited, *:link:selected, button:selected:link,
680
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
681
headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link,
682
*:selected button:visited {
683
color: #FFFFFF; }
684
685
button:link > label,
686
button:visited > label {
687
text-decoration-line: underline; }
688
689
/*****************
690
* GtkSpinButton *
691
*****************/
692
spinbutton:not(.vertical) {
693
padding: 0; }
694
notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled,
695
spinbutton:not(.vertical) entry {
696
min-width: 32px;
697
margin: 0;
698
border-image: none;
699
border-radius: 0;
700
box-shadow: none;
701
background-color: transparent; }
702
spinbutton:not(.vertical) button {
703
border: solid 6px transparent; }
704
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
705
margin-left: -3px; }
706
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
707
margin-right: -3px; }
708
spinbutton.vertical:disabled {
709
color: rgba(255, 255, 255, 0.4); }
710
spinbutton.vertical:drop(active) {
711
box-shadow: none; }
712
spinbutton.vertical entry {
713
min-height: 36px;
714
min-width: 48px;
715
padding: 0; }
716
spinbutton.vertical button {
717
min-height: 36px;
718
min-width: 48px;
719
padding: 0; }
720
spinbutton.vertical button.up {
721
border-radius: 2px 2px 0 0; }
722
spinbutton.vertical button.down {
723
border-radius: 0 0 2px 2px; }
724
treeview spinbutton:not(.vertical) {
725
min-height: 0;
726
border-style: none;
727
border-radius: 0; }
728
treeview spinbutton:not(.vertical) entry {
729
min-height: 0;
730
padding: 1px 2px; }
731
732
/**************
733
* ComboBoxes *
734
**************/
735
combobox arrow {
736
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
737
min-height: 16px;
738
min-width: 16px; }
739
combobox button.combo:checked {
740
transition: none; }
741
combobox button.combo cellview:dir(ltr) {
742
margin-left: -2px; }
743
combobox button.combo cellview:dir(rtl) {
744
margin-right: -2px; }
745
combobox #gtk-combobox-popup-menu {
746
padding: 2px 0; }
747
combobox #gtk-combobox-popup-menu menuitem {
748
min-height: 32px;
749
padding: 0 8px; }
750
combobox:drop(active) {
751
box-shadow: none; }
752
753
notebook > stack:not(:only-child) button.combo, #login_window #user_combobox button {
754
border-radius: 0;
755
background-image: none;
756
font-weight: inherit;
757
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
758
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
759
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
760
background-color: transparent;
761
color: #FFFFFF; }
762
notebook > stack:not(:only-child) button.combo:hover, #login_window #user_combobox button:hover {
763
box-shadow: inset 0 -2px alpha(currentColor, 0.3); }
764
notebook > stack:not(:only-child) button.combo:checked, #login_window #user_combobox button:checked {
765
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px; }
766
notebook > stack:not(:only-child) button.combo:disabled, #login_window #user_combobox button:disabled {
767
color: rgba(255, 255, 255, 0.4); }
768
769
/************
770
* Toolbars *
771
************/
772
toolbar {
773
-GtkWidget-window-dragging: true;
774
padding: 3px;
775
background-color: #455A64; }
776
.osd toolbar {
777
background-color: transparent; }
778
toolbar.osd, .app-notification, frame.documents-dropdown {
779
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
780
padding: 6px;
781
border-radius: 2px;
782
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
783
background-color: #546E7A; }
784
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
785
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); }
786
toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown {
787
border-radius: 0; }
788
toolbar.horizontal separator {
789
margin: 3px; }
790
toolbar.vertical separator {
791
margin: 3px; }
792
toolbar:not(.inline-toolbar):not(.osd) scale,
793
toolbar:not(.inline-toolbar):not(.osd) entry,
794
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
795
toolbar:not(.inline-toolbar):not(.osd) button {
796
margin: 3px; }
797
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
798
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
799
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
800
margin-left: 0; }
801
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
802
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
803
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
804
margin-right: 0; }
805
toolbar:not(.inline-toolbar):not(.osd) switch {
806
margin: 9px 3px; }
807
808
.inline-toolbar {
809
padding: 6px;
810
border-style: solid;
811
border-width: 0 1px 1px;
812
border-color: rgba(0, 0, 0, 0.2);
813
background-color: #4d646f; }
814
815
searchbar,
816
.location-bar {
817
padding: 6px;
818
border-style: solid;
819
border-width: 0 0 1px;
820
border-color: rgba(0, 0, 0, 0.2);
821
background-color: #455A64;
822
background-clip: border-box; }
823
824
/***************
825
* Header bars *
826
***************/
827
.titlebar:not(headerbar),
828
headerbar {
829
transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
830
min-height: 48px;
831
padding: 0 6px;
832
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2);
833
background-color: #37474F;
834
color: #FFFFFF; }
835
.titlebar:disabled:not(headerbar) :not(button) > label,
836
headerbar:disabled :not(button) > label {
837
color: rgba(255, 255, 255, 0.4); }
838
.titlebar:backdrop:not(headerbar),
839
headerbar:backdrop {
840
color: rgba(255, 255, 255, 0.75); }
841
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
842
headerbar:backdrop:disabled :not(button) > label {
843
color: rgba(255, 255, 255, 0.3); }
844
.titlebar:not(headerbar) .title,
845
headerbar .title {
846
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
847
padding: 0 12px;
848
font-weight: bold; }
849
.titlebar:not(headerbar) .subtitle,
850
headerbar .subtitle {
851
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
852
padding: 0 12px;
853
font-size: smaller; }
854
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
855
headerbar button:not(.suggested-action):not(.destructive-action) {
856
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; }
857
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
858
headerbar button:not(.suggested-action):not(.destructive-action):checked {
859
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; }
860
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
861
headerbar button:not(.suggested-action):not(.destructive-action):checked,
862
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
863
background-color: transparent; }
864
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
865
headerbar button.suggested-action:disabled,
866
headerbar button.destructive-action:disabled {
867
color: alpha(currentColor, 0.4); }
868
.selection-mode.titlebar:not(headerbar),
869
headerbar.selection-mode {
870
transition: background-color 0 0.3s;
871
animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
872
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2);
873
background-color: #42A5F5;
874
color: #FFFFFF; }
875
.selection-mode.titlebar:backdrop:not(headerbar),
876
headerbar.selection-mode:backdrop {
877
color: rgba(255, 255, 255, 0.75); }
878
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
879
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
880
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
881
color: currentColor; }
882
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
883
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
884
color: alpha(currentColor, 0.4); }
885
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
886
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
887
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
888
color: currentColor; }
889
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
890
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
891
color: alpha(currentColor, 0.4); }
892
.selection-mode.titlebar:not(headerbar) .selection-menu,
893
headerbar.selection-mode .selection-menu {
894
padding-left: 16px;
895
padding-right: 16px; }
896
.selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow,
897
headerbar.selection-mode .selection-menu GtkArrow {
898
-GtkArrow-arrow-scaling: 1; }
899
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
900
headerbar.selection-mode .selection-menu .arrow {
901
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
902
.fullscreen .titlebar:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen
903
headerbar, .tiled
904
headerbar, .maximized
905
headerbar {
906
border-radius: 0;
907
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
908
.default-decoration.titlebar:not(headerbar),
909
headerbar.default-decoration {
910
min-height: 24px;
911
padding: 6px;
912
border-width: 0; }
913
.default-decoration.titlebar:not(headerbar) button.titlebutton,
914
headerbar.default-decoration button.titlebutton {
915
min-height: 24px;
916
min-width: 24px;
917
margin: 0;
918
padding: 0; }
919
.default-decoration.titlebar:not(headerbar) button.titlebutton:active,
920
headerbar.default-decoration button.titlebutton:active {
921
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 100%, transparent 0%), image(alpha(currentColor, 0.15)); }
922
.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd
923
headerbar:dir(rtl), .solid-csd
924
headerbar:dir(ltr) {
925
margin-left: -2px;
926
margin-right: -2px;
927
margin-top: -2px;
928
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
929
930
headerbar entry,
931
headerbar spinbutton,
932
headerbar button {
933
margin-top: 6px;
934
margin-bottom: 6px; }
935
headerbar switch {
936
margin-top: 12px;
937
margin-bottom: 12px; }
938
939
.background:not(.tiled):not(.maximized):not(.fullscreen) .titlebar {
940
border-top-left-radius: 2px;
941
border-top-right-radius: 2px; }
942
943
window:not(.tiled):not(.maximized):not(.fullscreen) separator:first-child + headerbar, window:not(.tiled):not(.maximized):not(.fullscreen) headerbar:first-child {
944
border-top-left-radius: 2px; }
945
window:not(.tiled):not(.maximized):not(.fullscreen) headerbar:last-child {
946
border-top-right-radius: 2px; }
947
948
window.csd > .titlebar:not(headerbar) {
949
padding: 0;
950
background-color: transparent;
951
background-image: none;
952
border-style: none;
953
box-shadow: none; }
954
.titlebar:not(headerbar) > separator {
955
background-color: #37474F;
956
background-image: image(rgba(0, 0, 0, 0.2)); }
957
958
/************
959
* Pathbars *
960
************/
961
.caja-pathbar button,
962
.path-bar button {
963
padding-left: 6px;
964
padding-right: 6px; }
965
.caja-pathbar button label:not(:only-child):first-child,
966
.path-bar button label:not(:only-child):first-child {
967
margin-left: 4px; }
968
.caja-pathbar button label:not(:only-child):last-child,
969
.path-bar button label:not(:only-child):last-child {
970
margin-right: 4px; }
971
.caja-pathbar button.slider-button,
972
.path-bar button.slider-button {
973
padding-left: 4px;
974
padding-right: 4px; }
975
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
976
.path-bar button {
977
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
978
border-radius: 2px; }
979
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
980
.path-bar button:checked {
981
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px; }
982
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
983
.path-bar button:checked, :not(headerbar)
984
.path-bar button:checked:disabled {
985
background-color: transparent; }
986
987
/**************
988
* Tree Views *
989
**************/
990
treeview.view {
991
border-left-color: alpha(currentColor, 0.3);
992
border-top-color: rgba(0, 0, 0, 0.2); }
993
* {
994
-GtkTreeView-horizontal-separator: 4;
995
-GtkTreeView-grid-line-width: 1;
996
-GtkTreeView-grid-line-pattern: '';
997
-GtkTreeView-tree-line-width: 1;
998
-GtkTreeView-tree-line-pattern: '';
999
-GtkTreeView-expander-size: 16; }
1000
treeview.view:hover, treeview.view:active, treeview.view:selected {
1001
border-radius: 0; }
1002
treeview.view.separator {
1003
min-height: 5px;
1004
color: rgba(0, 0, 0, 0.2); }
1005
treeview.view:drop(active) {
1006
border-style: solid none;
1007
border-width: 1px;
1008
border-color: #FF4081; }
1009
treeview.view:drop(active).after {
1010
border-top-style: none; }
1011
treeview.view:drop(active).before {
1012
border-bottom-style: none; }
1013
treeview.view.expander {
1014
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1015
-gtk-icon-transform: rotate(-90deg);
1016
color: rgba(255, 255, 255, 0.75); }
1017
treeview.view.expander:dir(rtl) {
1018
-gtk-icon-transform: rotate(90deg); }
1019
treeview.view.expander:checked {
1020
-gtk-icon-transform: unset; }
1021
treeview.view.expander:hover, treeview.view.expander:active {
1022
color: #FFFFFF; }
1023
treeview.view.expander:disabled {
1024
color: rgba(255, 255, 255, 0.3); }
1025
treeview.view.expander:selected {
1026
color: rgba(255, 255, 255, 0.75); }
1027
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1028
color: #FFFFFF; }
1029
treeview.view.expander:selected:disabled {
1030
color: rgba(255, 255, 255, 0.3); }
1031
treeview.view.progressbar {
1032
border-style: none none solid;
1033
border-width: 4px;
1034
border-color: #42A5F5;
1035
box-shadow: none;
1036
background-color: transparent; }
1037
treeview.view.progressbar:selected {
1038
border-color: currentColor; }
1039
treeview.view.trough {
1040
border-style: none none solid;
1041
border-width: 4px;
1042
border-color: rgba(66, 165, 245, 0.3);
1043
box-shadow: none;
1044
background-color: transparent; }
1045
treeview.view.trough:selected {
1046
border-color: alpha(currentColor, 0.3); }
1047
treeview.view header button {
1048
padding: 2px 6px;
1049
border-style: none solid solid none;
1050
border-width: 1px;
1051
border-color: rgba(0, 0, 0, 0.2);
1052
border-radius: 0;
1053
background-clip: border-box; }
1054
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1055
box-shadow: none; }
1056
treeview.view header button, treeview.view header button:disabled {
1057
background-color: #546E7A; }
1058
treeview.view header button:last-child {
1059
border-right-style: none; }
1060
treeview.view button.dnd,
1061
treeview.view header.button.dnd {
1062
padding: 2px 6px;
1063
border-style: none solid solid;
1064
border-width: 1px;
1065
border-color: rgba(0, 0, 0, 0.2);
1066
border-radius: 0;
1067
box-shadow: none;
1068
background-color: #546E7A;
1069
background-clip: border-box;
1070
color: #42A5F5; }
1071
treeview.view acceleditor > label {
1072
background-color: #42A5F5; }
1073
1074
/*********
1075
* Menus *
1076
*********/
1077
menubar,
1078
.menubar {
1079
-GtkWidget-window-dragging: true;
1080
padding: 0;
1081
background-color: #37474F; }
1082
menubar > menuitem,
1083
.menubar > menuitem {
1084
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1085
min-height: 20px;
1086
padding: 4px 8px;
1087
color: rgba(255, 255, 255, 0.75); }
1088
menubar > menuitem:hover,
1089
.menubar > menuitem:hover {
1090
transition: none;
1091
background-color: alpha(currentColor, 0.15);
1092
color: #FFFFFF; }
1093
menubar > menuitem:disabled,
1094
.menubar > menuitem:disabled {
1095
color: rgba(255, 255, 255, 0.3); }
1096
1097
.csd.popup {
1098
border-radius: 2px; }
1099
1100
menu,
1101
.menu,
1102
.context-menu {
1103
margin: 4px 0;
1104
padding: 4px 0;
1105
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1106
background-color: #546E7A;
1107
border: 1px solid rgba(0, 0, 0, 0.2); }
1108
.csd menu, .csd
1109
.menu, .csd
1110
.context-menu {
1111
border: none;
1112
border-radius: 2px; }
1113
menu menuitem,
1114
.menu menuitem,
1115
.context-menu menuitem {
1116
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1117
min-height: 20px;
1118
min-width: 40px;
1119
padding: 4px 8px;
1120
font: initial;
1121
text-shadow: none; }
1122
menu menuitem:hover,
1123
.menu menuitem:hover,
1124
.context-menu menuitem:hover {
1125
transition: none;
1126
background-color: alpha(currentColor, 0.15); }
1127
menu menuitem:disabled,
1128
.menu menuitem:disabled,
1129
.context-menu menuitem:disabled {
1130
color: rgba(255, 255, 255, 0.4); }
1131
menu menuitem arrow,
1132
.menu menuitem arrow,
1133
.context-menu menuitem arrow {
1134
min-height: 16px;
1135
min-width: 16px; }
1136
menu menuitem arrow:dir(ltr),
1137
.menu menuitem arrow:dir(ltr),
1138
.context-menu menuitem arrow:dir(ltr) {
1139
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1140
margin-left: 8px; }
1141
menu menuitem arrow:dir(rtl),
1142
.menu menuitem arrow:dir(rtl),
1143
.context-menu menuitem arrow:dir(rtl) {
1144
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1145
margin-right: 8px; }
1146
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1147
.menu menuitem label:dir(rtl),
1148
.menu menuitem label:dir(ltr),
1149
.context-menu menuitem label:dir(rtl),
1150
.context-menu menuitem label:dir(ltr) {
1151
color: inherit; }
1152
menu > arrow,
1153
.menu > arrow,
1154
.context-menu > arrow {
1155
min-height: 16px;
1156
min-width: 16px;
1157
padding: 4px;
1158
border-radius: 0;
1159
background-color: #546E7A;
1160
color: rgba(255, 255, 255, 0.75); }
1161
menu > arrow.top,
1162
.menu > arrow.top,
1163
.context-menu > arrow.top {
1164
margin-top: -4px;
1165
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
1166
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
1167
menu > arrow.bottom,
1168
.menu > arrow.bottom,
1169
.context-menu > arrow.bottom {
1170
margin-bottom: -4px;
1171
border-top: 1px solid rgba(0, 0, 0, 0.2);
1172
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
1173
menu > arrow:hover,
1174
.menu > arrow:hover,
1175
.context-menu > arrow:hover {
1176
background-image: image(alpha(currentColor, 0.15));
1177
color: #FFFFFF; }
1178
menu > arrow:disabled,
1179
.menu > arrow:disabled,
1180
.context-menu > arrow:disabled {
1181
border-color: transparent;
1182
background-color: transparent;
1183
color: transparent; }
1184
menu separator,
1185
.menu separator,
1186
.context-menu separator {
1187
margin: 4px 0; }
1188
1189
menuitem accelerator {
1190
color: alpha(currentColor, 0.6); }
1191
menuitem check:dir(ltr),
1192
menuitem radio:dir(ltr) {
1193
margin-right: -8px;
1194
margin-left: -16px; }
1195
menuitem check:dir(rtl),
1196
menuitem radio:dir(rtl) {
1197
margin-right: -16px;
1198
margin-left: -8px; }
1199
1200
/***************
1201
* Popovers *
1202
***************/
1203
popover.background {
1204
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1205
padding: 2px;
1206
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1207
background-color: #607D8B; }
1208
popover.background:backdrop {
1209
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1210
popover.background, .csd popover.background {
1211
border-style: solid;
1212
border-width: 1px;
1213
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1214
border-radius: 3px; }
1215
popover.background > stack {
1216
margin: -4px; }
1217
popover.background > toolbar {
1218
margin: -2px; }
1219
popover.background > list,
1220
popover.background > .view,
1221
popover.background > iconview,
1222
popover.background > toolbar {
1223
border-style: none;
1224
box-shadow: none;
1225
background-color: transparent; }
1226
popover.background.menu button,
1227
popover.background button.model {
1228
min-height: 32px;
1229
padding: 0 8px;
1230
border-radius: 2px; }
1231
popover.background separator {
1232
margin: 4px 0; }
1233
popover.background list separator {
1234
margin: 0; }
1235
1236
/*************
1237
* Notebooks *
1238
*************/
1239
notebook > header {
1240
border-width: 1px;
1241
border-color: rgba(0, 0, 0, 0.2);
1242
background-color: #455A64;
1243
background-clip: border-box; }
1244
notebook > header.top {
1245
border-bottom-style: solid; }
1246
notebook > header.top > tabs {
1247
margin-bottom: -1px; }
1248
notebook > header.top > tabs > tab:hover {
1249
box-shadow: inset 0 -2px alpha(currentColor, 0.3); }
1250
notebook > header.top > tabs > tab:checked {
1251
box-shadow: inset 0 -2px #42A5F5; }
1252
notebook > header.bottom {
1253
border-top-style: solid; }
1254
notebook > header.bottom > tabs {
1255
margin-top: -1px; }
1256
notebook > header.bottom > tabs > tab:hover {
1257
box-shadow: inset 0 2px alpha(currentColor, 0.3); }
1258
notebook > header.bottom > tabs > tab:checked {
1259
box-shadow: inset 0 2px #42A5F5; }
1260
notebook > header.left {
1261
border-right-style: solid; }
1262
notebook > header.left > tabs {
1263
margin-right: -1px; }
1264
notebook > header.left > tabs > tab:hover {
1265
box-shadow: inset -2px 0 alpha(currentColor, 0.3); }
1266
notebook > header.left > tabs > tab:checked {
1267
box-shadow: inset -2px 0 #42A5F5; }
1268
notebook > header.right {
1269
border-left-style: solid; }
1270
notebook > header.right > tabs {
1271
margin-left: -1px; }
1272
notebook > header.right > tabs > tab:hover {
1273
box-shadow: inset 2px 0 alpha(currentColor, 0.3); }
1274
notebook > header.right > tabs > tab:checked {
1275
box-shadow: inset 2px 0 #42A5F5; }
1276
notebook > header.top > tabs > arrow {
1277
border-top-style: none; }
1278
notebook > header.bottom > tabs > arrow {
1279
border-bottom-style: none; }
1280
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
1281
padding-left: 4px;
1282
padding-right: 4px; }
1283
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
1284
margin-left: -8px;
1285
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
1286
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
1287
margin-right: -8px;
1288
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
1289
notebook > header.left > tabs > arrow {
1290
border-left-style: none; }
1291
notebook > header.right > tabs > arrow {
1292
border-right-style: none; }
1293
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
1294
padding-top: 4px;
1295
padding-bottom: 4px; }
1296
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
1297
margin-top: -8px;
1298
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
1299
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
1300
margin-bottom: -8px;
1301
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
1302
notebook > header > tabs > arrow {
1303
min-height: 16px;
1304
min-width: 16px;
1305
border-radius: 0; }
1306
notebook > header tab {
1307
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1308
min-height: 24px;
1309
min-width: 24px;
1310
padding: 6px 12px;
1311
outline-offset: -6px;
1312
border-width: 1px;
1313
border-color: transparent;
1314
color: rgba(255, 255, 255, 0.75);
1315
font-weight: 500; }
1316
notebook > header tab:hover {
1317
color: #FFFFFF; }
1318
notebook > header tab:hover.reorderable-page {
1319
border-color: rgba(0, 0, 0, 0.2);
1320
background-color: #4d646f; }
1321
notebook > header tab:disabled {
1322
color: rgba(255, 255, 255, 0.3); }
1323
notebook > header tab:checked {
1324
animation: tab_ripple_effect 0.9s cubic-bezier(0, 0, 0.2, 1);
1325
color: #FFFFFF; }
1326
notebook > header tab:checked:disabled {
1327
color: rgba(255, 255, 255, 0.4); }
1328
notebook > header tab:checked.reorderable-page {
1329
border-color: rgba(0, 0, 0, 0.2);
1330
background-color: #546E7A; }
1331
notebook > header tab button.flat:last-child {
1332
margin-left: 6px;
1333
margin-right: -6px; }
1334
notebook > header tab button.flat:first-child {
1335
margin-left: -6px;
1336
margin-right: 6px; }
1337
notebook > header.top tabs, notebook > header.bottom tabs {
1338
padding-left: 8px;
1339
padding-right: 8px; }
1340
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
1341
margin-left: 0; }
1342
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
1343
margin-right: 0; }
1344
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
1345
margin: 0 -1px;
1346
border-style: none solid; }
1347
notebook > header.left tabs, notebook > header.right tabs {
1348
padding-top: 8px;
1349
padding-bottom: 8px; }
1350
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
1351
margin-top: 0; }
1352
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
1353
margin-bottom: 0; }
1354
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
1355
margin: -1px 0;
1356
border-style: solid none; }
1357
notebook > stack:not(:only-child) {
1358
background-color: #546E7A; }
1359
1360
/**************
1361
* Scrollbars *
1362
**************/
1363
scrollbar {
1364
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1365
background-color: #546E7A;
1366
background-clip: border-box; }
1367
* {
1368
-GtkScrollbar-has-backward-stepper: false;
1369
-GtkScrollbar-has-forward-stepper: false; }
1370
scrollbar.top {
1371
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
1372
scrollbar.bottom {
1373
border-top: 1px solid rgba(0, 0, 0, 0.2); }
1374
scrollbar.left {
1375
border-right: 1px solid rgba(0, 0, 0, 0.2); }
1376
scrollbar.right {
1377
border-left: 1px solid rgba(0, 0, 0, 0.2); }
1378
scrollbar slider {
1379
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
1380
min-width: 8px;
1381
min-height: 8px;
1382
border: 4px solid transparent;
1383
border-radius: 9999px;
1384
background-clip: padding-box;
1385
background-color: rgba(255, 255, 255, 0.6); }
1386
scrollbar slider:hover {
1387
background-color: rgba(255, 255, 255, 0.75); }
1388
scrollbar slider:active {
1389
background-color: #FFFFFF; }
1390
scrollbar slider:disabled {
1391
background-color: rgba(255, 255, 255, 0.24); }
1392
scrollbar.fine-tune slider {
1393
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
1394
min-width: 4px;
1395
min-height: 4px; }
1396
scrollbar.fine-tune.horizontal slider {
1397
margin: 2px 0; }
1398
scrollbar.fine-tune.vertical slider {
1399
margin: 0 2px; }
1400
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
1401
border-color: transparent;
1402
background-color: transparent; }
1403
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
1404
min-width: 4px;
1405
min-height: 4px;
1406
margin: 3px;
1407
border: 1px solid rgba(84, 110, 122, 0.3); }
1408
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
1409
min-width: 4px;
1410
min-height: 4px;
1411
margin: 3px;
1412
border: 1px solid rgba(84, 110, 122, 0.3);
1413
border-radius: 9999px;
1414
background-color: rgba(255, 255, 255, 0.6);
1415
background-clip: padding-box;
1416
-gtk-icon-source: none; }
1417
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
1418
background-color: rgba(255, 255, 255, 0.24); }
1419
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
1420
min-width: 24px; }
1421
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
1422
min-width: 8px; }
1423
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
1424
min-height: 24px; }
1425
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
1426
min-height: 8px; }
1427
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
1428
background-color: rgba(84, 110, 122, 0.9); }
1429
scrollbar.horizontal slider {
1430
min-width: 24px; }
1431
scrollbar.vertical slider {
1432
min-height: 24px; }
1433
scrollbar button {
1434
min-width: 16px;
1435
min-height: 16px;
1436
padding: 0;
1437
border-radius: 0; }
1438
scrollbar.vertical button.down {
1439
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
1440
scrollbar.vertical button.up {
1441
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
1442
scrollbar.horizontal button.down {
1443
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
1444
scrollbar.horizontal button.up {
1445
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
1446
1447
/**********
1448
* Switch *
1449
**********/
1450
switch {
1451
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1452
margin: 6px 0;
1453
border: 4px solid transparent;
1454
border-radius: 9999px;
1455
background-color: alpha(currentColor, 0.3);
1456
background-clip: padding-box;
1457
font-size: 0; }
1458
switch:disabled {
1459
color: alpha(currentColor, 0.4); }
1460
switch:checked {
1461
background-color: rgba(255, 64, 129, 0.5); }
1462
switch:checked:disabled {
1463
background-color: rgba(255, 64, 129, 0.2);
1464
color: rgba(255, 255, 255, 0.4); }
1465
switch slider {
1466
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1467
border-image: none;
1468
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1469
background-color: #546E7A;
1470
color: #FFFFFF;
1471
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0;
1472
min-width: 24px;
1473
min-height: 24px;
1474
margin: -4px 0 -4px -4px;
1475
border-radius: 9999px;
1476
-gtk-outline-radius: 9999px; }
1477
switch:hover slider {
1478
border-image: none;
1479
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1480
switch:checked slider {
1481
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, background-image 0, background-color 0 0.3s;
1482
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1);
1483
margin: -4px -4px -4px 0;
1484
background-color: #FF4081;
1485
color: #FFFFFF; }
1486
switch:disabled slider {
1487
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1488
background-color: #4d646f;
1489
color: rgba(255, 255, 255, 0.4); }
1490
switch:checked:disabled slider {
1491
animation: none; }
1492
1493
/*************************
1494
* Check and Radio items *
1495
*************************/
1496
.view.content-view.check:not(list), iconview.content-view.check:not(list) {
1497
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1498
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png"));
1499
margin: 8px;
1500
background-color: transparent; }
1501
1502
.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list) {
1503
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1504
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode-dark.png"), url("assets/checkbox-hover-selectionmode-dark@2.png"));
1505
margin: 8px;
1506
background-color: transparent; }
1507
1508
.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) {
1509
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1510
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png"));
1511
margin: 8px;
1512
background-color: transparent; }
1513
1514
.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list) {
1515
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1516
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode-dark.png"), url("assets/checkbox-checked-hover-selectionmode-dark@2.png"));
1517
margin: 8px;
1518
background-color: transparent; }
1519
1520
checkbutton.text-button,
1521
radiobutton.text-button {
1522
padding: 2px;
1523
outline-offset: 0; }
1524
checkbutton.text-button label:not(:only-child),
1525
radiobutton.text-button label:not(:only-child) {
1526
margin: 0 4px; }
1527
1528
check,
1529
radio {
1530
min-height: 24px;
1531
min-width: 24px;
1532
margin: -12px;
1533
padding: 12px; }
1534
check:checked, check:indeterminate,
1535
radio:checked,
1536
radio:indeterminate {
1537
color: #FF4081; }
1538
check:checked:disabled, check:indeterminate:disabled,
1539
radio:checked:disabled,
1540
radio:indeterminate:disabled {
1541
color: rgba(255, 64, 129, 0.4); }
1542
row check:not(:checked):not(:indeterminate), row
1543
radio:not(:checked):not(:indeterminate) {
1544
color: alpha(currentColor, 0.75); }
1545
row check:not(:checked):not(:indeterminate):hover, row check:not(:checked):not(:indeterminate):active, row
1546
radio:not(:checked):not(:indeterminate):hover, row
1547
radio:not(:checked):not(:indeterminate):active {
1548
color: currentColor; }
1549
row check:not(:checked):not(:indeterminate):disabled, row
1550
radio:not(:checked):not(:indeterminate):disabled {
1551
color: alpha(currentColor, 0.3); }
1552
menu menuitem check, menu menuitem
1553
radio {
1554
transition: none;
1555
margin: -16px; }
1556
menu menuitem check:not(:checked):not(:indeterminate), menu menuitem
1557
radio:not(:checked):not(:indeterminate) {
1558
color: alpha(currentColor, 0.6); }
1559
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
1560
radio, menu menuitem
1561
radio:hover, menu menuitem
1562
radio:disabled {
1563
box-shadow: none; }
1564
1565
check {
1566
-gtk-icon-source: image(-gtk-recolor(url("assets/check-unchecked-symbolic.svg")), -gtk-recolor(url("assets/check-unchecked-symbolic.png"))); }
1567
check:checked {
1568
-gtk-icon-source: image(-gtk-recolor(url("assets/check-checked-symbolic.svg")), -gtk-recolor(url("assets/check-checked-symbolic.png"))); }
1569
check:indeterminate {
1570
-gtk-icon-source: image(-gtk-recolor(url("assets/check-dash-symbolic.svg")), -gtk-recolor(url("assets/check-dash-symbolic.png"))); }
1571
1572
radio {
1573
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 24/24px; }
1574
radio {
1575
-gtk-icon-source: image(-gtk-recolor(url("assets/radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/radio-unchecked-symbolic.png"))); }
1576
radio:indeterminate {
1577
-gtk-icon-source: image(-gtk-recolor(url("assets/radio-dash-symbolic.svg")), -gtk-recolor(url("assets/radio-dash-symbolic.png"))); }
1578
radio:checked {
1579
border-image: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(#FF4081), to(transparent)) 24/24px; }
1580
radio:checked:disabled {
1581
border-image: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(rgba(255, 64, 129, 0.4)), to(transparent)) 24/24px; }
1582
radio:indeterminate:checked {
1583
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 24/24px; }
1584
1585
@keyframes check_check {
1586
from {
1587
-gtk-icon-transform: rotate(90deg); }
1588
to {
1589
-gtk-icon-transform: unset; } }
1590
@keyframes check_radio {
1591
from {
1592
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 24/24px; }
1593
to {
1594
border-image: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(#FF4081), to(transparent)) 24/24px; } }
1595
@keyframes check_indeterminate {
1596
from {
1597
-gtk-icon-transform: unset; }
1598
50% {
1599
-gtk-icon-transform: scale(0, 1); }
1600
to {
1601
-gtk-icon-transform: unset; } }
1602
modelbutton.flat check:not(:indeterminate):checked,
1603
.menuitem.button.flat check:not(:indeterminate):checked,
1604
check:not(:indeterminate):checked {
1605
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
1606
1607
check:not(:indeterminate):checked:active {
1608
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1), flat_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
1609
1610
modelbutton.flat check:indeterminate:checked, modelbutton.flat radio:indeterminate:checked,
1611
.menuitem.button.flat check:indeterminate:checked,
1612
.menuitem.button.flat radio:indeterminate:checked,
1613
check:indeterminate:checked, radio:indeterminate:checked {
1614
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
1615
1616
check:indeterminate:checked:active, radio:indeterminate:checked:active {
1617
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1), flat_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
1618
1619
menu menuitem check:not(:indeterminate):checked,
1620
menu menuitem radio:not(:indeterminate):checked,
1621
menu menuitem check:indeterminate:checked,
1622
menu menuitem radio:indeterminate:checked {
1623
animation: none; }
1624
1625
treeview.view check,
1626
treeview.view radio {
1627
padding: 0; }
1628
treeview.view check:hover,
1629
treeview.view radio:hover {
1630
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); }
1631
treeview.view check:hover:disabled,
1632
treeview.view radio:hover:disabled {
1633
box-shadow: none; }
1634
treeview.view check:hover:selected,
1635
treeview.view radio:hover:selected {
1636
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); }
1637
treeview.view check,
1638
treeview.view radio {
1639
color: rgba(255, 255, 255, 0.75); }
1640
treeview.view check:hover, treeview.view check:active,
1641
treeview.view radio:hover,
1642
treeview.view radio:active {
1643
color: #FFFFFF; }
1644
treeview.view check:disabled,
1645
treeview.view radio:disabled {
1646
color: rgba(255, 255, 255, 0.3); }
1647
treeview.view check:checked, treeview.view check:indeterminate,
1648
treeview.view radio:checked,
1649
treeview.view radio:indeterminate {
1650
color: #FF4081; }
1651
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
1652
treeview.view radio:checked:disabled,
1653
treeview.view radio:indeterminate:disabled {
1654
color: rgba(255, 64, 129, 0.4); }
1655
treeview.view check:selected,
1656
treeview.view radio:selected {
1657
color: rgba(255, 255, 255, 0.75); }
1658
treeview.view check:selected:hover, treeview.view check:selected:active,
1659
treeview.view radio:selected:hover,
1660
treeview.view radio:selected:active {
1661
color: #FFFFFF; }
1662
treeview.view check:selected:disabled,
1663
treeview.view radio:selected:disabled {
1664
color: rgba(255, 255, 255, 0.3); }
1665
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
1666
treeview.view radio:selected:checked,
1667
treeview.view radio:selected:indeterminate {
1668
color: #FF4081; }
1669
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
1670
treeview.view radio:selected:checked:disabled,
1671
treeview.view radio:selected:indeterminate:disabled {
1672
color: rgba(255, 64, 129, 0.4); }
1673
1674
treeview.view radio:checked {
1675
-gtk-icon-source: image(-gtk-recolor(url("assets/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/radio-checked-symbolic.png")));
1676
border-image: none; }
1677
1678
/************
1679
* GtkScale *
1680
************/
1681
scale {
1682
min-height: 12px;
1683
min-width: 12px;
1684
padding: 12px; }
1685
scale * {
1686
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); }
1687
scale slider {
1688
min-height: 24px;
1689
min-width: 24px;
1690
margin: -10px; }
1691
scale trough {
1692
outline-offset: 2px;
1693
background-color: alpha(currentColor, 0.3); }
1694
scale trough:disabled {
1695
color: rgba(255, 255, 255, 0.4); }
1696
scale highlight {
1697
background-color: #FF4081; }
1698
scale highlight:disabled {
1699
background-color: transparent; }
1700
scale fill {
1701
background-color: alpha(currentColor, 0.3); }
1702
scale fill:disabled {
1703
background-color: transparent; }
1704
scale slider {
1705
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
1706
background-repeat: no-repeat;
1707
background-position: center;
1708
background-size: calc(100% - 8px); }
1709
scale slider {
1710
background-image: -gtk-scaled(url("assets/slider-dark.png"), url("assets/slider-dark@2.png")); }
1711
scale slider:disabled {
1712
background-image: -gtk-scaled(url("assets/slider-insensitive-dark.png"), url("assets/slider-insensitive-dark@2.png")); }
1713
scale slider:hover {
1714
background-size: calc(100% - 4px); }
1715
scale slider:active {
1716
background-size: calc(100% - 0px); }
1717
scale.fine-tune slider {
1718
background-size: calc(100% - 12px); }
1719
scale value {
1720
color: alpha(currentColor, 0.6); }
1721
scale marks {
1722
color: alpha(currentColor, 0.3); }
1723
scale marks.top {
1724
margin-bottom: 8px;
1725
margin-top: -16px; }
1726
scale marks.bottom {
1727
margin-top: 8px;
1728
margin-bottom: -16px; }
1729
scale marks.top {
1730
margin-right: 8px;
1731
margin-left: -16px; }
1732
scale marks.bottom {
1733
margin-left: 8px;
1734
margin-right: -16px; }
1735
scale.horizontal indicator {
1736
min-height: 8px;
1737
min-width: 1px; }
1738
scale.vertical indicator {
1739
min-height: 1px;
1740
min-width: 8px; }
1741
scale.horizontal.marks-before:not(.marks-after) slider {
1742
min-height: 30px;
1743
min-width: 24px;
1744
margin-top: -16px;
1745
background-position: center calc(100% - 4px); }
1746
scale.horizontal.marks-before:not(.marks-after) slider {
1747
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); }
1748
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
1749
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); }
1750
scale.horizontal.marks-before:not(.marks-after) slider:hover {
1751
background-position: center calc(100% - 2px); }
1752
scale.horizontal.marks-before:not(.marks-after) slider:active {
1753
background-position: center calc(100% - 0px); }
1754
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
1755
background-position: center calc(100% - 6px); }
1756
scale.horizontal.marks-after:not(.marks-before) slider {
1757
min-height: 30px;
1758
min-width: 24px;
1759
margin-bottom: -16px;
1760
background-position: center calc(4px); }
1761
scale.horizontal.marks-after:not(.marks-before) slider {
1762
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); }
1763
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
1764
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); }
1765
scale.horizontal.marks-after:not(.marks-before) slider:hover {
1766
background-position: center calc(2px); }
1767
scale.horizontal.marks-after:not(.marks-before) slider:active {
1768
background-position: center calc(0px); }
1769
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
1770
background-position: center calc(6px); }
1771
scale.vertical.marks-before:not(.marks-after) slider {
1772
min-height: 24px;
1773
min-width: 30px;
1774
margin-left: -16px;
1775
background-position: calc(4px) center; }
1776
scale.vertical.marks-before:not(.marks-after) slider {
1777
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); }
1778
scale.vertical.marks-before:not(.marks-after) slider:disabled {
1779
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); }
1780
scale.vertical.marks-before:not(.marks-after) slider:hover {
1781
background-position: calc(2px) center; }
1782
scale.vertical.marks-before:not(.marks-after) slider:active {
1783
background-position: calc(0px) center; }
1784
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
1785
background-position: calc(6px) center; }
1786
scale.vertical.marks-after:not(.marks-before) slider {
1787
min-height: 24px;
1788
min-width: 30px;
1789
margin-right: -16px;
1790
background-position: calc(100% - 4px) center; }
1791
scale.vertical.marks-after:not(.marks-before) slider {
1792
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); }
1793
scale.vertical.marks-after:not(.marks-before) slider:disabled {
1794
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); }
1795
scale.vertical.marks-after:not(.marks-before) slider:hover {
1796
background-position: calc(100% - 2px) center; }
1797
scale.vertical.marks-after:not(.marks-before) slider:active {
1798
background-position: calc(100% - 0px) center; }
1799
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
1800
background-position: calc(100% - 6px) center; }
1801
scale.color {
1802
min-height: 0;
1803
min-width: 0; }
1804
scale.color.horizontal {
1805
padding: 0 0 12px 0; }
1806
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
1807
margin-bottom: -12px;
1808
margin-top: -2px; }
1809
scale.color.vertical:dir(ltr) {
1810
padding: 0 0 0 12px; }
1811
scale.color.vertical:dir(ltr) slider {
1812
margin-left: -12px;
1813
margin-right: -2px; }
1814
scale.color.vertical:dir(rtl) {
1815
padding: 0 12px 0 0; }
1816
scale.color.vertical:dir(rtl) slider {
1817
margin-right: -12px;
1818
margin-left: -2px; }
1819
1820
/*****************
1821
* Progress bars *
1822
*****************/
1823
progressbar {
1824
color: rgba(255, 255, 255, 0.6);
1825
font-size: smaller; }
1826
progressbar.horizontal trough,
1827
progressbar.horizontal progress {
1828
min-height: 4px; }
1829
progressbar.vertical trough,
1830
progressbar.vertical progress {
1831
min-width: 4px; }
1832
progressbar trough {
1833
background-color: rgba(66, 165, 245, 0.3); }
1834
progressbar progress {
1835
background-color: #42A5F5; }
1836
1837
/*************
1838
* Level Bar *
1839
*************/
1840
levelbar block {
1841
min-width: 36px;
1842
min-height: 4px; }
1843
levelbar.vertical block {
1844
min-width: 4px;
1845
min-height: 36px; }
1846
levelbar trough {
1847
padding: 2px;
1848
border-radius: 2px;
1849
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1850
border-image: none;
1851
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1852
background-color: #546E7A;
1853
color: #FFFFFF; }
1854
levelbar trough:disabled {
1855
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1856
background-color: #4d646f;
1857
color: rgba(255, 255, 255, 0.4); }
1858
levelbar.horizontal.discrete block {
1859
margin: 0 1px; }
1860
levelbar.vertical.discrete block {
1861
margin: 1px 0; }
1862
levelbar.horizontal.discrete trough {
1863
padding: 2px 1px; }
1864
levelbar.vertical.discrete trough {
1865
padding: 1px 2px; }
1866
levelbar block.low {
1867
background-color: #FF6D00; }
1868
levelbar block.high, levelbar block:not(.empty) {
1869
background-color: #42A5F5; }
1870
levelbar block.full {
1871
background-color: #00C853; }
1872
levelbar block.empty {
1873
background-color: alpha(currentColor, 0.3);
1874
color: rgba(255, 255, 255, 0.4); }
1875
1876
/****************
1877
* Print dialog *
1878
*****************/
1879
printdialog paper {
1880
padding: 0;
1881
border: 1px solid rgba(0, 0, 0, 0.2);
1882
background: #546E7A;
1883
color: #FFFFFF; }
1884
printdialog .dialog-action-box {
1885
margin: 12px; }
1886
1887
/**********
1888
* Frames *
1889
**********/
1890
frame > border,
1891
.frame {
1892
margin: 0;
1893
padding: 0;
1894
border: 1px solid rgba(0, 0, 0, 0.2);
1895
border-radius: 0;
1896
box-shadow: none; }
1897
frame > border.flat,
1898
.frame.flat {
1899
border-style: none; }
1900
1901
actionbar > revealer > box {
1902
padding: 6px;
1903
border-top: 1px solid rgba(0, 0, 0, 0.2); }
1904
1905
scrolledwindow viewport.frame {
1906
border-style: none; }
1907
overshoot.top {
1908
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
1909
background-repeat: no-repeat;
1910
background-position: center top;
1911
background-color: transparent;
1912
border: none;
1913
box-shadow: none; }
1914
overshoot.bottom {
1915
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
1916
background-repeat: no-repeat;
1917
background-position: center bottom;
1918
background-color: transparent;
1919
border: none;
1920
box-shadow: none; }
1921
overshoot.left {
1922
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
1923
background-repeat: no-repeat;
1924
background-position: left center;
1925
background-color: transparent;
1926
border: none;
1927
box-shadow: none; }
1928
overshoot.right {
1929
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
1930
background-repeat: no-repeat;
1931
background-position: right center;
1932
background-color: transparent;
1933
border: none;
1934
box-shadow: none; }
1935
undershoot.top {
1936
background-color: transparent;
1937
background-image: linear-gradient(to left, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
1938
padding-top: 1px;
1939
background-size: 12px 1px;
1940
background-repeat: repeat-x;
1941
background-origin: content-box;
1942
background-position: left top; }
1943
undershoot.bottom {
1944
background-color: transparent;
1945
background-image: linear-gradient(to left, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
1946
padding-bottom: 1px;
1947
background-size: 12px 1px;
1948
background-repeat: repeat-x;
1949
background-origin: content-box;
1950
background-position: left bottom; }
1951
undershoot.left {
1952
background-color: transparent;
1953
background-image: linear-gradient(to top, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
1954
padding-left: 1px;
1955
background-size: 1px 12px;
1956
background-repeat: repeat-y;
1957
background-origin: content-box;
1958
background-position: left top; }
1959
undershoot.right {
1960
background-color: transparent;
1961
background-image: linear-gradient(to top, rgba(84, 110, 122, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
1962
padding-right: 1px;
1963
background-size: 1px 12px;
1964
background-repeat: repeat-y;
1965
background-origin: content-box;
1966
background-position: right top; }
1967
junction {
1968
border-style: solid none none solid;
1969
border-width: 1px;
1970
border-color: rgba(0, 0, 0, 0.2);
1971
background-color: #546E7A; }
1972
junction:dir(rtl) {
1973
border-style: solid solid none none; }
1974
1975
separator {
1976
min-width: 1px;
1977
min-height: 1px;
1978
background: rgba(0, 0, 0, 0.2); }
1979
1980
/*********
1981
* Lists *
1982
*********/
1983
list {
1984
border-color: rgba(0, 0, 0, 0.2);
1985
background-color: #546E7A; }
1986
list row {
1987
padding: 2px; }
1988
1989
row.activatable, .view, iconview, treeview.view header button, .budgie-menu button {
1990
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-image 0.6s cubic-bezier(0, 0, 0.2, 1);
1991
box-shadow: inset 0 0 0 9999px transparent;
1992
background-image: radial-gradient(circle farthest-corner at center, transparent 100%, transparent 0%), image(transparent); }
1993
row.activatable:hover, .view:hover, iconview:hover, treeview.view header button:hover, .budgie-menu button:hover {
1994
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-image 0.6s cubic-bezier(0, 0, 0.2, 1);
1995
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); }
1996
row.activatable.has-open-popup, .has-open-popup.view, iconview.has-open-popup, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, .view:active, iconview:active, treeview.view header button:active, .budgie-menu button:active {
1997
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-image 0;
1998
animation: flat_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
1999
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); }
2000
2001
/*********************
2002
* App Notifications *
2003
*********************/
2004
.app-notification {
2005
margin: 8px; }
2006
.app-notification.frame,
2007
.app-notification border {
2008
border-style: none; }
2009
2010
/*************
2011
* Expanders *
2012
*************/
2013
expander arrow {
2014
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2015
min-width: 16px;
2016
min-height: 16px;
2017
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2018
-gtk-icon-transform: rotate(-90deg);
2019
color: rgba(255, 255, 255, 0.75); }
2020
expander arrow:dir(rtl) {
2021
-gtk-icon-transform: rotate(90deg); }
2022
expander arrow:checked {
2023
-gtk-icon-transform: unset; }
2024
expander arrow:hover, expander arrow:active {
2025
color: #FFFFFF; }
2026
expander arrow:disabled {
2027
color: rgba(255, 255, 255, 0.3); }
2028
expander arrow:selected {
2029
color: rgba(255, 255, 255, 0.75); }
2030
expander arrow:selected:hover, expander arrow:selected:active {
2031
color: #FFFFFF; }
2032
expander arrow:selected:disabled {
2033
color: rgba(255, 255, 255, 0.3); }
2034
2035
/************
2036
* Calendar *
2037
***********/
2038
calendar {
2039
padding: 1px;
2040
border: 1px solid rgba(0, 0, 0, 0.2);
2041
color: #FFFFFF; }
2042
calendar:disabled {
2043
color: rgba(255, 255, 255, 0.4); }
2044
calendar:selected {
2045
border-radius: 3px; }
2046
calendar.header {
2047
border-style: none none solid;
2048
border-radius: 0; }
2049
calendar.highlight {
2050
color: alpha(currentColor, 0.6);
2051
font-weight: 500; }
2052
calendar:indeterminate {
2053
color: alpha(currentColor, 0.4); }
2054
2055
/***********
2056
* Dialogs *
2057
***********/
2058
messagedialog.background {
2059
background-color: #607D8B; }
2060
messagedialog .titlebar {
2061
min-height: 24px;
2062
border-style: none;
2063
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
2064
background-color: #607D8B;
2065
color: #FFFFFF; }
2066
messagedialog .titlebar:backdrop {
2067
color: rgba(255, 255, 255, 0.75); }
2068
messagedialog.csd.background {
2069
border-bottom-left-radius: 2px;
2070
border-bottom-right-radius: 2px; }
2071
messagedialog.csd .dialog-action-area button {
2072
padding: 8px 16px;
2073
border-top: 1px solid rgba(0, 0, 0, 0.2);
2074
border-radius: 0; }
2075
messagedialog.csd .dialog-action-area button:first-child {
2076
border-bottom-left-radius: 2px; }
2077
messagedialog.csd .dialog-action-area button:last-child {
2078
border-bottom-right-radius: 2px; }
2079
2080
filechooser .dialog-action-box {
2081
border-top: 1px solid rgba(0, 0, 0, 0.2); }
2082
filechooser #pathbarbox {
2083
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
2084
background-color: #455A64; }
2085
2086
filechooserbutton:drop(active) {
2087
box-shadow: none; }
2088
2089
/***********
2090
* Sidebar *
2091
***********/
2092
.sidebar {
2093
border-style: none;
2094
background-color: #607D8B; }
2095
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
2096
border-right: 1px solid rgba(0, 0, 0, 0.2);
2097
border-left-style: none; }
2098
stacksidebar.sidebar:dir(rtl) list
2099
.sidebar:dir(rtl), stacksidebar.sidebar.right list
2100
.sidebar:dir(rtl), .sidebar.right {
2101
border-left: 1px solid rgba(0, 0, 0, 0.2);
2102
border-right-style: none; }
2103
.sidebar list {
2104
background-color: transparent; }
2105
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
2106
border-style: none; }
2107
2108
stacksidebar row {
2109
padding: 10px 4px; }
2110
stacksidebar row > label {
2111
padding-left: 6px;
2112
padding-right: 6px; }
2113
2114
/****************
2115
* File chooser *
2116
****************/
2117
placessidebar > viewport.frame {
2118
border-style: none; }
2119
placessidebar list {
2120
padding: 1px 0 4px; }
2121
placessidebar row {
2122
min-height: 32px;
2123
margin: -1px 0;
2124
padding: 0; }
2125
placessidebar row > revealer {
2126
padding: 0 12px; }
2127
placessidebar row:selected {
2128
color: #FFFFFF; }
2129
placessidebar row:disabled {
2130
color: rgba(255, 255, 255, 0.4); }
2131
placessidebar row image.sidebar-icon {
2132
opacity: 0.6; }
2133
placessidebar row image.sidebar-icon:dir(ltr) {
2134
padding-right: 8px; }
2135
placessidebar row image.sidebar-icon:dir(rtl) {
2136
padding-left: 8px; }
2137
placessidebar row label.sidebar-label:dir(ltr) {
2138
padding-right: 2px; }
2139
placessidebar row label.sidebar-label:dir(rtl) {
2140
padding-left: 2px; }
2141
placessidebar row.sidebar-placeholder-row {
2142
min-height: 2px;
2143
padding: 0 8px;
2144
background-image: image(#FF4081);
2145
background-clip: content-box; }
2146
placessidebar row.sidebar-new-bookmark-row {
2147
color: #FF4081; }
2148
placessidebar row:drop(active):not(:disabled) {
2149
box-shadow: inset 0 0 0 2px #FF4081; }
2150
2151
placesview .server-list-button > image {
2152
-gtk-icon-transform: rotate(0turn); }
2153
placesview .server-list-button:checked > image {
2154
-gtk-icon-transform: rotate(-0.5turn); }
2155
placesview > actionbar > revealer > box > label {
2156
padding-left: 8px;
2157
padding-right: 8px; }
2158
2159
/*********
2160
* Paned *
2161
*********/
2162
paned > separator {
2163
min-width: 1px;
2164
min-height: 1px;
2165
-gtk-icon-source: none;
2166
border-style: none;
2167
background-color: transparent;
2168
background-image: image(rgba(0, 0, 0, 0.2));
2169
background-size: 1px 1px; }
2170
paned > separator.wide {
2171
min-width: 6px;
2172
min-height: 6px;
2173
background-color: #455A64;
2174
background-image: image(rgba(0, 0, 0, 0.2)), image(rgba(0, 0, 0, 0.2));
2175
background-size: 1px 1px, 1px 1px; }
2176
paned.horizontal > separator {
2177
background-repeat: repeat-y; }
2178
paned.horizontal > separator:dir(ltr) {
2179
margin: 0 -8px 0 0;
2180
padding: 0 8px 0 0;
2181
background-position: left; }
2182
paned.horizontal > separator:dir(rtl) {
2183
margin: 0 0 0 -8px;
2184
padding: 0 0 0 8px;
2185
background-position: right; }
2186
paned.horizontal > separator.wide {
2187
margin: 0;
2188
padding: 0;
2189
background-repeat: repeat-y, repeat-y;
2190
background-position: left, right; }
2191
paned.vertical > separator {
2192
margin: 0 0 -8px 0;
2193
padding: 0 0 8px 0;
2194
background-repeat: repeat-x;
2195
background-position: top; }
2196
paned.vertical > separator.wide {
2197
margin: 0;
2198
padding: 0;
2199
background-repeat: repeat-x, repeat-x;
2200
background-position: bottom, top; }
2201
2202
/**************
2203
* GtkInfoBar *
2204
**************/
2205
infobar {
2206
border-style: none; }
2207
infobar.info {
2208
background-color: #66BB6A; }
2209
infobar.question {
2210
background-color: #42A5F5; }
2211
infobar.warning {
2212
background-color: #FFA726; }
2213
infobar.error {
2214
background-color: #EF5350; }
2215
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
2216
color: #FFFFFF; }
2217
2218
/************
2219
* Tooltips *
2220
************/
2221
tooltip {
2222
border-radius: 2px;
2223
box-shadow: none; }
2224
tooltip.background {
2225
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
2226
background-color: rgba(84, 110, 122, 0.9); }
2227
tooltip:not(.csd) {
2228
border: 1px solid rgba(0, 0, 0, 0.2);
2229
border-radius: 3px;
2230
background-clip: border-box; }
2231
tooltip decoration {
2232
background-color: transparent; }
2233
tooltip label {
2234
min-height: 20px;
2235
padding: 0 2px; }
2236
2237
/*****************
2238
* Color Chooser *
2239
*****************/
2240
colorswatch.top {
2241
border-top-left-radius: 2.5px;
2242
border-top-right-radius: 2.5px; }
2243
colorswatch.top overlay {
2244
border-top-left-radius: 2px;
2245
border-top-right-radius: 2px; }
2246
colorswatch.bottom {
2247
border-bottom-left-radius: 2.5px;
2248
border-bottom-right-radius: 2.5px; }
2249
colorswatch.bottom overlay {
2250
border-bottom-left-radius: 2px;
2251
border-bottom-right-radius: 2px; }
2252
colorswatch.left, colorswatch:first-child:not(.top) {
2253
border-top-left-radius: 2.5px;
2254
border-bottom-left-radius: 2.5px; }
2255
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
2256
border-top-left-radius: 2px;
2257
border-bottom-left-radius: 2px; }
2258
colorswatch.right, colorswatch:last-child:not(.bottom) {
2259
border-top-right-radius: 2.5px;
2260
border-bottom-right-radius: 2.5px; }
2261
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
2262
border-top-right-radius: 2px;
2263
border-bottom-right-radius: 2px; }
2264
colorswatch.dark overlay {
2265
color: #FFFFFF; }
2266
colorswatch.light overlay {
2267
color: rgba(0, 0, 0, 0.8); }
2268
colorswatch.dark {
2269
color: #FFFFFF; }
2270
colorswatch.light {
2271
color: rgba(0, 0, 0, 0.8); }
2272
colorswatch:drop(active) {
2273
box-shadow: none; }
2274
colorswatch:drop(active).light overlay {
2275
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #FF4081; }
2276
colorswatch:drop(active).dark overlay {
2277
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #FF4081; }
2278
colorswatch overlay {
2279
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2280
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
2281
colorswatch overlay:hover {
2282
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
2283
colorswatch#add-color-button {
2284
border-radius: 2px 2px 0 0;
2285
color: #FFFFFF; }
2286
colorswatch#add-color-button:only-child {
2287
border-radius: 2px; }
2288
colorswatch#add-color-button overlay {
2289
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
2290
color: #FFFFFF; }
2291
colorswatch:disabled {
2292
opacity: 0.4; }
2293
colorswatch:disabled overlay {
2294
box-shadow: none; }
2295
colorswatch#editor-color-sample {
2296
border-radius: 2.5px; }
2297
colorswatch#editor-color-sample overlay {
2298
border-radius: 2px; }
2299
2300
colorchooser .popover.osd {
2301
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2302
border-radius: 2px;
2303
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
2304
background-color: #546E7A; }
2305
colorchooser .popover.osd:backdrop {
2306
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); }
2307
2308
/********
2309
* Misc *
2310
********/
2311
.content-view {
2312
background-color: #455A64; }
2313
2314
/**********************
2315
* Window Decorations *
2316
*********************/
2317
decoration {
2318
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2319
border-radius: 2px 2px 0 0;
2320
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
2321
margin: 8px; }
2322
decoration:backdrop {
2323
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent; }
2324
.maximized decoration, .fullscreen decoration, .tiled decoration {
2325
border-radius: 0; }
2326
.popup decoration {
2327
box-shadow: none; }
2328
.ssd decoration {
2329
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); }
2330
.csd.popup decoration {
2331
border-radius: 2px;
2332
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
2333
tooltip.csd decoration {
2334
border-radius: 2px;
2335
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
2336
messagedialog.csd decoration {
2337
border-radius: 2px; }
2338
.solid-csd decoration {
2339
margin: 0;
2340
padding: 4px;
2341
box-shadow: inset 0 0 0 4px #37474F; }
2342
2343
.view:selected, iconview:selected, .view text selection, iconview text selection,
2344
textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
2345
entry selection, modelbutton.flat:selected,
2346
.menuitem.button.flat:selected, popover.background.menu button:checked,
2347
popover.background button.model:checked, row:selected, calendar:selected, .budgie-menu button:checked {
2348
background-color: #42A5F5; }
2349
row:selected label, label:selected, .view:selected, iconview:selected, .view text selection, iconview text selection,
2350
textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
2351
entry selection, modelbutton.flat:selected,
2352
.menuitem.button.flat:selected, popover.background.menu button:checked,
2353
popover.background button.model:checked, row:selected, calendar:selected, .budgie-menu button:checked {
2354
color: #FFFFFF; }
2355
row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, .view text selection:disabled, iconview text selection:disabled,
2356
textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled,
2357
entry selection:disabled, modelbutton.flat:disabled:selected,
2358
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
2359
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, .budgie-menu button:disabled:checked {
2360
color: rgba(255, 255, 255, 0.4); }
2361
2362
.monospace {
2363
font-family: monospace; }
2364
2365
/**********************
2366
* Touch Copy & Paste *
2367
*********************/
2368
cursor-handle {
2369
border-radius: 9999px;
2370
background-color: #FF4081;
2371
background-image: none; }
2372
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
2373
padding-left: 6px;
2374
border-top-right-radius: 0; }
2375
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
2376
padding-right: 6px;
2377
border-top-left-radius: 0; }
2378
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
2379
-GtkWidget-text-handle-width: 24;
2380
-GtkWidget-text-handle-height: 30;
2381
-gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); }
2382
2383
.context-menu {
2384
font: initial; }
2385
2386
.inline-toolbar
2387
button:not(.text-button), check,
2388
radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .expander-button,
2389
button.close,
2390
button.circular {
2391
border-radius: 9999px;
2392
-gtk-outline-radius: 9999px; }
2393
2394
spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat {
2395
min-height: 24px;
2396
min-width: 24px;
2397
padding: 0;
2398
border-radius: 9999px;
2399
-gtk-outline-radius: 9999px; }
2400
2401
.keycap {
2402
min-width: 12px;
2403
min-height: 26px;
2404
margin-top: 2px;
2405
padding-bottom: 2px;
2406
padding-left: 8px;
2407
padding-right: 8px;
2408
border: solid 1px rgba(0, 0, 0, 0.2);
2409
border-radius: 3px;
2410
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2);
2411
background-color: #546E7A;
2412
color: #FFFFFF;
2413
font-size: smaller; }
2414
2415
*:drop(active) {
2416
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2417
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #FF4081;
2418
caret-color: #FF4081; }
2419
2420
stackswitcher button.text-button {
2421
min-width: 100px; }
2422
2423
stackswitcher button.circular,
2424
stackswitcher button.text-button.circular {
2425
min-width: 36px;
2426
min-height: 36px;
2427
padding: 0; }
2428
2429
/************
2430
* Nautilus *
2431
************/
2432
.nautilus-window,
2433
.nautilus-window notebook,
2434
.nautilus-window notebook > stack {
2435
background: #546E7A; }
2436
2437
.nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item {
2438
color: #FFFFFF;
2439
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
2440
2441
.nautilus-desktop.nautilus-canvas-item:selected, .caja-desktop.caja-canvas-item:selected {
2442
text-shadow: none; }
2443
2444
@keyframes needs_attention_keyframes {
2445
from {
2446
background-color: transparent; }
2447
to {
2448
background-color: alpha(currentColor, 0.3); } }
2449
.nautilus-operations-button-needs-attention {
2450
color: #FF4081;
2451
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; }
2452
2453
.nautilus-operations-button-needs-attention-multiple {
2454
color: #FF4081;
2455
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 4 alternate; }
2456
2457
.nautilus-window .floating-bar {
2458
min-height: 32px;
2459
padding: 0;
2460
border-style: solid solid none;
2461
border-width: 1px;
2462
border-color: rgba(0, 0, 0, 0.2);
2463
border-radius: 3px 3px 0 0;
2464
background-color: #546E7A;
2465
background-clip: border-box;
2466
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0; }
2467
.nautilus-window .floating-bar.bottom.left {
2468
margin-right: 7px;
2469
border-left-style: none;
2470
border-top-left-radius: 0; }
2471
.nautilus-window .floating-bar.bottom.right {
2472
margin-left: 7px;
2473
border-right-style: none;
2474
border-top-right-radius: 0; }
2475
.nautilus-window .floating-bar button {
2476
margin: 4px; }
2477
2478
.disk-space-display.unknown {
2479
background-color: #FF6D00; }
2480
2481
.disk-space-display.used {
2482
background-color: #42A5F5; }
2483
2484
.disk-space-display.free {
2485
background-color: alpha(currentColor, 0.3);
2486
color: rgba(255, 255, 255, 0.4); }
2487
2488
.documents-entry-tag, .photos-entry-tag {
2489
margin: 3px -2px 3px 8px;
2490
padding: 0 8px;
2491
border-radius: 9999px;
2492
box-shadow: none;
2493
background-color: #42A5F5;
2494
color: #FFFFFF; }
2495
.documents-entry-tag:hover, .photos-entry-tag:hover {
2496
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
2497
2498
.documents-entry-tag.button, .button.photos-entry-tag {
2499
margin: 0 -2px;
2500
padding: 4px;
2501
border-radius: 9999px;
2502
box-shadow: none;
2503
color: rgba(255, 255, 255, 0.75); }
2504
.documents-entry-tag.button:hover, .button.photos-entry-tag:hover, .documents-entry-tag.button:active, .button.photos-entry-tag:active {
2505
color: #FFFFFF; }
2506
2507
.nautilus-window searchbar {
2508
border-top: 1px solid rgba(0, 0, 0, 0.2); }
2509
2510
.nautilus-window .searchbar-container {
2511
margin-top: -1px; }
2512
2513
.conflict-row:not(:selected) {
2514
background-color: #876e55; }
2515
2516
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
2517
border-style: none; }
2518
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
2519
margin: -6px 0 0 -6px;
2520
border-top: 1px solid rgba(0, 0, 0, 0.2); }
2521
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
2522
margin: 0 8px; }
2523
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
2524
border-radius: 0; }
2525
2526
.nautilus-menu-sort-heading {
2527
margin: 1px 3px;
2528
font-weight: 500; }
2529
.nautilus-menu-sort-heading:disabled {
2530
color: rgba(255, 255, 255, 0.6); }
2531
2532
.nautilus-window > popover.menu {
2533
padding: 3px; }
2534
.nautilus-window > popover.menu > stack > box > box > box {
2535
margin-top: -6px; }
2536
.nautilus-window > popover.menu > stack > box > box > box > box {
2537
margin-bottom: -6px; }
2538
.nautilus-window > popover.menu > stack > box > box > box > box.linked {
2539
margin-top: 1px; }
2540
.nautilus-window > popover.menu separator {
2541
margin-bottom: -2px; }
2542
2543
/*********
2544
* gedit *
2545
*********/
2546
.open-document-selector-name-label {
2547
font-weight: bold; }
2548
2549
.open-document-selector-path-label {
2550
color: alpha(currentColor, 0.6);
2551
font-size: smaller; }
2552
2553
.gedit-document-panel {
2554
background-color: #607D8B; }
2555
2556
.gedit-document-panel-group-row {
2557
border-top: 1px solid rgba(0, 0, 0, 0.2); }
2558
2559
.gedit-document-panel-group-row:first-child {
2560
border-top: none; }
2561
2562
.gedit-document-panel row button.flat {
2563
margin-top: 8px;
2564
margin-bottom: 8px; }
2565
2566
.gedit-side-panel-paned statusbar {
2567
border-top: 1px solid rgba(0, 0, 0, 0.2); }
2568
2569
.gedit-search-slider {
2570
margin: 4px 4px 8px; }
2571
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
2572
border-radius: 2px; }
2573
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
2574
all: unset;
2575
color: alpha(currentColor, 0.6); }
2576
.gedit-search-slider entry:dir(ltr) {
2577
margin-right: -66px;
2578
padding-right: 66px; }
2579
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
2580
margin-left: 6px; }
2581
.gedit-search-slider entry:dir(ltr) image.right {
2582
margin-right: 0; }
2583
.gedit-search-slider entry:dir(rtl) {
2584
margin-left: -66px;
2585
padding-left: 66px; }
2586
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
2587
margin-right: 6px; }
2588
.gedit-search-slider entry:dir(rtl) image.left {
2589
margin-left: 0; }
2590
.gedit-search-slider entry.error ~ button {
2591
color: rgba(255, 255, 255, 0.75); }
2592
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
2593
color: #FFFFFF; }
2594
.gedit-search-slider entry.error ~ button:disabled {
2595
color: rgba(255, 255, 255, 0.3); }
2596
.gedit-search-slider button {
2597
border: solid 6px transparent; }
2598
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
2599
margin-left: -3px; }
2600
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
2601
margin-right: -3px; }
2602
2603
frame.gedit-map-frame > border:dir(ltr) {
2604
border-style: none none none solid; }
2605
frame.gedit-map-frame > border:dir(rtl) {
2606
border-style: none solid none none; }
2607
2608
/**************
2609
* Tweak Tool *
2610
**************/
2611
.tweak-categories {
2612
background-image: image(#607D8B); }
2613
.tweak-categories separator {
2614
min-width: 0;
2615
min-height: 0;
2616
background: transparent; }
2617
2618
.tweak {
2619
padding: 3px; }
2620
.tweak.title:hover {
2621
box-shadow: none; }
2622
2623
.tweak-group-white,
2624
.tweak-white,
2625
.tweak-white:hover {
2626
background-image: image(#546E7A); }
2627
2628
.tweak-startup,
2629
.tweak-startup:hover {
2630
background-image: image(#546E7A); }
2631
2632
.tweak-group-startup {
2633
background-image: image(#546E7A);
2634
border: 1px solid rgba(0, 0, 0, 0.2); }
2635
2636
/***********
2637
* Builder *
2638
***********/
2639
workbench stack.titlebar {
2640
padding: 0; }
2641
2642
workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar {
2643
border-radius: 2px 2px 0 0; }
2644
2645
layouttabbar {
2646
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
2647
background-color: #455A64; }
2648
2649
layouttabbar > box > button {
2650
margin: 2px 0; }
2651
2652
layouttab {
2653
margin: 0 8px;
2654
border-style: none solid;
2655
border-width: 1px;
2656
border-color: rgba(0, 0, 0, 0.2);
2657
box-shadow: inset 0 -2px #42A5F5;
2658
background-color: #546E7A; }
2659
2660
layouttab separator.vertical {
2661
margin: 8px 4px; }
2662
2663
layouttab button.text-button, layouttab button.image-button, layouttab button {
2664
margin-top: 8px;
2665
margin-bottom: 8px;
2666
padding: 0 4px; }
2667
2668
layouttab > box > button.close {
2669
border-radius: 9999px; }
2670
2671
layout {
2672
border: 1px solid rgba(0, 0, 0, 0.2);
2673
-PnlDockBin-handle-size: 1; }
2674
2675
entry.search-missing {
2676
background-color: #DD2C00;
2677
color: #FFFFFF; }
2678
2679
workbench treeview.image {
2680
color: alpha(currentColor, 0.6); }
2681
2682
workbench treeview.image:selected {
2683
color: rgba(255, 255, 255, 0.6); }
2684
2685
popover.popover-selector list {
2686
padding: 6px; }
2687
2688
popover.popover-selector list row {
2689
border-radius: 2px; }
2690
2691
popover.popover-selector list row image:dir(ltr) {
2692
margin-right: 6px; }
2693
popover.popover-selector list row image:dir(rtl) {
2694
margin-left: 6px; }
2695
2696
omnibar.linked:not(.vertical) entry {
2697
border-radius: 2px; }
2698
omnibar:not(:hover):not(:active) entry {
2699
color: rgba(255, 255, 255, 0.75); }
2700
2701
popover.omnibar list row:not(:last-child) {
2702
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
2703
2704
entry.preferences-search {
2705
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
2706
background-color: #546E7A; }
2707
2708
preferences stacksidebar.sidebar list {
2709
background-color: #607D8B; }
2710
2711
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
2712
border-style: none; }
2713
2714
preferences stacksidebar list separator {
2715
min-width: 0;
2716
min-height: 0;
2717
background: transparent; }
2718
2719
preferences > box > box:dir(ltr) {
2720
border-right: 1px solid rgba(0, 0, 0, 0.2); }
2721
preferences > box > box:dir(rtl) {
2722
border-left: 1px solid rgba(0, 0, 0, 0.2); }
2723
2724
popover.messagepopover.background {
2725
padding: 0; }
2726
2727
popover.messagepopover .popover-action-area button {
2728
padding: 8px 16px;
2729
border-top: 1px solid rgba(0, 0, 0, 0.2);
2730
border-radius: 0; }
2731
2732
popover.messagepopover .popover-action-area button:first-child {
2733
border-bottom-left-radius: 2px; }
2734
2735
popover.messagepopover .popover-action-area button:last-child {
2736
border-bottom-right-radius: 2px; }
2737
2738
popover.messagepopover .popover-content-area {
2739
margin: 16px; }
2740
2741
popover.transfers list {
2742
background-color: transparent; }
2743
2744
popover.transfers list row:not(:first-child) {
2745
border-top: 1px solid rgba(0, 0, 0, 0.2); }
2746
2747
popover.transfers list row > box {
2748
padding: 10px; }
2749
2750
dockbin {
2751
border: 1px solid rgba(0, 0, 0, 0.2);
2752
-PnlDockBin-handle-size: 1; }
2753
2754
dockpaned {
2755
border: 1px solid rgba(0, 0, 0, 0.2); }
2756
2757
eggsearchbar box.search-bar {
2758
padding: 0 8px;
2759
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
2760
background-color: #455A64; }
2761
2762
docktabstrip {
2763
padding: 0 8px;
2764
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
2765
background-color: #455A64; }
2766
2767
docktab {
2768
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2769
min-height: 24px;
2770
min-width: 24px;
2771
margin-bottom: -1px;
2772
padding: 6px 6px;
2773
outline-offset: -6px;
2774
border-width: 1px;
2775
border-color: transparent;
2776
color: rgba(255, 255, 255, 0.75);
2777
font-weight: 500; }
2778
docktab:hover {
2779
box-shadow: inset 0 -2px alpha(currentColor, 0.3);
2780
color: #FFFFFF; }
2781
docktab:checked {
2782
animation: tab_ripple_effect 0.9s cubic-bezier(0, 0, 0.2, 1);
2783
box-shadow: inset 0 -2px #42A5F5;
2784
color: #FFFFFF; }
2785
2786
dockoverlayedge {
2787
background-color: #455A64; }
2788
2789
dockoverlayedge docktabstrip {
2790
padding: 0;
2791
border: none; }
2792
2793
dockoverlayedge.left-edge docktab:hover {
2794
box-shadow: inset -2px 0 alpha(currentColor, 0.3); }
2795
dockoverlayedge.left-edge docktab:checked {
2796
box-shadow: inset -2px 0 #42A5F5; }
2797
2798
dockoverlayedge.right-edge docktab:hover {
2799
box-shadow: inset 2px 0 alpha(currentColor, 0.3); }
2800
dockoverlayedge.right-edge docktab:checked {
2801
box-shadow: inset 2px 0 #42A5F5; }
2802
2803
pillbox {
2804
background-color: #455A64;
2805
border-radius: 2px; }
2806
2807
layoutpane entry.search {
2808
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
2809
background-color: #546E7A; }
2810
2811
editortweak entry.search {
2812
margin-bottom: -1px;
2813
box-shadow: none; }
2814
2815
.gb-search-entry-occurrences-tag {
2816
box-shadow: none;
2817
background-color: transparent; }
2818
2819
docktabstrip {
2820
min-height: 39px; }
2821
2822
workbench preferences preferencesgroup list entry {
2823
padding-top: 8px;
2824
padding-bottom: 8px; }
2825
2826
button.run-arrow-button {
2827
padding-left: 10px;
2828
padding-right: 10px; }
2829
2830
/**********
2831
* Photos *
2832
**********/
2833
GdMainIconView.content-view {
2834
-GdMainIconView-icon-size: 48; }
2835
2836
.documents-counter {
2837
margin: 8px;
2838
border-radius: 9999px;
2839
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2840
background-color: #FF4081;
2841
color: #FFFFFF;
2842
font-weight: bold; }
2843
2844
.documents-scrolledwin.frame {
2845
border-style: none; }
2846
2847
.photos-fade-in {
2848
opacity: 1;
2849
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1); }
2850
2851
.photos-fade-out {
2852
opacity: 0;
2853
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1); }
2854
2855
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
2856
border-style: none none none solid; }
2857
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
2858
border-style: none solid none none; }
2859
2860
/*********
2861
* Music *
2862
*********/
2863
.side-panel:dir(ltr) {
2864
border-style: solid;
2865
border-color: rgba(0, 0, 0, 0.2); }
2866
2867
.side-panel:dir(rtl) {
2868
border-style: solid;
2869
border-color: rgba(0, 0, 0, 0.2); }
2870
2871
.side-panel .view, .side-panel iconview {
2872
background-image: image(#607D8B); }
2873
.side-panel .view:hover, .side-panel iconview:hover {
2874
background-image: image(#688491); }
2875
2876
.side-panel .view:selected, .side-panel iconview:selected {
2877
background-image: image(#42A5F5); }
2878
.side-panel .view:selected:hover, .side-panel iconview:selected:hover {
2879
background-image: image(#4baaf6); }
2880
2881
.songs-list:hover {
2882
background-image: image(alpha(currentColor, 0.05)); }
2883
2884
frame.documents-dropdown {
2885
margin: 8px; }
2886
frame.documents-dropdown > border {
2887
border: none; }
2888
2889
box.vertical:not(.titlebar) > revealer > toolbar.search-bar {
2890
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
2891
box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget {
2892
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
2893
2894
/*********
2895
* To Do *
2896
*********/
2897
task-row {
2898
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
2899
margin: 0 -4px; }
2900
task-row:hover {
2901
transition: none; }
2902
task-row label {
2903
margin: 0 8px; }
2904
task-row image {
2905
margin: 0 4px; }
2906
2907
task-list-view > box > revealer > box > button {
2908
min-height: 36px;
2909
margin: -4px;
2910
padding: 0 12px; }
2911
task-list-view > box > revealer > box > button label {
2912
margin: 0 8px; }
2913
task-list-view > box > revealer > box > button image {
2914
margin: 0 4px; }
2915
2916
/*******
2917
* eog *
2918
*******/
2919
#eog-thumb-nav scrolledwindow {
2920
border-top: none; }
2921
#eog-thumb-nav button {
2922
-gtk-outline-radius: 2px; }
2923
2924
/*************
2925
* Evolution *
2926
*************/
2927
frame.taskbar > border {
2928
border-style: solid none none; }
2929
2930
box.vertical > paned.horizontal notebook widget .frame {
2931
border-style: none; }
2932
2933
/********
2934
* gitg *
2935
********/
2936
frame.commit-frame > border {
2937
border-style: solid none none; }
2938
2939
/**************
2940
* Characters *
2941
**************/
2942
box.dialog-vbox scrolledwindow.related {
2943
border: 1px solid rgba(0, 0, 0, 0.2); }
2944
2945
list.categories {
2946
background-image: image(#607D8B); }
2947
2948
/**************
2949
* Calculator *
2950
**************/
2951
button.title label {
2952
min-height: 36px; }
2953
2954
/************
2955
* Terminix *
2956
************/
2957
.terminix-background box.vertical > widget > box.horizontal {
2958
padding: 3px 0 2px; }
2959
.terminix-background box.vertical > widget > box.horizontal button {
2960
padding: 4px 8px; }
2961
.terminix-background box.vertical > widget > box.horizontal button.image-button {
2962
padding: 4px; }
2963
2964
.terminix-background revealer > frame > border {
2965
border-style: none; }
2966
2967
button.image-button.session-new-button {
2968
min-width: 32px; }
2969
2970
overlay > revealer.left > scrolledwindow.frame,
2971
overlay > revealer.right > scrolledwindow.frame {
2972
border-style: none;
2973
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); }
2974
2975
overlay > revealer.left > scrolledwindow.frame {
2976
margin-right: 32px; }
2977
2978
overlay > revealer.right > scrolledwindow.frame {
2979
margin-left: 32px; }
2980
2981
.terminix-session-sidebar {
2982
background-image: image(#607D8B); }
2983
2984
/***********
2985
* Eclipse *
2986
***********/
2987
window.background > box.vertical > scrolledwindow > widget toolbar {
2988
padding: 2px; }
2989
window.background > box.vertical > scrolledwindow > widget toolbar separator,
2990
window.background > box.vertical > scrolledwindow > widget toolbar button {
2991
margin: 2px; }
2992
window.background > box.vertical > scrolledwindow > widget toolbar button {
2993
border-radius: 2px; }
2994
2995
/***********
2996
* Firefox *
2997
***********/
2998
window.background > widget > menubar {
2999
color: rgba(255, 255, 255, 0.75); }
3000
window.background > widget > menubar:hover {
3001
color: #FFFFFF; }
3002
window.background > widget > menubar:disabled {
3003
color: rgba(255, 255, 255, 0.3); }
3004
3005
window.background > menu > menuitem > label:disabled {
3006
color: rgba(255, 255, 255, 0.4); }
3007
3008
window.background > window.background > menu > separator {
3009
color: rgba(0, 0, 0, 0.2); }
3010
3011
window.background > widget > frame {
3012
color: rgba(0, 0, 0, 0.2); }
3013
3014
window.background > widget > checkbutton > check,
3015
window.background > widget > radiobutton > radio {
3016
margin: 0;
3017
padding: 0; }
3018
3019
window.background > widget > radiobutton > radio:checked {
3020
-gtk-icon-source: image(-gtk-recolor(url("assets/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/radio-checked-symbolic.png")));
3021
border-image: none; }
3022
3023
/***********
3024
* Synapse *
3025
***********/
3026
window.background > box.vertical > widget > widget:selected {
3027
background-color: #42A5F5; }
3028
3029
/*********
3030
* Unity *
3031
*********/
3032
UnityDecoration {
3033
-UnityDecoration-extents: 28px 0 0 0;
3034
-UnityDecoration-input-extents: 8px;
3035
-UnityDecoration-shadow-offset-x: 0;
3036
-UnityDecoration-shadow-offset-y: 3px;
3037
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
3038
-UnityDecoration-active-shadow-radius: 18px;
3039
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
3040
-UnityDecoration-inactive-shadow-radius: 6px;
3041
-UnityDecoration-glow-size: 8px;
3042
-UnityDecoration-glow-color: #42A5F5;
3043
-UnityDecoration-title-indent: 4px;
3044
-UnityDecoration-title-fade: 32px;
3045
-UnityDecoration-title-alignment: 0.0; }
3046
3047
UnityDecoration.top {
3048
padding: 0 2px;
3049
border-style: none;
3050
border-radius: 2px 2px 0 0;
3051
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3052
background-color: #37474F;
3053
color: #FFFFFF; }
3054
3055
UnityDecoration.top:backdrop {
3056
color: rgba(255, 255, 255, 0.75); }
3057
3058
UnityDecoration.menuitem,
3059
UnityDecoration .menuitem {
3060
color: alpha(currentColor, 0.75); }
3061
3062
UnityDecoration.menubar.menuitem:hover,
3063
UnityDecoration.menubar .menuitem *:hover {
3064
box-shadow: inset 0 -2px currentColor;
3065
background-color: transparent;
3066
color: currentColor; }
3067
3068
.background:not(.csd) headerbar:not(.titlebar) {
3069
border-radius: 0;
3070
box-shadow: none; }
3071
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
3072
border-style: none; }
3073
3074
UnityPanelWidget,
3075
.unity-panel {
3076
background-color: #263238;
3077
background-image: image(#263238);
3078
color: #FFFFFF; }
3079
3080
UnityPanelWidget:backdrop,
3081
.unity-panel:backdrop {
3082
color: rgba(255, 255, 255, 0.75); }
3083
3084
.unity-panel.menuitem,
3085
.unity-panel .menuitem {
3086
color: alpha(currentColor, 0.75); }
3087
3088
.unity-panel.menubar.menuitem:hover,
3089
.unity-panel.menubar .menuitem *:hover {
3090
box-shadow: inset 0 -2px currentColor;
3091
background-color: transparent;
3092
color: currentColor; }
3093
3094
@keyframes playbackmenuitem_spinner {
3095
to {
3096
-gtk-icon-transform: rotate(1turn); } }
3097
.menu IdoPlaybackMenuItem.menuitem:active {
3098
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
3099
animation: playbackmenuitem_spinner 1s infinite linear;
3100
color: #42A5F5; }
3101
3102
/**************
3103
* Mate-Panel *
3104
**************/
3105
.mate-panel-menu-bar menubar,
3106
#PanelApplet-window-menu-applet-button {
3107
background-color: transparent; }
3108
3109
#PanelPlug,
3110
PanelToplevel.background {
3111
background-color: #263238;
3112
color: #FFFFFF;
3113
font-weight: 500; }
3114
3115
PanelToplevel > widget > button {
3116
padding: 0 4px;
3117
border-radius: 0; }
3118
3119
PanelSeparator {
3120
color: rgba(0, 0, 0, 0.2); }
3121
3122
MatePanelAppletFrameDBus {
3123
border-style: solid;
3124
border-width: 0 1px;
3125
border-color: rgba(0, 0, 0, 0.2); }
3126
3127
.mate-panel-menu-bar menubar menuitem {
3128
padding: 4px; }
3129
3130
.mate-panel-menu-bar menubar menu menuitem {
3131
padding: 6px; }
3132
3133
.mate-panel-menu-bar #PanelApplet button {
3134
-GtkWidget-window-dragging: true;
3135
padding: 4px;
3136
border-radius: 0; }
3137
3138
PanelApplet.wnck-applet .wnck-pager {
3139
background-color: transparent;
3140
color: #40C4FF; }
3141
PanelApplet.wnck-applet .wnck-pager:hover {
3142
background-color: alpha(currentColor, 0.15); }
3143
PanelApplet.wnck-applet .wnck-pager:active {
3144
background-color: alpha(currentColor, 0.3); }
3145
PanelApplet.wnck-applet .wnck-pager:selected {
3146
background-color: #42A5F5; }
3147
3148
#MatePanelPopupWindow {
3149
border: 1px solid rgba(0, 0, 0, 0.2);
3150
border-radius: 3px;
3151
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
3152
#MatePanelPopupWindow frame > border {
3153
border-style: none; }
3154
#MatePanelPopupWindow ClockMap {
3155
border: 1px solid rgba(0, 0, 0, 0.2); }
3156
3157
na-tray-applet {
3158
-NaTrayApplet-icon-padding: 3px;
3159
-NaTrayApplet-icon-size: 16; }
3160
3161
.mate-panel-menu-bar {
3162
-PanelMenuBar-icon-visible: true; }
3163
3164
.mate-panel-applet-slider {
3165
background: transparent; }
3166
.mate-panel-applet-slider frame {
3167
border: 1px solid rgba(0, 0, 0, 0.2);
3168
border-radius: 3px;
3169
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3170
background-color: #455A64; }
3171
.mate-panel-applet-slider frame frame {
3172
all: unset; }
3173
.mate-panel-applet-slider frame > border {
3174
border-style: none; }
3175
3176
/*********************
3177
* CAJA File manager *
3178
*********************/
3179
.caja-navigation-window button.toggle.image-button {
3180
border-radius: 2px; }
3181
3182
.caja-pathbar button {
3183
margin: 0 -1px 0 -2px; }
3184
3185
.caja-pathbar button > widget {
3186
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3187
-GtkArrow-arrow-scaling: 1; }
3188
3189
.caja-side-pane notebook viewport.frame,
3190
.caja-side-pane notebook widget .vertical {
3191
background-color: #546E7A; }
3192
3193
.caja-side-pane notebook .frame,
3194
.caja-notebook .frame {
3195
border-style: none; }
3196
3197
.caja-side-pane notebook,
3198
.caja-notebook {
3199
border-top: 1px solid rgba(0, 0, 0, 0.2); }
3200
3201
.caja-navigation-window statusbar {
3202
margin: 0 -10px;
3203
padding: 0 4px;
3204
border-top: 1px solid rgba(0, 0, 0, 0.2); }
3205
3206
.caja-notebook frame > border {
3207
border-style: none; }
3208
3209
#caja-extra-view-widget {
3210
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
3211
background-color: #455A64; }
3212
#caja-extra-view-widget > box > box > label {
3213
font-weight: bold; }
3214
3215
/*********
3216
* Pluma *
3217
*********/
3218
.pluma-window statusbar {
3219
margin: 0 -10px;
3220
padding: 0 4px;
3221
border-top: 1px solid rgba(0, 0, 0, 0.2); }
3222
3223
.pluma-window statusbar frame > border {
3224
border-style: none; }
3225
3226
.pluma-window statusbar frame button.flat {
3227
padding: 0 4px;
3228
border-radius: 0; }
3229
3230
.pluma-window statusbar frame button.flat widget {
3231
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3232
-GtkArrow-arrow-scaling: 1; }
3233
3234
.pluma-print-preview toolbar {
3235
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
3236
3237
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
3238
margin: 1px; }
3239
3240
.pluma-window paned.horizontal box.vertical .frame {
3241
border-style: none; }
3242
3243
.pluma-window paned.horizontal box.vertical notebook.frame {
3244
margin-top: -1px;
3245
border-top: 1px solid rgba(0, 0, 0, 0.2); }
3246
3247
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
3248
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
3249
3250
/*********
3251
* Atril *
3252
*********/
3253
.atril-window paned.horizontal box.vertical .frame {
3254
border-style: none; }
3255
3256
.atril-window paned.horizontal box.vertical notebook .frame {
3257
border-top: 1px solid rgba(0, 0, 0, 0.2); }
3258
3259
/* mate-screensaver lock dialog */
3260
.lock-dialog {
3261
border-radius: 2px;
3262
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.1); }
3263
.lock-dialog frame > border {
3264
border-style: none; }
3265
3266
/******************
3267
* Budgie Desktop *
3268
******************/
3269
.budgie-container {
3270
background-color: transparent; }
3271
3272
.budgie-menu.background {
3273
padding: 0; }
3274
.budgie-menu scrolledwindow:not(.categories) {
3275
background-color: #546E7A; }
3276
.budgie-menu entry.search {
3277
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
3278
border-radius: 2px 2px 0 0;
3279
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3280
font-size: 120%; }
3281
.budgie-menu button {
3282
min-height: 32px;
3283
padding: 0 8px;
3284
border-radius: 0;
3285
color: #FFFFFF;
3286
font-weight: normal; }
3287
.budgie-menu button:disabled {
3288
color: rgba(255, 255, 255, 0.4); }
3289
.budgie-menu row {
3290
all: unset; }
3291
3292
button.budgie-menu-launcher {
3293
padding: 0 2px; }
3294
3295
.user-menu {
3296
padding: 10px; }
3297
3298
button.raven-trigger {
3299
padding-left: 2px;
3300
padding-right: 2px; }
3301
3302
.budgie-panel {
3303
background-color: #263238;
3304
color: #FFFFFF;
3305
font-weight: 500; }
3306
.budgie-panel button {
3307
border-radius: 0; }
3308
.budgie-panel separator {
3309
background-color: alpha(currentColor, 0.3); }
3310
.budgie-panel .alert {
3311
color: #FF5252; }
3312
.budgie-panel .end-region {
3313
border-radius: 2px;
3314
background-color: rgba(0, 0, 0, 0.2); }
3315
3316
.budgie-panel #tasklist-button {
3317
padding: 0 4px; }
3318
3319
.budgie-panel button.flat.launcher {
3320
padding-top: 0;
3321
padding-bottom: 0; }
3322
3323
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
3324
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0/0px 0 0; }
3325
.top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher,
3326
.top .budgie-panel .pinned button.flat.launcher.running,
3327
.budgie-panel .pinned .top button.flat.launcher.running {
3328
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0/2px 0 0; }
3329
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
3330
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; }
3331
.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher,
3332
.bottom .budgie-panel .pinned button.flat.launcher.running,
3333
.budgie-panel .pinned .bottom button.flat.launcher.running {
3334
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; }
3335
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
3336
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0px 0 0; }
3337
.left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher,
3338
.left .budgie-panel .pinned button.flat.launcher.running,
3339
.budgie-panel .pinned .left button.flat.launcher.running {
3340
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; }
3341
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
3342
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0px; }
3343
.right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher,
3344
.right .budgie-panel .pinned button.flat.launcher.running,
3345
.budgie-panel .pinned .right button.flat.launcher.running {
3346
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; }
3347
3348
frame.raven-frame > border {
3349
border-style: none;
3350
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); }
3351
3352
.top frame.raven-frame > border {
3353
margin-bottom: 32px; }
3354
3355
.bottom frame.raven-frame > border {
3356
margin-top: 32px; }
3357
3358
.left frame.raven-frame > border {
3359
margin-right: 32px; }
3360
3361
.right frame.raven-frame > border {
3362
margin-left: 32px; }
3363
3364
.raven {
3365
background-color: #546E7A; }
3366
.raven stackswitcher.linked > button {
3367
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
3368
border-radius: 0; }
3369
.raven stackswitcher.linked > button:checked {
3370
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
3371
background-color: transparent; }
3372
.raven .raven-header {
3373
min-height: 36px;
3374
padding: 3px;
3375
border-style: none none solid;
3376
border-width: 1px;
3377
border-color: rgba(0, 0, 0, 0.2); }
3378
.raven .raven-header:not(.top) {
3379
margin-top: -6px; }
3380
.raven .raven-header:not(.top) button.image-button {
3381
border-radius: 9999px;
3382
-gtk-outline-radius: 9999px; }
3383
.raven .raven-header.top {
3384
padding: 2px 0;
3385
border-style: none;
3386
background-color: #42A5F5;
3387
color: #FFFFFF; }
3388
.raven .raven-header.top stackswitcher button {
3389
margin: -6px 0;
3390
min-height: 36px; }
3391
.raven .raven-header.top button.image-button:dir(ltr) {
3392
margin-right: 2px; }
3393
.raven .raven-header.top button.image-button:dir(rtl) {
3394
margin-left: 2px; }
3395
.raven .raven-header.top > image {
3396
margin: 0 8px; }
3397
.raven .raven-header.top > label {
3398
margin: 0 -8px;
3399
font-weight: bold; }
3400
.raven .raven-header.bottom {
3401
border-style: solid none none; }
3402
.raven viewport.frame .raven-header {
3403
margin-top: -8px; }
3404
.raven .raven-background {
3405
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
3406
background-color: #607D8B; }
3407
.raven .raven-background.frame {
3408
border-style: none none solid; }
3409
.raven .raven-background > overlay > image {
3410
color: alpha(currentColor, 0.3); }
3411
.raven scrolledwindow.raven-background {
3412
border-bottom-style: none; }
3413
.raven > stack > box > .raven-background {
3414
border-bottom-style: none;
3415
background-color: #42A5F5;
3416
color: #FFFFFF; }
3417
.raven > stack > box > .raven-background stackswitcher button {
3418
margin: -4px 0; }
3419
.raven .powerstrip button {
3420
margin: 2px 0 1px;
3421
padding: 12px; }
3422
.raven .option-subtitle {
3423
font-size: smaller; }
3424
3425
calendar.raven-calendar {
3426
border-style: none;
3427
background-color: transparent; }
3428
calendar.raven-calendar:selected {
3429
border-radius: 2px;
3430
background-color: #42A5F5; }
3431
3432
.raven-mpris {
3433
color: white;
3434
background-color: rgba(0, 0, 0, 0.6); }
3435
.raven-mpris label {
3436
min-height: 24px; }
3437
.raven-mpris button.image-button {
3438
padding: 12px; }
3439
3440
.budgie-notification-window, .budgie-osd-window {
3441
background-color: transparent; }
3442
3443
.budgie-notification .notification-title {
3444
font-size: 120%; }
3445
3446
.budgie-osd .budgie-osd-text {
3447
font-size: 120%; }
3448
3449
.drop-shadow {
3450
margin: 5px 9px;
3451
padding: 3px;
3452
border-radius: 2px;
3453
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
3454
background-color: #607D8B; }
3455
.drop-shadow .linked > button {
3456
border-radius: 2px; }
3457
3458
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
3459
border-radius: 2px;
3460
background-color: #607D8B; }
3461
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
3462
border-radius: 2px; }
3463
3464
.budgie-session-dialog label:not(:last-child),
3465
.budgie-session-dialog .dialog-title {
3466
font-size: 120%; }
3467
.budgie-session-dialog .linked.horizontal > button {
3468
padding: 8px 16px;
3469
border-top: 1px solid rgba(0, 0, 0, 0.2);
3470
border-radius: 0; }
3471
.budgie-session-dialog .linked.horizontal > button:first-child {
3472
border-bottom-left-radius: 2px; }
3473
.budgie-session-dialog .linked.horizontal > button:last-child {
3474
border-bottom-right-radius: 2px; }
3475
3476
.budgie-polkit-dialog .message {
3477
color: rgba(255, 255, 255, 0.6); }
3478
.budgie-polkit-dialog .failure {
3479
color: #FF5252; }
3480
3481
.budgie-run-dialog {
3482
background-color: #546E7A; }
3483
.budgie-run-dialog entry.search {
3484
font-size: 120%;
3485
padding: 6px 14px;
3486
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3487
background-color: transparent; }
3488
.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle,
3489
.budgie-run-dialog list headerbar .subtitle,
3490
headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body {
3491
opacity: 1; }
3492
.budgie-run-dialog scrolledwindow {
3493
border-top: 1px solid rgba(0, 0, 0, 0.2); }
3494
3495
/************************
3496
* LightDM GTK+ Greeter *
3497
************************/
3498
#panel_window {
3499
background-color: rgba(0, 0, 0, 0.3); }
3500
3501
#panel_window menubar,
3502
#panel_window separator {
3503
background-color: transparent; }
3504
3505
#panel_window menubar > menuitem {
3506
color: rgba(255, 255, 255, 0.75); }
3507
#panel_window menubar > menuitem:hover {
3508
color: #FFFFFF; }
3509
#panel_window menubar > menuitem:disabled {
3510
color: rgba(255, 255, 255, 0.3); }
3511
3512
#login_window,
3513
#shutdown_dialog,
3514
#restart_dialog {
3515
margin: 8px;
3516
border-radius: 2px;
3517
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
3518
background-color: #607D8B; }
3519
3520
#content_frame {
3521
padding-bottom: 20px;
3522
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
3523
3524
#buttonbox_frame {
3525
padding-top: 24px; }
3526
#buttonbox_frame button {
3527
margin: -16px; }
3528
3529
#greeter_infobar {
3530
margin-top: -1px; }
3531
3532
/* GTK NAMED COLORS
3533
----------------
3534
use responsibly! */
3535
/*
3536
widget text/foreground color */
3537
@define-color theme_fg_color #FFFFFF;
3538
/*
3539
text color for entries, views and content in general */
3540
@define-color theme_text_color #FFFFFF;
3541
/*
3542
widget base background color */
3543
@define-color theme_bg_color #455A64;
3544
/*
3545
text widgets and the like base background color */
3546
@define-color theme_base_color #546E7A;
3547
/*
3548
base background color of selections */
3549
@define-color theme_selected_bg_color #42A5F5;
3550
/*
3551
text/foreground color of selections */
3552
@define-color theme_selected_fg_color #FFFFFF;
3553
/*
3554
base background color of insensitive widgets */
3555
@define-color insensitive_bg_color #455A64;
3556
/*
3557
text foreground color of insensitive widgets */
3558
@define-color insensitive_fg_color rgba(255, 255, 255, 0.4);
3559
/*
3560
insensitive text widgets and the like base background color */
3561
@define-color insensitive_base_color #4d646f;
3562
/*
3563
widget text/foreground color on backdrop windows */
3564
@define-color theme_unfocused_fg_color #FFFFFF;
3565
/*
3566
text color for entries, views and content in general on backdrop windows */
3567
@define-color theme_unfocused_text_color #FFFFFF;
3568
/*
3569
widget base background color on backdrop windows */
3570
@define-color theme_unfocused_bg_color #455A64;
3571
/*
3572
text widgets and the like base background color on backdrop windows */
3573
@define-color theme_unfocused_base_color #546E7A;
3574
/*
3575
base background color of selections on backdrop windows */
3576
@define-color theme_unfocused_selected_bg_color #42A5F5;
3577
/*
3578
text/foreground color of selections on backdrop windows */
3579
@define-color theme_unfocused_selected_fg_color #FFFFFF;
3580
/*
3581
insensitive color on backdrop windows*/
3582
@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.4);
3583
/*
3584
widgets main borders color */
3585
@define-color borders rgba(0, 0, 0, 0.2);
3586
/*
3587
widgets main borders color on backdrop windows */
3588
@define-color unfocused_borders rgba(0, 0, 0, 0.2);
3589
/*
3590
these are pretty self explicative */
3591
@define-color warning_color #FF6D00;
3592
@define-color error_color #DD2C00;
3593
@define-color success_color #00C853;
3594
@define-color content_view_bg #546E7A;
3595
@define-color placeholder_text_color #bbc5ca;
3596