Differential D17154 Diff 48223 Breeze-dark-gtk/gtk-3.18/gtk.css

Changeset View

Standalone View

View Options

Breeze-dark-gtk/gtk-3.18/gtk.css

Show First 20 Lines • Show All 127 Lines • ▼ Show 20 Line(s)
128.view { 128​.view {
129 color: #eff0f1; 129​ color: #eff0f1;
130 background-color: #232629; } 130​ background-color: #232629; }
131 .view:backdrop { 131​ .view:backdrop {
132 color: #eff0f1; 132​ color: #eff0f1;
133 background-color: #232629; } 133​ background-color: #232629; }
134 .view:selected { 134​ .view:selected {
135 border-radius: 3px; } 135​ border-radius: 3px; }
136​ .view:insensitive {
137​ color: rgba(216, 218, 221, 0.35); }
136 138​
137.rubberband { 139​.rubberband {
138 border: 1px solid #3daee9; 140​ border: 1px solid #3daee9;
139 background-color: rgba(61, 174, 233, 0.2); } 141​ background-color: rgba(61, 174, 233, 0.2); }
140 .rubberband:backdrop { 142​ .rubberband:backdrop {
141 border-color: #3daee9; 143​ border-color: #3daee9;
142 background-color: rgba(61, 174, 233, 0.2); } 144​ background-color: rgba(61, 174, 233, 0.2); }
143 145​
144.label.separator, GtkPlacesSidebar.sidebar .view .label.separator { 146​.label.separator, GtkPlacesSidebar.sidebar .view .label.separator {
145 color: #eff0f1; } 147​ color: #eff0f1; }
146 .label.separator:backdrop, GtkPlacesSidebar.sidebar .view .label.separator:backdrop { 148​ .label.separator:backdrop,
149​ GtkPlacesSidebar.sidebar .view .label.separator:backdrop {
147 color: #eff0f1; } 150​ color: #eff0f1; }
151​
148.label:insensitive { 152​.label:insensitive {
149 color: rgba(216, 218, 221, 0.35); } 153​ color: rgba(216, 218, 221, 0.35); }
150 .label:insensitive:backdrop { 154​ .label:insensitive:backdrop {
151 color: rgba(216, 218, 221, 0.35); } 155​ color: rgba(216, 218, 221, 0.35); }
152 156​
153.dim-label, .label.separator, GtkPlacesSidebar.sidebar .view .label.separator, .titlebar .subtitle, 157​.dim-label, .label.separator, GtkPlacesSidebar.sidebar .view .label.separator, .titlebar .subtitle,
154.header-bar .subtitle { 158​.header-bar .subtitle {
155 opacity: 0.5; 159​ opacity: 0.5;
156 text-shadow: none; } 160​ text-shadow: none; }
157 161​
158GtkAssistant .sidebar { 162​GtkAssistant .sidebar {
159 background-color: #eff0f1; 163​ background-color: #eff0f1;
160 border-top: 1px solid #616569; } 164​ border-top: 1px solid #616569; }
161 GtkAssistant .sidebar:dir(ltr) { 165​ GtkAssistant .sidebar:dir(ltr) {
162 border-right: 1px solid #616569; } 166​ border-right: 1px solid #616569; }
163 GtkAssistant .sidebar:dir(rtl) { 167​ GtkAssistant .sidebar:dir(rtl) {
164 border-left: 1px solid #616569; } 168​ border-left: 1px solid #616569; }
165 GtkAssistant .sidebar:backdrop { 169​ GtkAssistant .sidebar:backdrop {
166 background-color: #eff0f1; 170​ background-color: #eff0f1;
167 border-color: #616569; } 171​ border-color: #616569; }
172​
168GtkAssistant.csd .sidebar { 173​GtkAssistant.csd .sidebar {
169 border-top-style: none; } 174​ border-top-style: none; }
175​
170GtkAssistant .sidebar .label { 176​GtkAssistant .sidebar .label {
171 padding: 6px 12px; } 177​ padding: 6px 12px; }
178​
172GtkAssistant .sidebar .label.highlight { 179​GtkAssistant .sidebar .label.highlight {
173 background-color: #4c4e51; } 180​ background-color: #4c4e51; }
174 181​
175GtkTextView { 182​GtkTextView {
176 background-color: #2a2e32; } 183​ background-color: #2a2e32; }
177 GtkTextView:backdrop { 184​ GtkTextView:backdrop {
178 background-color: #2a2e32; } 185​ background-color: #2a2e32; }
186​ GtkTextView:insensitive {
187​ color: rgba(216, 218, 221, 0.35); }
179 188​
180.grid-child { 189​.grid-child {
181 padding: 3px; 190​ padding: 3px;
182 border-radius: 3px; } 191​ border-radius: 3px; }
183 192​
184.app-notification, 193​.app-notification,
185.app-notification.frame, .popover.osd, .osd { 194​.app-notification.frame, .popover.osd, .osd {
186 color: #eff0f1; 195​ color: #eff0f1;
Show All 18 Lines
205/*********** 214​/***********
206 * Buttons * 215​ * Buttons *
207 ***********/ 216​ ***********/
208@keyframes needs_attention { 217​@keyframes needs_attention {
209 from { 218​ from {
210 background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#3daee9), to(transparent)); } 219​ background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#3daee9), to(transparent)); }
211 to { 220​ to {
212 background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)); } } 221​ background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)); } }
222​
213.button, .button.osd, .osd .button { 223​.button, .button.osd, .osd .button {
214 border: 1px solid; 224​ border: 1px solid;
215 border-radius: 3px; 225​ border-radius: 3px;
216 padding: 6px; 226​ padding: 6px;
217 background-clip: border-box; 227​ background-clip: border-box;
218 transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 228​ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
219 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); 229​ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
220 text-shadow: none; 230​ text-shadow: none;
▲ Show 20 Lines • Show All 87 Lines • ▼ Show 20 Line(s)317 .button:insensitive > .label, .osd .button:insensitive > .label {
308 color: inherit; } 318​ color: inherit; }
309 .button:insensitive:active, .button:insensitive:checked { 319​ .button:insensitive:active, .button:insensitive:checked {
310 color: rgba(216, 218, 221, 0.35); 320​ color: rgba(216, 218, 221, 0.35);
311 border-color: rgba(37, 164, 230, 0.35); 321​ border-color: rgba(37, 164, 230, 0.35);
312 background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } 322​ background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); }
313 .button:insensitive:active > .label, .osd .button:insensitive:active > .label, .button:insensitive:checked > .label, .osd .button:insensitive:checked > .label { 323​ .button:insensitive:active > .label, .osd .button:insensitive:active > .label, .button:insensitive:checked > .label, .osd .button:insensitive:checked > .label {
314 color: inherit; } 324​ color: inherit; }
315 325​
316.button.suggested-action, .button.suggested-action.osd .button { 326​.button.suggested-action,
327​.button.suggested-action.osd .button {
317 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); 328​ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
318 text-shadow: none; 329​ text-shadow: none;
319 icon-shadow: none; 330​ icon-shadow: none;
320 color: #eff0f1; 331​ color: #eff0f1;
321 border-color: #3daee9; 332​ border-color: #3daee9;
322 background-image: linear-gradient(to bottom, #40afe9, #35abe8); } 333​ background-image: linear-gradient(to bottom, #40afe9, #35abe8); }
323 .button.suggested-action.flat, .button.suggested-action.osd .button.flat { 334​ .button.suggested-action.flat,
335​ .button.suggested-action.osd .button.flat {
324 border-color: rgba(255, 255, 255, 0); 336​ border-color: rgba(255, 255, 255, 0);
325 background-color: transparent; 337​ background-color: transparent;
326 background-image: none; 338​ background-image: none;
327 box-shadow: none; 339​ box-shadow: none;
328 color: #eff0f1; 340​ color: #eff0f1;
329 text-shadow: none; 341​ text-shadow: none;
330 icon-shadow: none; 342​ icon-shadow: none;
331 color: #3daee9; } 343​ color: #3daee9; }
332 .button.suggested-action:hover, .button.suggested-action.osd .button:hover { 344​ .button.suggested-action:hover,
345​ .button.suggested-action.osd .button:hover {
333 color: white; 346​ color: white;
334 border-color: #3daee9; } 347​ border-color: #3daee9; }
335 .button.suggested-action:active, .button.suggested-action:checked, .button.suggested-action.osd .button:active, .button.suggested-action.osd .button:checked { 348​ .button.suggested-action:active, .button.suggested-action:checked,
349​ .button.suggested-action.osd .button:active,
350​ .button.suggested-action.osd .button:checked {
336 color: white; 351​ color: white;
337 border-color: #3daee9; 352​ border-color: #3daee9;
338 background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } 353​ background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); }
339 .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop, .button.suggested-action.osd .button:backdrop, .button.suggested-action.osd .button.flat:backdrop { 354​ .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop,
355​ .button.suggested-action.osd .button:backdrop,
356​ .button.suggested-action.osd .button.flat:backdrop {
340 color: white; 357​ color: white;
341 border-color: #616569; 358​ border-color: #616569;
342 background-image: linear-gradient(to bottom, #40afe9, #35abe8); } 359​ background-image: linear-gradient(to bottom, #40afe9, #35abe8); }
343 .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active, .button.suggested-action.flat:backdrop:checked, .button.suggested-action.osd .button:backdrop:active, .button.suggested-action.osd .button:backdrop:checked, .button.suggested-action.osd .button.flat:backdrop:active, .button.suggested-action.osd .button.flat:backdrop:checked { 360​ .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active, .button.suggested-action.flat:backdrop:checked,
361​ .button.suggested-action.osd .button:backdrop:active,
362​ .button.suggested-action.osd .button:backdrop:checked,
363​ .button.suggested-action.osd .button.flat:backdrop:active,
364​ .button.suggested-action.osd .button.flat:backdrop:checked {
344 color: white; 365​ color: white;
345 border-color: #3daee9; 366​ border-color: #3daee9;
346 background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } 367​ background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); }
347 .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive, .button.suggested-action.osd .button:backdrop:insensitive, .button.suggested-action.osd .button.flat:backdrop:insensitive { 368​ .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive,
369​ .button.suggested-action.osd .button:backdrop:insensitive,
370​ .button.suggested-action.osd .button.flat:backdrop:insensitive {
348 color: rgba(216, 218, 221, 0.35); 371​ color: rgba(216, 218, 221, 0.35);
349 border-color: rgba(88, 92, 95, 0.35); 372​ border-color: rgba(88, 92, 95, 0.35);
350 background-image: linear-gradient(to bottom, #2d3236, #2b3034); } 373​ background-image: linear-gradient(to bottom, #2d3236, #2b3034); }
351 .button.suggested-action:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, .button.suggested-action.osd .button:backdrop:insensitive > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive > .label { 374​ .button.suggested-action:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label,
352 color: inherit; } 375​ .button.suggested-action.osd .button:backdrop:insensitive > .label,
353 .button.suggested-action:backdrop:insensitive:active, .button.suggested-action:backdrop:insensitive:checked, .button.suggested-action.flat:backdrop:insensitive:active, .button.suggested-action.flat:backdrop:insensitive:checked, .button.suggested-action.osd .button:backdrop:insensitive:active, .button.suggested-action.osd .button:backdrop:insensitive:checked, .button.suggested-action.osd .button.flat:backdrop:insensitive:active, .button.suggested-action.osd .button.flat:backdrop:insensitive:checked { 376​ .button.suggested-action.osd .button.flat:backdrop:insensitive > .label {
377​ color: inherit; }
378​ .button.suggested-action:backdrop:insensitive:active, .button.suggested-action:backdrop:insensitive:checked, .button.suggested-action.flat:backdrop:insensitive:active, .button.suggested-action.flat:backdrop:insensitive:checked,
379​ .button.suggested-action.osd .button:backdrop:insensitive:active,
380​ .button.suggested-action.osd .button:backdrop:insensitive:checked,
381​ .button.suggested-action.osd .button.flat:backdrop:insensitive:active,
382​ .button.suggested-action.osd .button.flat:backdrop:insensitive:checked {
354 color: rgba(232, 232, 232, 0.35); 383​ color: rgba(232, 232, 232, 0.35);
355 border-color: rgba(37, 164, 230, 0.35); 384​ border-color: rgba(37, 164, 230, 0.35);
356 background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } 385​ background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); }
357 .button.suggested-action:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, .button.suggested-action.osd .button:backdrop:insensitive:active > .label, .button.suggested-action.osd .button:backdrop:insensitive:checked > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive:active > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive:checked > .label { 386​ .button.suggested-action:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label,
358 color: inherit; } 387​ .button.suggested-action.osd .button:backdrop:insensitive:active > .label,
359 .button.suggested-action.flat:backdrop, .button.suggested-action.flat:insensitive, .button.suggested-action.flat:backdrop:insensitive, .button.suggested-action.osd .button.flat:backdrop, .button.suggested-action.osd .button.flat:insensitive, .button.suggested-action.osd .button.flat:backdrop:insensitive { 388​ .button.suggested-action.osd .button:backdrop:insensitive:checked > .label,
389​ .button.suggested-action.osd .button.flat:backdrop:insensitive:active > .label,
390​ .button.suggested-action.osd .button.flat:backdrop:insensitive:checked > .label {
391​ color: inherit; }
392​ .button.suggested-action.flat:backdrop, .button.suggested-action.flat:insensitive, .button.suggested-action.flat:backdrop:insensitive,
393​ .button.suggested-action.osd .button.flat:backdrop,
394​ .button.suggested-action.osd .button.flat:insensitive,
395​ .button.suggested-action.osd .button.flat:backdrop:insensitive {
360 border-color: rgba(255, 255, 255, 0); 396​ border-color: rgba(255, 255, 255, 0);
361 background-color: transparent; 397​ background-color: transparent;
362 background-image: none; 398​ background-image: none;
363 box-shadow: none; 399​ box-shadow: none;
364 color: #eff0f1; 400​ color: #eff0f1;
365 text-shadow: none; 401​ text-shadow: none;
366 icon-shadow: none; 402​ icon-shadow: none;
367 color: rgba(61, 174, 233, 0.8); } 403​ color: rgba(61, 174, 233, 0.8); }
368 .button.suggested-action:insensitive, .button.suggested-action.osd .button:insensitive { 404​ .button.suggested-action:insensitive,
405​ .button.suggested-action.osd .button:insensitive {
369 color: rgba(216, 218, 221, 0.35); 406​ color: rgba(216, 218, 221, 0.35);
370 border-color: rgba(88, 92, 95, 0.35); 407​ border-color: rgba(88, 92, 95, 0.35);
371 background-image: linear-gradient(to bottom, #2d3236, #2b3034); } 408​ background-image: linear-gradient(to bottom, #2d3236, #2b3034); }
372 .button.suggested-action:insensitive > .label, .button.suggested-action.osd .button:insensitive > .label { 409​ .button.suggested-action:insensitive > .label,
410​ .button.suggested-action.osd .button:insensitive > .label {
373 color: inherit; } 411​ color: inherit; }
374 .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked, .button.suggested-action.osd .button:insensitive:active, .button.suggested-action.osd .button:insensitive:checked { 412​ .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked,
413​ .button.suggested-action.osd .button:insensitive:active,
414​ .button.suggested-action.osd .button:insensitive:checked {
375 color: rgba(232, 232, 232, 0.35); 415​ color: rgba(232, 232, 232, 0.35);
376 border-color: rgba(37, 164, 230, 0.35); 416​ border-color: rgba(37, 164, 230, 0.35);
377 background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } 417​ background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); }
378 .button.suggested-action:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, .button.suggested-action.osd .button:insensitive:active > .label, .button.suggested-action.osd .button:insensitive:checked > .label { 418​ .button.suggested-action:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label,
419​ .button.suggested-action.osd .button:insensitive:active > .label,
420​ .button.suggested-action.osd .button:insensitive:checked > .label {
379 color: inherit; } 421​ color: inherit; }
380.button.destructive-action, .button.destructive-action.osd .button { 422​
423​.button.destructive-action,
424​.button.destructive-action.osd .button {
381 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); 425​ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
382 text-shadow: none; 426​ text-shadow: none;
383 icon-shadow: none; 427​ icon-shadow: none;
384 color: #eff0f1; 428​ color: #eff0f1;
385 border-color: #da4453; 429​ border-color: #da4453;
386 background-image: linear-gradient(to bottom, #da4655, #d93d4d); } 430​ background-image: linear-gradient(to bottom, #da4655, #d93d4d); }
387 .button.destructive-action.flat, .button.destructive-action.osd .button.flat { 431​ .button.destructive-action.flat,
432​ .button.destructive-action.osd .button.flat {
388 border-color: rgba(255, 255, 255, 0); 433​ border-color: rgba(255, 255, 255, 0);
389 background-color: transparent; 434​ background-color: transparent;
390 background-image: none; 435​ background-image: none;
391 box-shadow: none; 436​ box-shadow: none;
392 color: #eff0f1; 437​ color: #eff0f1;
393 text-shadow: none; 438​ text-shadow: none;
394 icon-shadow: none; 439​ icon-shadow: none;
395 color: #da4453; } 440​ color: #da4453; }
396 .button.destructive-action:hover, .button.destructive-action.osd .button:hover { 441​ .button.destructive-action:hover,
442​ .button.destructive-action.osd .button:hover {
397 color: white; 443​ color: white;
398 border-color: #da4453; } 444​ border-color: #da4453; }
399 .button.destructive-action:active, .button.destructive-action:checked, .button.destructive-action.osd .button:active, .button.destructive-action.osd .button:checked { 445​ .button.destructive-action:active, .button.destructive-action:checked,
446​ .button.destructive-action.osd .button:active,
447​ .button.destructive-action.osd .button:checked {
400 color: white; 448​ color: white;
401 border-color: #da4453; 449​ border-color: #da4453;
402 background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); } 450​ background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); }
403 .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop, .button.destructive-action.osd .button:backdrop, .button.destructive-action.osd .button.flat:backdrop { 451​ .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop,
452​ .button.destructive-action.osd .button:backdrop,
453​ .button.destructive-action.osd .button.flat:backdrop {
404 color: white; 454​ color: white;
405 border-color: #616569; 455​ border-color: #616569;
406 background-image: linear-gradient(to bottom, #da4655, #d93d4d); } 456​ background-image: linear-gradient(to bottom, #da4655, #d93d4d); }
407 .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked, .button.destructive-action.osd .button:backdrop:active, .button.destructive-action.osd .button:backdrop:checked, .button.destructive-action.osd .button.flat:backdrop:active, .button.destructive-action.osd .button.flat:backdrop:checked { 457​ .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked,
458​ .button.destructive-action.osd .button:backdrop:active,
459​ .button.destructive-action.osd .button:backdrop:checked,
460​ .button.destructive-action.osd .button.flat:backdrop:active,
461​ .button.destructive-action.osd .button.flat:backdrop:checked {
408 color: white; 462​ color: white;
409 border-color: #da4453; 463​ border-color: #da4453;
410 background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); } 464​ background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); }
411 .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive, .button.destructive-action.osd .button:backdrop:insensitive, .button.destructive-action.osd .button.flat:backdrop:insensitive { 465​ .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive,
466​ .button.destructive-action.osd .button:backdrop:insensitive,
467​ .button.destructive-action.osd .button.flat:backdrop:insensitive {
412 color: rgba(216, 218, 221, 0.35); 468​ color: rgba(216, 218, 221, 0.35);
413 border-color: rgba(88, 92, 95, 0.35); 469​ border-color: rgba(88, 92, 95, 0.35);
414 background-image: linear-gradient(to bottom, #2d3236, #2b3034); } 470​ background-image: linear-gradient(to bottom, #2d3236, #2b3034); }
415 .button.destructive-action:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, .button.destructive-action.osd .button:backdrop:insensitive > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive > .label { 471​ .button.destructive-action:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label,
416 color: inherit; } 472​ .button.destructive-action.osd .button:backdrop:insensitive > .label,
417 .button.destructive-action:backdrop:insensitive:active, .button.destructive-action:backdrop:insensitive:checked, .button.destructive-action.flat:backdrop:insensitive:active, .button.destructive-action.flat:backdrop:insensitive:checked, .button.destructive-action.osd .button:backdrop:insensitive:active, .button.destructive-action.osd .button:backdrop:insensitive:checked, .button.destructive-action.osd .button.flat:backdrop:insensitive:active, .button.destructive-action.osd .button.flat:backdrop:insensitive:checked { 473​ .button.destructive-action.osd .button.flat:backdrop:insensitive > .label {
474​ color: inherit; }
475​ .button.destructive-action:backdrop:insensitive:active, .button.destructive-action:backdrop:insensitive:checked, .button.destructive-action.flat:backdrop:insensitive:active, .button.destructive-action.flat:backdrop:insensitive:checked,
476​ .button.destructive-action.osd .button:backdrop:insensitive:active,
477​ .button.destructive-action.osd .button:backdrop:insensitive:checked,
478​ .button.destructive-action.osd .button.flat:backdrop:insensitive:active,
479​ .button.destructive-action.osd .button.flat:backdrop:insensitive:checked {
418 color: rgba(232, 232, 232, 0.35); 480​ color: rgba(232, 232, 232, 0.35);
419 border-color: rgba(214, 46, 63, 0.35); 481​ border-color: rgba(214, 46, 63, 0.35);
420 background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } 482​ background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); }
421 .button.destructive-action:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, .button.destructive-action.osd .button:backdrop:insensitive:active > .label, .button.destructive-action.osd .button:backdrop:insensitive:checked > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive:active > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive:checked > .label { 483​ .button.destructive-action:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label,
422 color: inherit; } 484​ .button.destructive-action.osd .button:backdrop:insensitive:active > .label,
423 .button.destructive-action.flat:backdrop, .button.destructive-action.flat:insensitive, .button.destructive-action.flat:backdrop:insensitive, .button.destructive-action.osd .button.flat:backdrop, .button.destructive-action.osd .button.flat:insensitive, .button.destructive-action.osd .button.flat:backdrop:insensitive { 485​ .button.destructive-action.osd .button:backdrop:insensitive:checked > .label,
486​ .button.destructive-action.osd .button.flat:backdrop:insensitive:active > .label,
487​ .button.destructive-action.osd .button.flat:backdrop:insensitive:checked > .label {
488​ color: inherit; }
489​ .button.destructive-action.flat:backdrop, .button.destructive-action.flat:insensitive, .button.destructive-action.flat:backdrop:insensitive,
490​ .button.destructive-action.osd .button.flat:backdrop,
491​ .button.destructive-action.osd .button.flat:insensitive,
492​ .button.destructive-action.osd .button.flat:backdrop:insensitive {
424 border-color: rgba(255, 255, 255, 0); 493​ border-color: rgba(255, 255, 255, 0);
425 background-color: transparent; 494​ background-color: transparent;
426 background-image: none; 495​ background-image: none;
427 box-shadow: none; 496​ box-shadow: none;
428 color: #eff0f1; 497​ color: #eff0f1;
429 text-shadow: none; 498​ text-shadow: none;
430 icon-shadow: none; 499​ icon-shadow: none;
431 color: rgba(218, 68, 83, 0.8); } 500​ color: rgba(218, 68, 83, 0.8); }
432 .button.destructive-action:insensitive, .button.destructive-action.osd .button:insensitive { 501​ .button.destructive-action:insensitive,
502​ .button.destructive-action.osd .button:insensitive {
433 color: rgba(216, 218, 221, 0.35); 503​ color: rgba(216, 218, 221, 0.35);
434 border-color: rgba(88, 92, 95, 0.35); 504​ border-color: rgba(88, 92, 95, 0.35);
435 background-image: linear-gradient(to bottom, #2d3236, #2b3034); } 505​ background-image: linear-gradient(to bottom, #2d3236, #2b3034); }
436 .button.destructive-action:insensitive > .label, .button.destructive-action.osd .button:insensitive > .label { 506​ .button.destructive-action:insensitive > .label,
507​ .button.destructive-action.osd .button:insensitive > .label {
437 color: inherit; } 508​ color: inherit; }
438 .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked, .button.destructive-action.osd .button:insensitive:active, .button.destructive-action.osd .button:insensitive:checked { 509​ .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked,
510​ .button.destructive-action.osd .button:insensitive:active,
511​ .button.destructive-action.osd .button:insensitive:checked {
439 color: rgba(232, 232, 232, 0.35); 512​ color: rgba(232, 232, 232, 0.35);
440 border-color: rgba(37, 164, 230, 0.35); 513​ border-color: rgba(37, 164, 230, 0.35);
441 background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } 514​ background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); }
442 .button.destructive-action:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, .button.destructive-action.osd .button:insensitive:active > .label, .button.destructive-action.osd .button:insensitive:checked > .label { 515​ .button.destructive-action:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label,
516​ .button.destructive-action.osd .button:insensitive:active > .label,
517​ .button.destructive-action.osd .button:insensitive:checked > .label {
443 color: inherit; } 518​ color: inherit; }
519​
444.button.image-button { 520​.button.image-button {
445 padding: 6px; } 521​ padding: 6px; }
522​
446.button.text-button { 523​.button.text-button {
447 padding: 6px; } 524​ padding: 6px; }
525​
448.button.text-button.image-button { 526​.button.text-button.image-button {
449 padding: 6px; } 527​ padding: 6px; }
450 .button.text-button.image-button .label:first-child { 528​ .button.text-button.image-button .label:first-child {
451 padding-left: 8px; } 529​ padding-left: 8px; }
452 .button.text-button.image-button .label:last-child { 530​ .button.text-button.image-button .label:last-child {
453 padding-right: 8px; } 531​ padding-right: 8px; }
532​
454.stack-switcher > .button > .label { 533​.stack-switcher > .button > .label {
455 padding-left: 6px; 534​ padding-left: 6px;
456 padding-right: 6px; } 535​ padding-right: 6px; }
536​
457.stack-switcher > .button > GtkImage { 537​.stack-switcher > .button > GtkImage {
458 padding-left: 6px; 538​ padding-left: 6px;
459 padding-right: 6px; 539​ padding-right: 6px;
460 padding-top: 3px; 540​ padding-top: 3px;
461 padding-bottom: 3px; } 541​ padding-bottom: 3px; }
542​
462.stack-switcher > .button.text-button { 543​.stack-switcher > .button.text-button {
463 padding: 6px; } 544​ padding: 6px; }
545​
464.stack-switcher > .button.image-button { 546​.stack-switcher > .button.image-button {
465 padding: 3px 0px; } 547​ padding: 3px 0px; }
466.stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { 548​
549​.stack-switcher > .button.needs-attention:active > .label,
550​.stack-switcher > .button.needs-attention:active > GtkImage,
551​.stack-switcher > .button.needs-attention:checked > .label,
552​.stack-switcher > .button.needs-attention:checked > GtkImage {
467 animation: none; 553​ animation: none;
468 background-image: none; } 554​ background-image: none; }
555​
469.inline-toolbar .button, .inline-toolbar .button:backdrop { 556​.inline-toolbar .button, .inline-toolbar .button:backdrop {
470 border-radius: 3px; 557​ border-radius: 3px;
471 border-width: 1px; } 558​ border-width: 1px; }
559​
472.primary-toolbar .button { 560​.primary-toolbar .button {
473 icon-shadow: none; } 561​ icon-shadow: none; }
474 562​
475/************** 563​/**************
476 * ComboBoxes * 564​ * ComboBoxes *
477 **************/ 565​ **************/
478GtkComboBox { 566​GtkComboBox {
479 -GtkComboBox-arrow-scaling: 0.5; 567​ -GtkComboBox-arrow-scaling: 0.5;
Show All 10 Lines575 GtkComboBox:backdrop {
490 icon-shadow: none; } 578​ icon-shadow: none; }
491 GtkComboBox:backdrop:insensitive { 579​ GtkComboBox:backdrop:insensitive {
492 color: rgba(216, 218, 221, 0.35); } 580​ color: rgba(216, 218, 221, 0.35); }
493 GtkComboBox .menuitem { 581​ GtkComboBox .menuitem {
494 text-shadow: none; } 582​ text-shadow: none; }
495 GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkComboBox .vertical.separator { 583​ GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkComboBox .vertical.separator {
496 -GtkWidget-wide-separators: true; } 584​ -GtkWidget-wide-separators: true; }
497 585​
498.stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label { 586​.stack-switcher > .button.needs-attention > .label,
587​.stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label {
499 animation: needs_attention 150ms ease-in; 588​ animation: needs_attention 150ms ease-in;
500 background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(#eff0f1), to(transparent)); 589​ background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(#eff0f1), to(transparent));
501 background-size: 6px 6px, 6px 6px; 590​ background-size: 6px 6px, 6px 6px;
502 background-repeat: no-repeat; 591​ background-repeat: no-repeat;
503 background-position: right 3px, right 4px; } 592​ background-position: right 3px, right 4px; }
504 .stack-switcher > .button.needs-attention > .label:backdrop, .stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop { 593​ .stack-switcher > .button.needs-attention > .label:backdrop,
594​ .stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop {
505 background-size: 6px 6px, 0 0; } 595​ background-size: 6px 6px, 0 0; }
506 .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { 596​ .stack-switcher > .button.needs-attention > .label:dir(rtl),
597​ .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) {
507 background-position: left 3px, left 4px; } 598​ background-position: left 3px, left 4px; }
508 599​
509.inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, .linked > .button:backdrop, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:backdrop { 600​.inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button,
601​.linked > .button:hover,
602​.linked > .button:active,
603​.linked > .button:checked,
604​.linked > .button:backdrop, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:backdrop {
510 border-radius: 3px; } 605​ border-radius: 3px; }
511 .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl) { 606​ .inline-toolbar .button:dir(rtl), .inline-toolbar .button:dir(rtl):backdrop, .linked > .button:dir(rtl),
607​ .linked > .button:dir(rtl):hover,
608​ .linked > .button:dir(rtl):active,
609​ .linked > .button:dir(rtl):checked,
610​ .linked > .button:dir(rtl):backdrop, GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl):backdrop {
512 border-radius: 3px; } 611​ border-radius: 3px; }
513 612​
514.inline-toolbar .button:first-child, .linked > .button:first-child, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child { 613​.inline-toolbar .button:first-child, .linked > .button:first-child, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child {
515 border-radius: 3px; 614​ border-radius: 3px;
516 border-style: solid; } 615​ border-style: solid; }
616​
517.inline-toolbar .button:last-child, .linked > .button:last-child, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child { 617​.inline-toolbar .button:last-child, .linked > .button:last-child, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child {
518 border-radius: 3px; } 618​ border-radius: 3px; }
619​
519.inline-toolbar .button:only-child, .linked > .button:only-child, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child { 620​.inline-toolbar .button:only-child, .linked > .button:only-child, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child {
520 border-radius: 3px; 621​ border-radius: 3px;
521 border-style: solid; } 622​ border-style: solid; }
522 623​
523.linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > .button:backdrop { 624​.linked.vertical > .button,
625​.linked.vertical > .button:hover,
626​.linked.vertical > .button:active,
627​.linked.vertical > .button:checked,
628​.linked.vertical > .button:backdrop {
524 border-style: solid; 629​ border-style: solid;
525 border-radius: 3px; } 630​ border-radius: 3px; }
526 631​
527.linked.vertical > .button:first-child { 632​.linked.vertical > .button:first-child {
528 border-radius: 3px; } 633​ border-radius: 3px; }
634​
529.linked.vertical > .button:last-child { 635​.linked.vertical > .button:last-child {
530 border-radius: 3px; 636​ border-radius: 3px;
531 border-style: solid; } 637​ border-style: solid; }
638​
532.linked.vertical > .button:only-child { 639​.linked.vertical > .button:only-child {
533 border-radius: 3px; 640​ border-radius: 3px;
534 border-style: solid; } 641​ border-style: solid; }
535 642​
536.app-notification .button.flat, 643​.app-notification .button.flat,
537.app-notification.frame .button.flat, .app-notification .button.flat:hover, 644​.app-notification.frame .button.flat, .app-notification .button.flat:hover,
538.app-notification.frame .button.flat:hover, .app-notification .button.flat:active, 645​.app-notification.frame .button.flat:hover, .app-notification .button.flat:active,
539.app-notification.frame .button.flat:active, .app-notification .button.flat:backdrop, .app-notification .button.flat:insensitive, .app-notification .button.flat:backdrop:insensitive, 646​.app-notification.frame .button.flat:active, .app-notification .button.flat:backdrop, .app-notification .button.flat:insensitive, .app-notification .button.flat:backdrop:insensitive,
▲ Show 20 Lines • Show All 170 Lines • ▼ Show 20 Line(s)
710 * Calendar * 817​ * Calendar *
711 ***********/ 818​ ***********/
712GtkCalendar { 819​GtkCalendar {
713 color: #eff0f1; 820​ color: #eff0f1;
714 border: 1px solid #616569; 821​ border: 1px solid #616569;
715 background-color: #232629; } 822​ background-color: #232629; }
716 GtkCalendar:selected { 823​ GtkCalendar:selected {
717 background-color: #616569; } 824​ background-color: #616569; }
825​ GtkCalendar:insensitive {
826​ color: rgba(216, 218, 221, 0.35); }
718 GtkCalendar.header { 827​ GtkCalendar.header {
719 border: 1px solid #616569; 828​ border: 1px solid #616569;
720 border-radius: 0; 829​ border-radius: 0;
721 color: #eff0f1; } 830​ color: #eff0f1; }
722 GtkCalendar.header:backdrop { 831​ GtkCalendar.header:backdrop {
723 color: #eff0f1; 832​ color: #eff0f1;
724 border-color: #616569; } 833​ border-color: #616569; }
834​ GtkCalendar.header:insensitive {
835​ color: rgba(216, 218, 221, 0.35); }
725 GtkCalendar.button { 836​ GtkCalendar.button {
726 color: #eff0f1; } 837​ color: #eff0f1; }
727 GtkCalendar.button:hover { 838​ GtkCalendar.button:hover {
728 color: #3daee9; } 839​ color: #3daee9; }
729 GtkCalendar.button:active { 840​ GtkCalendar.button:active {
730 color: #3daee9; } 841​ color: #3daee9; }
731 GtkCalendar.button:backdrop { 842​ GtkCalendar.button:backdrop {
732 color: #eff0f1; } 843​ color: #eff0f1; }
▲ Show 20 Lines • Show All 243 Lines • ▼ Show 20 Line(s)
976 1087​
977/***************** 1088​/*****************
978 * Color Chooser * 1089​ * Color Chooser *
979 *****************/ 1090​ *****************/
980:selected GtkColorSwatch { 1091​:selected GtkColorSwatch {
981 box-shadow: none; } 1092​ box-shadow: none; }
982 :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { 1093​ :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover {
983 border-color: #eff0f1; } 1094​ border-color: #eff0f1; }
1095​
984GtkColorSwatch:selected { 1096​GtkColorSwatch:selected {
985 box-shadow: none; } 1097​ box-shadow: none; }
986GtkColorSwatch.top, GtkColorSwatch.bottom, GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top), GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom), GtkColorSwatch:only-child:not(.overlay), GtkColorSwatch.top > .overlay, GtkColorSwatch.bottom > .overlay, GtkColorSwatch:first-child:not(.top) > .overlay, GtkColorSwatch:last-child:not(.bottom) > .overlay, GtkColorSwatch:only-child > .overlay { 1098​
1099​GtkColorSwatch.top, GtkColorSwatch.bottom, GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top), GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom), GtkColorSwatch:only-child:not(.overlay),
1100​GtkColorSwatch.top > .overlay,
1101​GtkColorSwatch.bottom > .overlay,
1102​GtkColorSwatch:first-child:not(.top) > .overlay,
1103​GtkColorSwatch:last-child:not(.bottom) > .overlay,
1104​GtkColorSwatch:only-child > .overlay {
987 border-radius: 3px; } 1105​ border-radius: 3px; }
1106​
988GtkColorSwatch:hover, GtkColorSwatch:hover:selected { 1107​GtkColorSwatch:hover, GtkColorSwatch:hover:selected {
989 background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%); 1108​ background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%);
990 box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } 1109​ box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
991 GtkColorSwatch:hover.color-dark, GtkColorSwatch:hover:selected.color-dark { 1110​ GtkColorSwatch:hover.color-dark, GtkColorSwatch:hover:selected.color-dark {
992 background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); } 1111​ background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); }
993GtkColorSwatch:backdrop, GtkColorSwatch:backdrop:selected 1112​
994GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected { 1113​GtkColorSwatch:backdrop,
1114​GtkColorSwatch:backdrop:selected GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected {
995 background-image: none; 1115​ background-image: none;
996 box-shadow: none; } 1116​ box-shadow: none; }
1117​
997GtkColorEditor GtkColorSwatch { 1118​GtkColorEditor GtkColorSwatch {
998 border-radius: 3px; } 1119​ border-radius: 3px; }
999 GtkColorEditor GtkColorSwatch:hover { 1120​ GtkColorEditor GtkColorSwatch:hover {
1000 background-image: none; 1121​ background-image: none;
1001 box-shadow: none; } 1122​ box-shadow: none; }
1002 GtkColorEditor GtkColorSwatch:backdrop { 1123​ GtkColorEditor GtkColorSwatch:backdrop {
1003 box-shadow: none; } 1124​ box-shadow: none; }
1125​
1004GtkColorSwatch.color-dark { 1126​GtkColorSwatch.color-dark {
1005 color: white; 1127​ color: white;
1006 outline-color: rgba(0, 0, 0, 0.3); } 1128​ outline-color: rgba(0, 0, 0, 0.3); }
1007 GtkColorSwatch.color-dark:backdrop { 1129​ GtkColorSwatch.color-dark:backdrop {
1008 color: rgba(255, 255, 255, 0.3); } 1130​ color: rgba(255, 255, 255, 0.3); }
1131​
1009GtkColorSwatch.color-light { 1132​GtkColorSwatch.color-light {
1010 color: black; 1133​ color: black;
1011 outline-color: rgba(255, 255, 255, 0.5); } 1134​ outline-color: rgba(255, 255, 255, 0.5); }
1012 GtkColorSwatch.color-light:backdrop { 1135​ GtkColorSwatch.color-light:backdrop {
1013 color: rgba(0, 0, 0, 0.3); } 1136​ color: rgba(0, 0, 0, 0.3); }
1137​
1014GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { 1138​GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected {
1015 border: 1px solid #616569; } 1139​ border: 1px solid #616569; }
1016 GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { 1140​ GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover {
1017 border-color: #3daee9; } 1141​ border-color: #3daee9; }
1142​
1018GtkColorSwatch#add-color-button { 1143​GtkColorSwatch#add-color-button {
1019 border-style: solid; 1144​ border-style: solid;
1020 border-width: 1px; 1145​ border-width: 1px;
1021 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); 1146​ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
1022 text-shadow: none; 1147​ text-shadow: none;
1023 icon-shadow: none; 1148​ icon-shadow: none;
1024 color: #eff0f1; 1149​ color: #eff0f1;
1025 border-color: #616569; 1150​ border-color: #616569;
Show All 38 Lines
1064GtkFileChooserDialog .search-bar { 1189​GtkFileChooserDialog .search-bar {
1065 background-color: #31363b; 1190​ background-color: #31363b;
1066 border-color: #31363b; 1191​ border-color: #31363b;
1067 box-shadow: none; } 1192​ box-shadow: none; }
1068 GtkFileChooserDialog .search-bar:backdrop { 1193​ GtkFileChooserDialog .search-bar:backdrop {
1069 background-color: #31363b; 1194​ background-color: #31363b;
1070 border-color: #31363b; 1195​ border-color: #31363b;
1071 color: #eff0f1; } 1196​ color: #eff0f1; }
1197​
1072GtkFileChooserDialog .dialog-action-box { 1198​GtkFileChooserDialog .dialog-action-box {
1073 border-top: 1px solid #616569; } 1199​ border-top: 1px solid #616569; }
1074 GtkFileChooserDialog .dialog-action-box:backdrop { 1200​ GtkFileChooserDialog .dialog-action-box:backdrop {
1075 border-top-color: #616569; } 1201​ border-top-color: #616569; }
1076 1202​
1077/*************** 1203​/***************
1078 * Header bars * 1204​ * Header bars *
1079 ***************/ 1205​ ***************/
1080.titlebar, 1206​.titlebar,
1081.header-bar { 1207​.header-bar {
1082 transition: none; 1208​ transition: none;
1083 padding: 4px 6px; 1209​ padding: 4px 6px;
1084 border-width: 0px 0px 1px 0px; 1210​ border-width: 0px 0px 1px 0px;
1085 border-radius: 3px 3px 0px 0px; 1211​ border-radius: 3px 3px 0px 0px;
1086 border-style: solid; 1212​ border-style: solid;
1087 border-color: #3daee9; 1213​ border-color: #616569;
1088 color: #eff0f1; 1214​ color: #eff0f1;
1089 background-image: linear-gradient(to bottom, #3b4147, #31363b); } 1215​ background-image: linear-gradient(to bottom, #31363b, #31363b); }
1090 .titlebar:backdrop, 1216​ .titlebar:backdrop,
1091 .header-bar:backdrop { 1217​ .header-bar:backdrop {
1092 border-color: transparent; 1218​ border-color: transparent;
1093 background-image: none; 1219​ background-image: none;
1094 background-color: #31363b; 1220​ background-color: #31363b;
1095 color: #7f8c8d; 1221​ color: #7f8c8d;
1096 box-shadow: none; } 1222​ box-shadow: none; }
1097 .titlebar .path-bar .button, 1223​ .titlebar .path-bar .button,
▲ Show 20 Lines • Show All 77 Lines • ▼ Show 20 Line(s)
1175 .titlebar .title, 1301​ .titlebar .title,
1176 .header-bar .title { 1302​ .header-bar .title {
1177 font-weight: normal; 1303​ font-weight: normal;
1178 padding: 0px 12px; } 1304​ padding: 0px 12px; }
1179 .titlebar .subtitle, 1305​ .titlebar .subtitle,
1180 .header-bar .subtitle { 1306​ .header-bar .subtitle {
1181 font-size: smaller; 1307​ font-size: smaller;
1182 padding: 0 12px; } 1308​ padding: 0 12px; }
1183 .titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical, 1309​ .titlebar .header-bar-separator,
1184 GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop, 1310​ .titlebar > GtkBox > .separator.vertical,
1311​ GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator,
1185 .header-bar .header-bar-separator, 1312​ .header-bar .header-bar-separator,
1186 .header-bar > GtkBox > .separator.vertical, 1313​ .header-bar > GtkBox > .separator.vertical,
1187 GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop { 1314​ GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator {
1188 -GtkWidget-wide-separators: true; 1315​ -GtkWidget-wide-separators: true;
1189 -GtkWidget-separator-width: 1px; 1316​ -GtkWidget-separator-width: 1px;
1190 border-width: 0px; 1317​ border-width: 0px;
1191 background-color: #31363b; 1318​ background-color: #31363b;
1192 border-color: #31363b; } 1319​ border-color: #31363b; }
1193 .titlebar .header-bar-separator:backdrop, .titlebar > GtkBox > .separator.vertical:backdrop, 1320​ .titlebar .header-bar-separator:backdrop,
1321​ .titlebar > GtkBox > .separator.vertical:backdrop,
1322​ GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop,
1194 .header-bar .header-bar-separator:backdrop, 1323​ .header-bar .header-bar-separator:backdrop,
1195 .header-bar > GtkBox > .separator.vertical:backdrop { 1324​ .header-bar > GtkBox > .separator.vertical:backdrop,
1325​ GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop {
1196 background-color: #31363b; 1326​ background-color: #31363b;
1197 border-color: #31363b; } 1327​ border-color: #31363b; }
1198 .titlebar.selection-mode .selection-menu, 1328​ .titlebar.selection-mode .selection-menu,
1199 .header-bar.selection-mode .selection-menu { 1329​ .header-bar.selection-mode .selection-menu {
1200 padding-left: 10px; 1330​ padding-left: 10px;
1201 padding-right: 10px; } 1331​ padding-right: 10px; }
1202 .titlebar.selection-mode .selection-menu GtkArrow, 1332​ .titlebar.selection-mode .selection-menu GtkArrow,
1203 .header-bar.selection-mode .selection-menu GtkArrow { 1333​ .header-bar.selection-mode .selection-menu GtkArrow {
Show All 32 Lines1362 .header-bar.selection-mode.suggested-action:insensitive {
1236 .titlebar .button.suggested-action:insensitive:active, 1366​ .titlebar .button.suggested-action:insensitive:active,
1237 .header-bar .button.suggested-action:insensitive:active, .titlebar.selection-mode.suggested-action:insensitive:active, 1367​ .header-bar .button.suggested-action:insensitive:active, .titlebar.selection-mode.suggested-action:insensitive:active,
1238 .header-bar.selection-mode.suggested-action:insensitive:active, .titlebar .button.suggested-action:insensitive:checked, 1368​ .header-bar.selection-mode.suggested-action:insensitive:active, .titlebar .button.suggested-action:insensitive:checked,
1239 .header-bar .button.suggested-action:insensitive:checked, .titlebar.selection-mode.suggested-action:insensitive:checked, 1369​ .header-bar .button.suggested-action:insensitive:checked, .titlebar.selection-mode.suggested-action:insensitive:checked,
1240 .header-bar.selection-mode.suggested-action:insensitive:checked { 1370​ .header-bar.selection-mode.suggested-action:insensitive:checked {
1241 color: rgba(216, 218, 221, 0.35); 1371​ color: rgba(216, 218, 221, 0.35);
1242 border-color: rgba(37, 164, 230, 0.35); 1372​ border-color: rgba(37, 164, 230, 0.35);
1243 background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } 1373​ background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); }
1244 .titlebar .button.suggested-action:insensitive:active > .label, 1374​ .titlebar .button.suggested-action:insensitive:active > .label, .header-bar .button.suggested-action:insensitive:active > .label, .titlebar.selection-mode.suggested-action:insensitive:active > .label, .header-bar.selection-mode.suggested-action:insensitive:active > .label, .titlebar .button.suggested-action:insensitive:checked > .label, .header-bar .button.suggested-action:insensitive:checked > .label, .titlebar.selection-mode.suggested-action:insensitive:checked > .label, .header-bar.selection-mode.suggested-action:insensitive:checked > .label {
1245 .header-bar .button.suggested-action:insensitive:active > .label, .titlebar.selection-mode.suggested-action:insensitive:active > .label, ​
1246 .header-bar.selection-mode.suggested-action:insensitive:active > .label, .titlebar .button.suggested-action:insensitive:checked > .label, ​
1247 .header-bar .button.suggested-action:insensitive:checked > .label, .titlebar.selection-mode.suggested-action:insensitive:checked > .label, ​
1248 .header-bar.selection-mode.suggested-action:insensitive:checked > .label { ​
1249 color: inherit; } 1375​ color: inherit; }
1250 .titlebar .button.suggested-action:backdrop, 1376​ .titlebar .button.suggested-action:backdrop,
1251 .header-bar .button.suggested-action:backdrop, .titlebar.selection-mode.suggested-action:backdrop, 1377​ .header-bar .button.suggested-action:backdrop, .titlebar.selection-mode.suggested-action:backdrop,
1252 .header-bar.selection-mode.suggested-action:backdrop { 1378​ .header-bar.selection-mode.suggested-action:backdrop {
1253 background-color: #31363b; 1379​ background-color: #31363b;
1254 border-color: transparent; 1380​ border-color: transparent;
1255 color: #7f8c8d; } 1381​ color: #7f8c8d; }
1256 .titlebar .button.suggested-action:backdrop:insensitive, 1382​ .titlebar .button.suggested-action:backdrop:insensitive,
Show All 23 Lines1402.error {
1280 text-shadow: none; } 1406​ text-shadow: none; }
1281 .info:backdrop, .titlebar.selection-mode:backdrop, 1407​ .info:backdrop, .titlebar.selection-mode:backdrop,
1282 .header-bar.selection-mode:backdrop, 1408​ .header-bar.selection-mode:backdrop,
1283 .question:backdrop, 1409​ .question:backdrop,
1284 .warning:backdrop, 1410​ .warning:backdrop,
1285 .error:backdrop { 1411​ .error:backdrop {
1286 background-color: #31363b; 1412​ background-color: #31363b;
1287 color: #f67400; } 1413​ color: #f67400; }
1288 .info .button, .titlebar.selection-mode .button, 1414​ .info .button, .titlebar.selection-mode .button, .header-bar.selection-mode .button,
1289 .header-bar.selection-mode .button, ​
1290 .question .button, 1415​ .question .button,
1291 .warning .button, 1416​ .warning .button,
1292 .error .button { 1417​ .error .button {
1293 box-shadow: none; 1418​ box-shadow: none;
1294 background-image: none; 1419​ background-image: none;
1295 background-color: rgba(246, 116, 0, 0.5); 1420​ background-color: rgba(246, 116, 0, 0.5);
1296 border-color: rgba(246, 116, 0, 0.5); 1421​ border-color: rgba(246, 116, 0, 0.5);
1297 color: #eff0f1; } 1422​ color: #eff0f1; }
1298 .info .button:hover, .titlebar.selection-mode .button:hover, 1423​ .info .button:hover, .titlebar.selection-mode .button:hover, .header-bar.selection-mode .button:hover,
1299 .header-bar.selection-mode .button:hover, ​
1300 .question .button:hover, 1424​ .question .button:hover,
1301 .warning .button:hover, 1425​ .warning .button:hover,
1302 .error .button:hover { 1426​ .error .button:hover {
1303 background-color: rgba(246, 116, 0, 0.25); 1427​ background-color: rgba(246, 116, 0, 0.25);
1304 border-color: #f67400; } 1428​ border-color: #f67400; }
1305 .info .button:active, .titlebar.selection-mode .button:active, 1429​ .info .button:active, .titlebar.selection-mode .button:active, .header-bar.selection-mode .button:active, .info .button:checked, .titlebar.selection-mode .button:checked, .header-bar.selection-mode .button:checked,
1306 .header-bar.selection-mode .button:active, .info .button:checked, .titlebar.selection-mode .button:checked, ​
1307 .header-bar.selection-mode .button:checked, ​
1308 .question .button:active, 1430​ .question .button:active,
1309 .question .button:checked, 1431​ .question .button:checked,
1310 .warning .button:active, 1432​ .warning .button:active,
1311 .warning .button:checked, 1433​ .warning .button:checked,
1312 .error .button:active, 1434​ .error .button:active,
1313 .error .button:checked { 1435​ .error .button:checked {
1314 background-image: linear-gradient(to bottom, #f87500, #ef7100); 1436​ background-image: linear-gradient(to bottom, #f87500, #ef7100);
1315 color: #31363b; 1437​ color: #31363b;
1316 border-color: #f67400; } 1438​ border-color: #f67400; }
1317 .info .button:insensitive, .titlebar.selection-mode .button:insensitive, 1439​ .info .button:insensitive, .titlebar.selection-mode .button:insensitive, .header-bar.selection-mode .button:insensitive,
1318 .header-bar.selection-mode .button:insensitive, ​
1319 .question .button:insensitive, 1440​ .question .button:insensitive,
1320 .warning .button:insensitive, 1441​ .warning .button:insensitive,
1321 .error .button:insensitive { 1442​ .error .button:insensitive {
1322 background-color: rgba(224, 105, 0, 0); 1443​ background-color: rgba(224, 105, 0, 0);
1323 border-color: rgba(224, 105, 0, 0); 1444​ border-color: rgba(224, 105, 0, 0);
1324 color: rgba(216, 218, 221, 0.35); } 1445​ color: rgba(216, 218, 221, 0.35); }
1325 .info .button:backdrop, .titlebar.selection-mode .button:backdrop, 1446​ .info .button:backdrop, .titlebar.selection-mode .button:backdrop, .header-bar.selection-mode .button:backdrop,
1326 .header-bar.selection-mode .button:backdrop, ​
1327 .question .button:backdrop, 1447​ .question .button:backdrop,
1328 .warning .button:backdrop, 1448​ .warning .button:backdrop,
1329 .error .button:backdrop { 1449​ .error .button:backdrop {
1330 background-color: rgba(246, 116, 0, 0.5); 1450​ background-color: rgba(246, 116, 0, 0.5);
1331 border-color: rgba(246, 116, 0, 0.5); 1451​ border-color: rgba(246, 116, 0, 0.5);
1332 color: #eff0f1; } 1452​ color: #eff0f1; }
1333 .info .button:backdrop:active, .titlebar.selection-mode .button:backdrop:active, 1453​ .info .button:backdrop:active, .titlebar.selection-mode .button:backdrop:active, .header-bar.selection-mode .button:backdrop:active, .info .button:backdrop:checked, .titlebar.selection-mode .button:backdrop:checked, .header-bar.selection-mode .button:backdrop:checked,
1334 .header-bar.selection-mode .button:backdrop:active, .info .button:backdrop:checked, .titlebar.selection-mode .button:backdrop:checked, ​
1335 .header-bar.selection-mode .button:backdrop:checked, ​
1336 .question .button:backdrop:active, 1454​ .question .button:backdrop:active,
1337 .question .button:backdrop:checked, 1455​ .question .button:backdrop:checked,
1338 .warning .button:backdrop:active, 1456​ .warning .button:backdrop:active,
1339 .warning .button:backdrop:checked, 1457​ .warning .button:backdrop:checked,
1340 .error .button:backdrop:active, 1458​ .error .button:backdrop:active,
1341 .error .button:backdrop:checked { 1459​ .error .button:backdrop:checked {
1342 background-image: linear-gradient(to bottom, #f87500, #ef7100); 1460​ background-image: linear-gradient(to bottom, #f87500, #ef7100);
1343 color: #31363b; 1461​ color: #31363b;
1344 border-color: #f67400; } 1462​ border-color: #f67400; }
1345 .info .button:backdrop:insensitive, .titlebar.selection-mode .button:backdrop:insensitive, 1463​ .info .button:backdrop:insensitive, .titlebar.selection-mode .button:backdrop:insensitive, .header-bar.selection-mode .button:backdrop:insensitive,
1346 .header-bar.selection-mode .button:backdrop:insensitive, ​
1347 .question .button:backdrop:insensitive, 1464​ .question .button:backdrop:insensitive,
1348 .warning .button:backdrop:insensitive, 1465​ .warning .button:backdrop:insensitive,
1349 .error .button:backdrop:insensitive { 1466​ .error .button:backdrop:insensitive {
1350 background-color: rgba(224, 105, 0, 0); 1467​ background-color: rgba(224, 105, 0, 0);
1351 border-color: rgba(224, 105, 0, 0); 1468​ border-color: rgba(224, 105, 0, 0);
1352 color: rgba(216, 218, 221, 0.35); } 1469​ color: rgba(216, 218, 221, 0.35); }
1353 .info .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:active, 1470​ .info .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:active, .header-bar.selection-mode .button:backdrop:insensitive:active, .info .button:backdrop:insensitive:checked, .titlebar.selection-mode .button:backdrop:insensitive:checked, .header-bar.selection-mode .button:backdrop:insensitive:checked,
1354 .header-bar.selection-mode .button:backdrop:insensitive:active, .info .button:backdrop:insensitive:checked, .titlebar.selection-mode .button:backdrop:insensitive:checked, ​
1355 .header-bar.selection-mode .button:backdrop:insensitive:checked, ​
1356 .question .button:backdrop:insensitive:active, 1471​ .question .button:backdrop:insensitive:active,
1357 .question .button:backdrop:insensitive:checked, 1472​ .question .button:backdrop:insensitive:checked,
1358 .warning .button:backdrop:insensitive:active, 1473​ .warning .button:backdrop:insensitive:active,
1359 .warning .button:backdrop:insensitive:checked, 1474​ .warning .button:backdrop:insensitive:checked,
1360 .error .button:backdrop:insensitive:active, 1475​ .error .button:backdrop:insensitive:active,
1361 .error .button:backdrop:insensitive:checked { 1476​ .error .button:backdrop:insensitive:checked {
1362 background-image: linear-gradient(to bottom, rgba(226, 107, 0, 0.35), rgba(217, 102, 0, 0.35)); 1477​ background-image: linear-gradient(to bottom, rgba(226, 107, 0, 0.35), rgba(217, 102, 0, 0.35));
1363 color: #2d3136; 1478​ color: #2d3136;
▲ Show 20 Lines • Show All 224 Lines • ▼ Show 20 Line(s)1697.popover {
1588 box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8); } 1703​ box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8); }
1589 .popover:backdrop { 1704​ .popover:backdrop {
1590 box-shadow: none; } 1705​ box-shadow: none; }
1591 .popover > .list, 1706​ .popover > .list,
1592 .popover > .view, 1707​ .popover > .view,
1593 .popover > .toolbar, 1708​ .popover > .toolbar,
1594 .popover > .inline-toolbar, 1709​ .popover > .inline-toolbar,
1595 .popover > .search-bar, 1710​ .popover > .search-bar,
1596 .popover > .location-bar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar, .popover.osd > .search-bar, .popover.osd > .location-bar { 1711​ .popover > .location-bar,
1712​ .popover.osd > .toolbar,
1713​ .popover.osd > .inline-toolbar,
1714​ .popover.osd > .search-bar,
1715​ .popover.osd > .location-bar {
1597 border-style: none; 1716​ border-style: none;
1598 background-color: transparent; } 1717​ background-color: transparent; }
1599 .popover .button.flat { 1718​ .popover .button.flat {
1600 border-radius: 0px; 1719​ border-radius: 0px;
1601 color: #eff0f1; } 1720​ color: #eff0f1; }
1602 .popover .button.flat .label { 1721​ .popover .button.flat .label {
1603 padding: 4px 0px; } 1722​ padding: 4px 0px; }
1604 .popover .button.flat:hover, .popover .button.flat:checked:hover { 1723​ .popover .button.flat:hover, .popover .button.flat:checked:hover {
▲ Show 20 Lines • Show All 64 Lines • ▼ Show 20 Line(s)
1669GtkScrolledWindow GtkViewport.frame { 1788​GtkScrolledWindow GtkViewport.frame {
1670 border-style: none; } 1789​ border-style: none; }
1671 1790​
1672.separator, GtkPlacesSidebar.sidebar .view .separator, 1791​.separator, GtkPlacesSidebar.sidebar .view .separator,
1673GtkPlacesSidebar.sidebar .view .separator:backdrop { 1792​GtkPlacesSidebar.sidebar .view .separator:backdrop {
1674 color: transparent; } 1793​ color: transparent; }
1675 .separator.vertical, GtkPlacesSidebar.sidebar .view .vertical.separator { 1794​ .separator.vertical, GtkPlacesSidebar.sidebar .view .vertical.separator {
1676 color: #616569; } 1795​ color: #616569; }
1677 .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .view .vertical.separator:backdrop { 1796​ .separator.vertical:backdrop,
1797​ GtkPlacesSidebar.sidebar .view .vertical.separator:backdrop {
1678 color: #616569; } 1798​ color: #616569; }
1679 GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFileChooserButton .vertical.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFontButton .vertical.separator { 1799​ GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFileChooserButton .vertical.separator,
1800​ GtkFontButton .separator.vertical,
1801​ GtkFontButton GtkPlacesSidebar.sidebar .view .vertical.separator,
1802​ GtkPlacesSidebar.sidebar .view GtkFontButton .vertical.separator {
1680 -GtkWidget-wide-separators: true; } 1803​ -GtkWidget-wide-separators: true; }
1681 1804​
1682/************* 1805​/*************
1683* Expanders * 1806​* Expanders *
1684*************/ 1807​*************/
1685.expander { 1808​.expander {
1686 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } 1809​ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
1687 .expander:dir(rtl) { 1810​ .expander:dir(rtl) {
Show All 30 Lines1840 GtkPaned.wide .pane-separator:backdrop {
1718 border-color: transparent; } 1841​ border-color: transparent; }
1719 1842​
1720/********************* 1843​/*********************
1721* Spinner Animation * 1844​* Spinner Animation *
1722*********************/ 1845​*********************/
1723@keyframes spin { 1846​@keyframes spin {
1724 to { 1847​ to {
1725 -gtk-icon-transform: rotate(1turn); } } 1848​ -gtk-icon-transform: rotate(1turn); } }
1849​
1726.spinner { 1850​.spinner {
1727 background-image: none; 1851​ background-image: none;
1728 background-color: blue; 1852​ background-color: blue;
1729 opacity: 0; 1853​ opacity: 0;
1730 -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } 1854​ -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
1731 .spinner:active { 1855​ .spinner:active {
1732 opacity: 1; 1856​ opacity: 1;
1733 animation: spin 1s linear infinite; } 1857​ animation: spin 1s linear infinite; }
▲ Show 20 Lines • Show All 199 Lines • ▼ Show 20 Line(s)2056 .notebook tab.reorderable-page.right:backdrop {
1933 background-color: #31363b; 2057​ background-color: #31363b;
1934 border-bottom-color: #616569; 2058​ border-bottom-color: #616569;
1935 box-shadow: none; } 2059​ box-shadow: none; }
1936 .notebook tab .label { 2060​ .notebook tab .label {
1937 padding: 0 2px; 2061​ padding: 0 2px;
1938 color: #eff0f1; } 2062​ color: #eff0f1; }
1939 .notebook tab .label:backdrop { 2063​ .notebook tab .label:backdrop {
1940 color: #eff0f1; } 2064​ color: #eff0f1; }
2065​ .notebook tab .label:insensitive {
2066​ color: rgba(216, 218, 221, 0.35); }
1941 .notebook tab .button { 2067​ .notebook tab .button {
1942 padding: 0px; 2068​ padding: 0px;
1943 border: 1px solid transparent; 2069​ border: 1px solid transparent;
1944 border-radius: 50%; 2070​ border-radius: 50%;
1945 background-image: none; 2071​ background-image: none;
1946 background-color: #616569; 2072​ background-color: #616569;
1947 box-shadow: none; 2073​ box-shadow: none;
1948 icon-shadow: none; 2074​ icon-shadow: none;
▲ Show 20 Lines • Show All 48 Lines • ▼ Show 20 Line(s)2115.overshoot.top {
1997 .overshoot.top:backdrop { 2123​ .overshoot.top:backdrop {
1998 background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#616569), to(rgba(97, 101, 105, 0))); 2124​ background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#616569), to(rgba(97, 101, 105, 0)));
1999 background-size: 100% 5%; 2125​ background-size: 100% 5%;
2000 background-repeat: no-repeat; 2126​ background-repeat: no-repeat;
2001 background-position: center top; 2127​ background-position: center top;
2002 background-color: transparent; 2128​ background-color: transparent;
2003 border: none; 2129​ border: none;
2004 box-shadow: none; } 2130​ box-shadow: none; }
2131​
2005.overshoot.bottom { 2132​.overshoot.bottom {
2006 background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0))); 2133​ background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0)));
2007 background-size: 100% 5%, 100% 100%; 2134​ background-size: 100% 5%, 100% 100%;
2008 background-repeat: no-repeat; 2135​ background-repeat: no-repeat;
2009 background-position: center bottom; 2136​ background-position: center bottom;
2010 background-color: transparent; 2137​ background-color: transparent;
2011 border: none; 2138​ border: none;
2012 box-shadow: none; } 2139​ box-shadow: none; }
2013 .overshoot.bottom:backdrop { 2140​ .overshoot.bottom:backdrop {
2014 background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#616569), to(rgba(97, 101, 105, 0))); 2141​ background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#616569), to(rgba(97, 101, 105, 0)));
2015 background-size: 100% 5%; 2142​ background-size: 100% 5%;
2016 background-repeat: no-repeat; 2143​ background-repeat: no-repeat;
2017 background-position: center bottom; 2144​ background-position: center bottom;
2018 background-color: transparent; 2145​ background-color: transparent;
2019 border: none; 2146​ border: none;
2020 box-shadow: none; } 2147​ box-shadow: none; }
2148​
2021.overshoot.left { 2149​.overshoot.left {
2022 background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0))); 2150​ background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0)));
2023 background-size: 5% 100%, 100% 100%; 2151​ background-size: 5% 100%, 100% 100%;
2024 background-repeat: no-repeat; 2152​ background-repeat: no-repeat;
2025 background-position: left center; 2153​ background-position: left center;
2026 background-color: transparent; 2154​ background-color: transparent;
2027 border: none; 2155​ border: none;
2028 box-shadow: none; } 2156​ box-shadow: none; }
2029 .overshoot.left:backdrop { 2157​ .overshoot.left:backdrop {
2030 background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#616569), to(rgba(97, 101, 105, 0))); 2158​ background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#616569), to(rgba(97, 101, 105, 0)));
2031 background-size: 5% 100%; 2159​ background-size: 5% 100%;
2032 background-repeat: no-repeat; 2160​ background-repeat: no-repeat;
2033 background-position: left center; 2161​ background-position: left center;
2034 background-color: transparent; 2162​ background-color: transparent;
2035 border: none; 2163​ border: none;
2036 box-shadow: none; } 2164​ box-shadow: none; }
2165​
2037.overshoot.right { 2166​.overshoot.right {
2038 background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0))); 2167​ background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0)));
2039 background-size: 5% 100%, 100% 100%; 2168​ background-size: 5% 100%, 100% 100%;
2040 background-repeat: no-repeat; 2169​ background-repeat: no-repeat;
2041 background-position: right center; 2170​ background-position: right center;
2042 background-color: transparent; 2171​ background-color: transparent;
2043 border: none; 2172​ border: none;
2044 box-shadow: none; } 2173​ box-shadow: none; }
▲ Show 20 Lines • Show All 229 Lines • ▼ Show 20 Line(s)2393 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
2274 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop { 2403​ .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop {
2275 background-color: rgba(61, 174, 233, 0.5); 2404​ background-color: rgba(61, 174, 233, 0.5);
2276 border-color: rgba(61, 174, 233, 0.5); } 2405​ border-color: rgba(61, 174, 233, 0.5); }
2277 .scale.trough:insensitive, .scale.trough.vertical:insensitive, 2406​ .scale.trough:insensitive, .scale.trough.vertical:insensitive,
2278 .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, 2407​ .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
2279 .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive, 2408​ .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive,
2280 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive, 2409​ .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
2281 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive { 2410​ .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive {
2282 border-color: rgba(216, 218, 221, 0); 2411​ border-color: rgba(104, 108, 113, 0.545);
2283 background-color: rgba(216, 218, 221, 0); 2412​ background-color: rgba(104, 108, 113, 0.545);
2284 box-shadow: none; } 2413​ box-shadow: none; }
2285 .scale.trough:insensitive:backdrop, .scale.trough.vertical:insensitive:backdrop, 2414​ .scale.trough:insensitive:backdrop, .scale.trough.vertical:insensitive:backdrop,
2286 .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, 2415​ .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop,
2287 .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop, 2416​ .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop,
2288 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, 2417​ .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop,
2289 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop { 2418​ .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop {
2290 background-color: rgba(216, 218, 221, 0); 2419​ background-color: rgba(104, 108, 113, 0.545);
2291 border-color: rgba(216, 218, 221, 0); } 2420​ border-color: rgba(104, 108, 113, 0.545); }
2292 .scale.trough:backdrop, 2421​ .scale.trough:backdrop,
2293 .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, 2422​ .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop,
2294 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop { 2423​ .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop {
2295 background-color: rgba(239, 240, 241, 0.3); 2424​ background-color: rgba(239, 240, 241, 0.3);
2296 border-color: rgba(239, 240, 241, 0.3); } 2425​ border-color: rgba(239, 240, 241, 0.3); }
2297 2426​
2298/************** 2427​/**************
2299 * Scrollbars * 2428​ * Scrollbars *
2300 **************/ 2429​ **************/
2301.scrollbar { 2430​.scrollbar {
2302 -GtkRange-trough-border: 0; 2431​ -GtkRange-trough-border: 0;
2303 -GtkScrollbar-has-backward-stepper: true; 2432​ -GtkScrollbar-has-backward-stepper: false;
2304 -GtkScrollbar-has-forward-stepper: true; 2433​ -GtkScrollbar-has-forward-stepper: false;
2305 -GtkRange-slider-width: 20; 2434​ -GtkRange-slider-width: 10px;
2306 -GtkScrollbar-min-slider-length: 64; 2435​ -GtkScrollbar-min-slider-length: 64;
2307 -GtkRange-stepper-spacing: 0; 2436​ -GtkRange-stepper-spacing: 0;
2308 -GtkRange-trough-under-steppers: 1; } 2437​ -GtkRange-trough-under-steppers: 1; }
2309 .scrollbar .button { 2438​ .scrollbar .button {
2310 color: #eff0f1; } 2439​ color: #eff0f1; }
2311 .scrollbar .button:hover { 2440​ .scrollbar .button:hover {
2312 color: #3daee9; } 2441​ color: #3daee9; }
2313 .scrollbar .button:insensitive { 2442​ .scrollbar .button:insensitive {
2314 color: rgba(216, 218, 221, 0.35); } 2443​ color: rgba(216, 218, 221, 0.35); }
2315 .scrollbar .button:backdrop { 2444​ .scrollbar .button:backdrop {
2316 color: #eff0f1; } 2445​ color: #eff0f1; }
2317 .scrollbar .button:backdrop:insensitive { 2446​ .scrollbar .button:backdrop:insensitive {
2318 color: rgba(216, 218, 221, 0.35); } 2447​ color: rgba(216, 218, 221, 0.35); }
2319 .scrollbar.dragging, .scrollbar.hovering { 2448​ .scrollbar.dragging, .scrollbar.hovering {
2320 opacity: 0.9910; } 2449​ opacity: 0.9910; }
2321 .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { 2450​ .scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2322 opacity: 0.999; } 2451​ opacity: 0.999; }
2323 .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { 2452​ .scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2324 -GtkRange-slider-width: 8px; 2453​ -GtkRange-slider-width: 10px;
2325 -GtkScrollbar-has-backward-stepper: false; 2454​ -GtkScrollbar-has-backward-stepper: false;
2326 -GtkScrollbar-has-forward-stepper: false; } 2455​ -GtkScrollbar-has-forward-stepper: false; }
2327 .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { 2456​ .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider {
2328 margin: 2px; 2457​ margin: 2px;
2329 border: 2px solid transparent; 2458​ border: 5px solid transparent;
2330 border-radius: 2px; 2459​ border-radius: 8px;
2331 background-color: rgba(239, 240, 241, 0.5); } 2460​ background-color: rgba(239, 240, 241, 0.5); }
2332 .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider:backdrop { 2461​ .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider:backdrop {
2333 background-color: rgba(239, 240, 241, 0.5); } 2462​ background-color: rgba(239, 240, 241, 0.5); }
2334 .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { 2463​ .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough {
2335 border: none; 2464​ border: none;
2336 background: none; } 2465​ background: none; }
2337 .scrollbar.trough { 2466​ .scrollbar.trough {
2338 border-image: -gtk-scaled(url("../assets/scrollbar-trough-vertical.png"), url("../assets/scrollbar-trough-vertical@2.png")) 23 10 23 10/23px 10px 23px 10px stretch; 2467​ margin: 2px;
2339 border-width: 23px 10px 23px 10px; 2468​ border: 5px solid transparent;
2340 border-style: solid; 2469​ border-radius: 8px;
2341 border-color: transparent; } 2470​ background-color: rgba(239, 240, 241, 0.3); }
2342 .scrollbar.trough.horizontal { ​
2343 border-image: -gtk-scaled(url("../assets/scrollbar-trough-horizontal.png"), url("../assets/scrollbar-trough-horizontal@2.png")) 10 23 10 23/10px 23px 10px 23px stretch; ​
2344 border-width: 10px 23px 10px 23px; ​
2345 border-style: solid; ​
2346 border-color: transparent; } ​
2347 .scrollbar.trough:backdrop { 2471​ .scrollbar.trough:backdrop {
2348 border-image: -gtk-scaled(url("../assets/scrollbar-trough-vertical-backdrop.png"), url("../assets/scrollbar-trough-vertical-backdrop@2.png")) 23 10 23 10/23px 10px 23px 10px stretch; 2472​ background-color: rgba(239, 240, 241, 0.3); }
2349 border-width: 23px 10px 23px 10px; ​
2350 border-style: solid; ​
2351 border-color: transparent; } ​
2352 .scrollbar.trough:backdrop.horizontal { ​
2353 border-image: -gtk-scaled(url("../assets/scrollbar-trough-horizontal-backdrop.png"), url("../assets/scrollbar-trough-horizontal-backdrop@2.png")) 10 23 10 23/10px 23px 10px 23px stretch; ​
2354 border-width: 10px 23px 10px 23px; ​
2355 border-style: solid; ​
2356 border-color: transparent; } ​
2357 .scrollbar.slider { 2473​ .scrollbar.slider {
2358 border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical.png"), url("../assets/scrollbar-slider-vertical@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; 2474​ margin: 2px;
2359 border-width: 10px 10px 10px 10px; 2475​ border: 5px solid transparent;
2360 border-style: solid; 2476​ border-radius: 8px;
2361 border-color: transparent; } 2477​ background-color: rgba(239, 240, 241, 0.5); }
2362 .scrollbar.slider.horizontal { ​
2363 border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal.png"), url("../assets/scrollbar-slider-horizontal@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; ​
2364 border-width: 10px 10px 10px 10px; ​
2365 border-style: solid; ​
2366 border-color: transparent; } ​
2367 .scrollbar.slider:hover { 2478​ .scrollbar.slider:hover {
2368 border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-hover.png"), url("../assets/scrollbar-slider-vertical-hover@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; 2479​ background-color: #3daee9; }
2369 border-width: 10px 10px 10px 10px; ​
2370 border-style: solid; ​
2371 border-color: transparent; } ​
2372 .scrollbar.slider:hover.horizontal { ​
2373 border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-hover.png"), url("../assets/scrollbar-slider-horizontal-hover@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; ​
2374 border-width: 10px 10px 10px 10px; ​
2375 border-style: solid; ​
2376 border-color: transparent; } ​
2377 .scrollbar.slider:active { 2480​ .scrollbar.slider:active {
2378 border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-active.png"), url("../assets/scrollbar-slider-vertical-active@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; 2481​ background-color: #3daee9; }
2379 border-width: 10px 10px 10px 10px; ​
2380 border-style: solid; ​
2381 border-color: transparent; } ​
2382 .scrollbar.slider:active.horizontal { ​
2383 border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-active.png"), url("../assets/scrollbar-slider-horizontal-active@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; ​
2384 border-width: 10px 10px 10px 10px; ​
2385 border-style: solid; ​
2386 border-color: transparent; } ​
2387 .scrollbar.slider:insensitive { 2482​ .scrollbar.slider:insensitive {
2388 border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-insensitive.png"), url("../assets/scrollbar-slider-vertical-insensitive@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; 2483​ background-color: rgba(216, 218, 221, 0); }
2389 border-width: 10px 10px 10px 10px; ​
2390 border-style: solid; ​
2391 border-color: transparent; } ​
2392 .scrollbar.slider:insensitive.horizontal { ​
2393 border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-insensitive.png"), url("../assets/scrollbar-slider-horizontal-insensitive@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; ​
2394 border-width: 10px 10px 10px 10px; ​
2395 border-style: solid; ​
2396 border-color: transparent; } ​
2397 .scrollbar.slider:backdrop { 2484​ .scrollbar.slider:backdrop {
2398 border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-backdrop.png"), url("../assets/scrollbar-slider-vertical-backdrop@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; 2485​ background-color: rgba(239, 240, 241, 0.3); }
2399 border-width: 10px 10px 10px 10px; 2486​ .scrollbar.slider:backdrop:insensitive {
2400 border-style: solid; 2487​ background-color: rgba(216, 218, 221, 0); }
2401 border-color: transparent; } ​
2402 .scrollbar.slider:backdrop.horizontal { ​
2403 border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-backdrop.png"), url("../assets/scrollbar-slider-horizontal-backdrop@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; ​
2404 border-width: 10px 10px 10px 10px; ​
2405 border-style: solid; ​
2406 border-color: transparent; } ​
2407 2488​
2408.scrollbars-junction, 2489​.scrollbars-junction,
2409.scrollbars-junction.frame { 2490​.scrollbars-junction.frame {
2410 border-color: transparent; 2491​ border-color: transparent;
2411 background-color: transparent; 2492​ background-color: transparent;
2412 border-image: none; } 2493​ border-image: none; }
2413 2494​
2414/*********** 2495​/***********
2415 * Sidebar * 2496​ * Sidebar *
2416 ***********/ 2497​ ***********/
2417.sidebar, 2498​.sidebar,
2418.sidebar .view { 2499​.sidebar .view {
2419 border: none; 2500​ border: none;
2420 background-color: #31363b; } 2501​ background-color: #31363b; }
2421 .sidebar:backdrop, 2502​ .sidebar:backdrop,
2422 .sidebar .view:backdrop { 2503​ .sidebar .view:backdrop {
2423 background-color: #31363b; } 2504​ background-color: #31363b; }
2424 2505​
2425GtkSidebarRow.list-row { 2506​GtkSidebarRow.list-row {
2426 padding: 0px; } 2507​ padding: 0px; }
2508​
2427GtkSidebarRow .sidebar-revealer { 2509​GtkSidebarRow .sidebar-revealer {
2428 padding: 4px 14px 4px 12px; } 2510​ padding: 4px 14px 4px 12px; }
2511​
2429GtkSidebarRow .sidebar-icon:dir(ltr) { 2512​GtkSidebarRow .sidebar-icon:dir(ltr) {
2430 padding-right: 8px; } 2513​ padding-right: 8px; }
2514​
2431GtkSidebarRow .sidebar-icon:dir(rtl) { 2515​GtkSidebarRow .sidebar-icon:dir(rtl) {
2432 padding-left: 8px; } 2516​ padding-left: 8px; }
2517​
2433GtkSidebarRow .sidebar-label:dir(ltr) { 2518​GtkSidebarRow .sidebar-label:dir(ltr) {
2434 padding-right: 2px; } 2519​ padding-right: 2px; }
2520​
2435GtkSidebarRow .sidebar-label:dir(rtl) { 2521​GtkSidebarRow .sidebar-label:dir(rtl) {
2436 padding-left: 2px; } 2522​ padding-left: 2px; }
2437 2523​
2438GtkPlacesSidebar.sidebar .view:insensitive { 2524​GtkPlacesSidebar.sidebar .view:insensitive {
2439 color: rgba(216, 218, 221, 0.35); } 2525​ color: rgba(216, 218, 221, 0.35); }
2526​
2440GtkPlacesSidebar.sidebar .view:backdrop { 2527​GtkPlacesSidebar.sidebar .view:backdrop {
2441 color: #eff0f1; } 2528​ color: #eff0f1; }
2442 GtkPlacesSidebar.sidebar .view:backdrop:insensitive { 2529​ GtkPlacesSidebar.sidebar .view:backdrop:insensitive {
2443 color: rgba(216, 218, 221, 0.35); } 2530​ color: rgba(216, 218, 221, 0.35); }
2531​
2444GtkPlacesSidebar.sidebar .view .image { 2532​GtkPlacesSidebar.sidebar .view .image {
2445 color: #eff0f1; } 2533​ color: #eff0f1; }
2446 GtkPlacesSidebar.sidebar .view .image:selected { 2534​ GtkPlacesSidebar.sidebar .view .image:selected {
2447 color: #eff0f1; } 2535​ color: #eff0f1; }
2448 GtkPlacesSidebar.sidebar .view .image:selected:backdrop { 2536​ GtkPlacesSidebar.sidebar .view .image:selected:backdrop {
2449 color: #eff0f1; } 2537​ color: #eff0f1; }
2450 GtkPlacesSidebar.sidebar .view .image:insensitive { 2538​ GtkPlacesSidebar.sidebar .view .image:insensitive {
2451 color: rgba(216, 218, 221, 0.35); } 2539​ color: rgba(216, 218, 221, 0.35); }
Show All 10 Lines2545.sidebar-item {
2462 .sidebar-item.needs-attention > .label { 2550​ .sidebar-item.needs-attention > .label {
2463 background-size: 6px 6px, 0 0; } 2551​ background-size: 6px 6px, 0 0; }
2464 2552​
2465/***************** 2553​/*****************
2466 * GtkSpinButton * 2554​ * GtkSpinButton *
2467 *****************/ 2555​ *****************/
2468.osd .spinbutton .button:last-child { 2556​.osd .spinbutton .button:last-child {
2469 border-radius: 0 3px 3px 0; } 2557​ border-radius: 0 3px 3px 0; }
2558​
2470.osd .spinbutton .button:dir(rtl):first-child { 2559​.osd .spinbutton .button:dir(rtl):first-child {
2471 border-radius: 3px 0 0 3px; } 2560​ border-radius: 3px 0 0 3px; }
2561​
2472.spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button { 2562​.spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button {
2473 padding-top: 5px; 2563​ padding-top: 5px;
2474 padding-bottom: 5px; } 2564​ padding-bottom: 5px; }
2475 .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { 2565​ .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child {
2476 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); 2566​ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
2477 text-shadow: none; 2567​ text-shadow: none;
2478 icon-shadow: none; 2568​ icon-shadow: none;
2479 color: #eff0f1; 2569​ color: #eff0f1;
▲ Show 20 Lines • Show All 41 Lines • ▼ Show 20 Line(s)2609 .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop {
2521 border-color: #616569; 2611​ border-color: #616569;
2522 background-image: linear-gradient(to bottom, #31373c, #303439); } 2612​ background-image: linear-gradient(to bottom, #31373c, #303439); }
2523 .spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive { 2613​ .spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive {
2524 color: rgba(216, 218, 221, 0.35); 2614​ color: rgba(216, 218, 221, 0.35);
2525 border-color: rgba(88, 92, 95, 0.35); 2615​ border-color: rgba(88, 92, 95, 0.35);
2526 background-image: linear-gradient(to bottom, #2d3236, #2b3034); } 2616​ background-image: linear-gradient(to bottom, #2d3236, #2b3034); }
2527 .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label { 2617​ .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label {
2528 color: inherit; } 2618​ color: inherit; }
2619​
2529.spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { 2620​.spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry {
2530 border-radius: 0px; 2621​ border-radius: 0px;
2531 padding-left: 0px; 2622​ padding-left: 0px;
2532 padding-right: 0px; } 2623​ padding-right: 0px; }
2533 .spinbutton.vertical.entry:insensitive, .spinbutton.vertical:dir(rtl).entry:insensitive { 2624​ .spinbutton.vertical.entry:insensitive, .spinbutton.vertical:dir(rtl).entry:insensitive {
2534 background-color: #202325; } 2625​ background-color: #202325; }
2626​
2535GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { 2627​GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus {
2536 padding: 1px; 2628​ padding: 1px;
2537 border-width: 1px 0; 2629​ border-width: 1px 0;
2538 border-color: #3daee9; 2630​ border-color: #3daee9;
2539 border-radius: 0; 2631​ border-radius: 0;
2540 box-shadow: none; } 2632​ box-shadow: none; }
2541 2633​
2542.spinbutton .button, .osd .spinbutton .button { 2634​.spinbutton .button, .osd .spinbutton .button {
2543 background-image: none; 2635​ background-image: none;
2544 background-color: transparent; 2636​ background-color: transparent;
2545 border-style: none none none solid; 2637​ border-style: none none none solid;
2546 border-color: rgba(97, 101, 105, 0.3); 2638​ border-color: rgba(97, 101, 105, 0.3);
2547 color: #eff0f1; 2639​ color: #eff0f1;
2548 border-radius: 0; 2640​ border-radius: 0;
2549 box-shadow: none; } 2641​ box-shadow: none; }
2550 .spinbutton .button:dir(rtl) { 2642​ .spinbutton .button:dir(rtl), .osd .spinbutton .button:dir(rtl) {
2551 border-style: none solid none none; } 2643​ border-style: none solid none none; }
2552 .spinbutton .button:hover { 2644​ .spinbutton .button:hover {
2553 color: #3daee9; } 2645​ color: #3daee9; }
2554 .spinbutton .button:insensitive { 2646​ .spinbutton .button:insensitive {
2555 color: rgba(216, 218, 221, 0.35); 2647​ color: rgba(216, 218, 221, 0.35);
2556 border-color: rgba(88, 92, 95, 0); } 2648​ border-color: rgba(88, 92, 95, 0); }
2557 .spinbutton .button:active { 2649​ .spinbutton .button:active {
2558 color: #3daee9; } 2650​ color: #3daee9; }
▲ Show 20 Lines • Show All 109 Lines • ▼ Show 20 Line(s)
2668 * Tooltips * 2760​ * Tooltips *
2669 ************/ 2761​ ************/
2670.tooltip { 2762​.tooltip {
2671 color: #eff0f1; 2763​ color: #eff0f1;
2672 padding: 4px; 2764​ padding: 4px;
2673 /* not working */ 2765​ /* not working */
2674 border-radius: 5px; 2766​ border-radius: 5px;
2675 box-shadow: none; 2767​ box-shadow: none;
2676 text-shadow: none; } 2768​ text-shadow: none;
2769​ border: 1px solid #616569; }
2677 .tooltip.background { 2770​ .tooltip.background {
2678 background-color: #31363b; 2771​ background-color: #31363b;
2679 background-clip: padding-box; } 2772​ background-clip: padding-box; }
2680 .tooltip.window-frame.csd { 2773​ .tooltip.window-frame.csd {
2681 background-color: transparent; } 2774​ background-color: transparent; }
2682 2775​
2683.tooltip * { 2776​.tooltip * {
2684 padding: 4px; 2777​ padding: 4px;
Show All 24 Lines2784GtkTreeView.view {
2709 GtkTreeView.view:insensitive { 2802​ GtkTreeView.view:insensitive {
2710 color: rgba(88, 92, 95, 0.35); } 2803​ color: rgba(88, 92, 95, 0.35); }
2711 GtkTreeView.view:insensitive:selected { 2804​ GtkTreeView.view:insensitive:selected {
2712 color: rgba(216, 218, 221, 0.35); } 2805​ color: rgba(216, 218, 221, 0.35); }
2713 GtkTreeView.view:insensitive:selected:backdrop { 2806​ GtkTreeView.view:insensitive:selected:backdrop {
2714 color: rgba(216, 218, 221, 0.35); } 2807​ color: rgba(216, 218, 221, 0.35); }
2715 GtkTreeView.view:insensitive:backdrop { 2808​ GtkTreeView.view:insensitive:backdrop {
2716 color: rgba(88, 92, 95, 0.35); } 2809​ color: rgba(88, 92, 95, 0.35); }
2717 GtkTreeView.view.separator { 2810​ GtkTreeView.view.separator, GtkPlacesSidebar.sidebar .view GtkTreeView.view.separator {
2718 color: #616569; } 2811​ color: #616569; }
2719 GtkTreeView.view.separator:backdrop { 2812​ GtkTreeView.view.separator:backdrop,
2813​ GtkPlacesSidebar.sidebar .view GtkTreeView.view.separator:backdrop {
2720 color: #616569; } 2814​ color: #616569; }
2721 GtkTreeView.view:backdrop { 2815​ GtkTreeView.view:backdrop {
2722 border-left-color: #616569; } 2816​ border-left-color: #616569; }
2723 GtkTreeView.view.dnd { 2817​ GtkTreeView.view.dnd {
2724 border-style: solid none; 2818​ border-style: solid none;
2725 border-width: 1px; 2819​ border-width: 1px;
2726 border-color: #3daee9; } 2820​ border-color: #3daee9; }
2727 GtkTreeView.view.expander { 2821​ GtkTreeView.view.expander {
2728 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); 2822​ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2729 color: #eff0f1; } 2823​ color: #eff0f1; }
2730 GtkTreeView.view.expander:dir(rtl) { 2824​ GtkTreeView.view.expander:dir(rtl) {
2731 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } 2825​ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
2732 GtkTreeView.view.expander:hover { 2826​ GtkTreeView.view.expander:hover {
2733 color: #3daee9; } 2827​ color: #3daee9; }
2734 GtkTreeView.view.expander:selected { 2828​ GtkTreeView.view.expander:selected {
2735 color: #eff0f1; } 2829​ color: #eff0f1; }
2736 GtkTreeView.view.expander:checked { 2830​ GtkTreeView.view.expander:checked {
2737 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } 2831​ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
2738 GtkTreeView.view.expander:checked:selected { 2832​ GtkTreeView.view.expander:checked:selected {
2739 color: #eff0f1; } 2833​ color: #eff0f1; }
2740 GtkTreeView.view.expander:checked:backdrop { 2834​ GtkTreeView.view.expander:checked:backdrop {
2741 color: #232629; } 2835​ color: #232629; }
2742 GtkTreeView.view.expander:backdrop { 2836​ GtkTreeView.view.expander:backdrop {
2743 color: #232629; } 2837​ color: #eff0f1; }
2744 2838​
2745column-header .button { 2839​column-header .button {
2746 color: #eff0f1; 2840​ color: #eff0f1;
2747 background-color: #31363b; 2841​ background-color: #31363b;
2748 text-shadow: none; 2842​ text-shadow: none;
2749 box-shadow: none; } 2843​ box-shadow: none; }
2750 column-header .button:hover { 2844​ column-header .button:hover {
2751 color: #eff0f1; 2845​ color: #eff0f1;
2752 background-color: rgba(61, 174, 233, 0.5); 2846​ background-color: rgba(61, 174, 233, 0.5);
2753 box-shadow: none; 2847​ box-shadow: none;
2754 transition: none; } 2848​ transition: none; }
2755 column-header .button:active { 2849​ column-header .button:active {
2756 color: #eff0f1; 2850​ color: #eff0f1;
2757 background-color: rgba(61, 174, 233, 0.5); 2851​ background-color: rgba(61, 174, 233, 0.5);
2758 transition: none; } 2852​ transition: none; }
2759column-header:last-child .button, column-header:last-child .button:backdrop, column-header:last-child.button, column-header:last-child.button:backdrop { 2853​
2854​column-header:last-child .button,
2855​column-header:last-child .button:backdrop, column-header:last-child.button, column-header:last-child.button:backdrop {
2760 border-right-style: none; } 2856​ border-right-style: none; }
2761 2857​
2762column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { 2858​column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover {
2763 transition: none; 2859​ transition: none;
2764 color: #3daee9; 2860​ color: #3daee9;
2765 box-shadow: none; } 2861​ box-shadow: none; }
2766 2862​
2767column-header .button, column-header .button:hover, column-header .button:active { 2863​column-header .button, column-header .button:hover, column-header .button:active {
▲ Show 20 Lines • Show All 43 Lines • ▼ Show 20 Line(s)2906 .window-frame.csd.popup {
2811 box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } 2907​ box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); }
2812 .window-frame.csd.tooltip { 2908​ .window-frame.csd.tooltip {
2813 box-shadow: none; } 2909​ box-shadow: none; }
2814 .window-frame.csd.message-dialog { 2910​ .window-frame.csd.message-dialog {
2815 box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); } 2911​ box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); }
2816 .window-frame.solid-csd { 2912​ .window-frame.solid-csd {
2817 border-radius: 0; 2913​ border-radius: 0;
2818 margin: 0px; 2914​ margin: 0px;
2819 background-color: #3b4147; 2915​ background-color: #31363b;
2820 border: none; 2916​ border: none;
2821 box-shadow: none; } 2917​ box-shadow: none; }
2822 2918​
2823.header-bar .button.titlebutton, 2919​.header-bar .button.titlebutton,
2824.titlebar .button.titlebutton { 2920​.titlebar .button.titlebutton {
2825 padding: 0px; } 2921​ padding: 0px; }
2826 .header-bar .button.titlebutton:hover, .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .header-bar .button.titlebutton:backdrop, .header-bar .button.titlebutton:active:hover, 2922​ .header-bar .button.titlebutton:hover, .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .header-bar .button.titlebutton:backdrop, .header-bar .button.titlebutton:active:hover,
2827 .titlebar .button.titlebutton:hover, 2923​ .titlebar .button.titlebutton:hover,
▲ Show 20 Lines • Show All 79 Lines • ▼ Show 20 Line(s)
2907.titlebar .button.titlebutton.maximize { 3003​.titlebar .button.titlebutton.maximize {
2908 padding: 1px; 3004​ padding: 1px;
2909 color: transparent; 3005​ color: transparent;
2910 border-image: none; 3006​ border-image: none;
2911 box-shadow: none; 3007​ box-shadow: none;
2912 background-position: center; 3008​ background-position: center;
2913 background-repeat: no-repeat; 3009​ background-repeat: no-repeat;
2914 background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized.png"), url("../assets/titlebutton-maximize-maximized@2.png")); } 3010​ background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized.png"), url("../assets/titlebutton-maximize-maximized@2.png")); }
3011​
2915.maximized .header-bar .button.titlebutton.maximize:hover, .maximized 3012​.maximized .header-bar .button.titlebutton.maximize:hover, .maximized
2916.titlebar .button.titlebutton.maximize:hover { 3013​.titlebar .button.titlebutton.maximize:hover {
2917 border-color: transparent; 3014​ border-color: transparent;
2918 background-color: transparent; 3015​ background-color: transparent;
2919 background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-hover.png"), url("../assets/titlebutton-maximize-maximized-hover@2.png")); } 3016​ background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-hover.png"), url("../assets/titlebutton-maximize-maximized-hover@2.png")); }
3017​
2920.maximized .header-bar .button.titlebutton.maximize:active, .maximized 3018​.maximized .header-bar .button.titlebutton.maximize:active, .maximized
2921.titlebar .button.titlebutton.maximize:active { 3019​.titlebar .button.titlebutton.maximize:active {
2922 border-color: transparent; 3020​ border-color: transparent;
2923 background-color: transparent; 3021​ background-color: transparent;
2924 background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-active.png"), url("../assets/titlebutton-maximize-maximized-active@2.png")); } 3022​ background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-active.png"), url("../assets/titlebutton-maximize-maximized-active@2.png")); }
3023​
2925.maximized .header-bar .button.titlebutton.maximize:backdrop, .maximized 3024​.maximized .header-bar .button.titlebutton.maximize:backdrop, .maximized
2926.titlebar .button.titlebutton.maximize:backdrop { 3025​.titlebar .button.titlebutton.maximize:backdrop {
2927 border-color: transparent; 3026​ border-color: transparent;
2928 background-color: transparent; 3027​ background-color: transparent;
2929 background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-backdrop.png"), url("../assets/titlebutton-maximize-maximized-backdrop@2.png")); } 3028​ background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-backdrop.png"), url("../assets/titlebutton-maximize-maximized-backdrop@2.png")); }
2930 3029​
2931.header-bar.selection-mode .button.titlebutton, 3030​.header-bar.selection-mode .button.titlebutton,
2932.titlebar.selection-mode .button.titlebutton { 3031​.titlebar.selection-mode .button.titlebutton {
2933 text-shadow: none; } 3032​ text-shadow: none; }
2934 .header-bar.selection-mode .button.titlebutton:backdrop, 3033​ .header-bar.selection-mode .button.titlebutton:backdrop,
2935 .titlebar.selection-mode .button.titlebutton:backdrop { 3034​ .titlebar.selection-mode .button.titlebutton:backdrop {
2936 icon-shadow: none; } 3035​ icon-shadow: none; }