comparison gtk-3.20/gtk.css @ 43:d8eaee5178b7

Update to GTK 3.22 at revision ecf9c06
author IBBoard <dev@ibboard.co.uk>
date Sat, 01 Apr 2017 11:21:01 +0100
parents 464e0bd93ed9
children d1b3ef174846
comparison
equal deleted inserted replaced
42:464e0bd93ed9 43:d8eaee5178b7
6 -GtkToolItemGroup-expander-size: 11; 6 -GtkToolItemGroup-expander-size: 11;
7 -GtkWidget-text-handle-width: 20; 7 -GtkWidget-text-handle-width: 20;
8 -GtkWidget-text-handle-height: 24; 8 -GtkWidget-text-handle-height: 24;
9 -GtkDialog-button-spacing: 4; 9 -GtkDialog-button-spacing: 4;
10 -GtkDialog-action-area-border: 0; 10 -GtkDialog-action-area-border: 0;
11 outline-color: rgba(22, 22, 22, 0.3); 11 outline-color: alpha(currentColor,0.3);
12 outline-style: dashed; 12 outline-style: dashed;
13 outline-offset: -3px; 13 outline-offset: -3px;
14 outline-width: 1px; 14 outline-width: 1px;
15 -gtk-outline-radius: 2px; 15 -gtk-outline-radius: 2px;
16 -gtk-secondary-caret-color: #5E7F3E; } 16 -gtk-secondary-caret-color: #5E7F3E; }
62 .view text:backdrop, 62 .view text:backdrop,
63 iconview text:backdrop, 63 iconview text:backdrop,
64 textview text:backdrop { 64 textview text:backdrop {
65 color: #272727; 65 color: #272727;
66 background-color: #c3c3c3; } 66 background-color: #c3c3c3; }
67 .view:backdrop:disabled, iconview:backdrop:disabled,
68 .view text:backdrop:disabled,
69 iconview text:backdrop:disabled,
70 textview text:backdrop:disabled {
71 color: #a0a0a0; }
72 .view:disabled, iconview:disabled,
73 .view text:disabled,
74 iconview text:disabled,
75 textview text:disabled {
76 color: #6e6e6e;
77 background-color: #c6c6c6; }
67 .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, 78 .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
68 .view text:selected:focus, 79 .view text:selected:focus,
69 iconview text:selected:focus, 80 iconview text:selected:focus,
70 textview text:selected:focus, 81 textview text:selected:focus,
71 .view text:selected, 82 .view text:selected,
78 89
79 .rubberband, 90 .rubberband,
80 rubberband, 91 rubberband,
81 flowbox rubberband, 92 flowbox rubberband,
82 treeview.view rubberband, 93 treeview.view rubberband,
83 .content-view rubberband { 94 .content-view rubberband,
95 .content-view .rubberband {
84 border: 1px solid #455d2d; 96 border: 1px solid #455d2d;
85 background-color: rgba(69, 93, 45, 0.2); } 97 background-color: rgba(69, 93, 45, 0.2); }
86 98
87 flowbox flowboxchild { 99 flowbox flowboxchild {
88 padding: 3px; 100 padding: 3px; }
89 border-radius: 3px; }
90 flowbox flowboxchild:selected { 101 flowbox flowboxchild:selected {
91 outline-offset: -2px; } 102 outline-offset: -2px; }
103
104 .content-view .tile {
105 margin: 2px;
106 background-color: transparent;
107 border-radius: 0;
108 padding: 0; }
109 .content-view .tile:backdrop {
110 background-color: transparent; }
111 .content-view .tile:active, .content-view .tile:selected {
112 background-color: transparent; }
113 .content-view .tile:disabled {
114 background-color: transparent; }
92 115
93 label { 116 label {
94 caret-color: currentColor; } 117 caret-color: currentColor; }
95 label.separator { 118 label.separator {
96 color: #161616; } 119 color: #161616; }
123 padding: 6px 12px; } 146 padding: 6px 12px; }
124 assistant .sidebar label.highlight { 147 assistant .sidebar label.highlight {
125 background-color: #a3a3a3; } 148 background-color: #a3a3a3; }
126 149
127 .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .app-notification, 150 .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .app-notification,
128 .app-notification.frame, .osd .scale-popup, .osd { 151 .app-notification.frame, .osd .scale-popup,
152 .osd {
129 color: #eeeeec; 153 color: #eeeeec;
130 border: none; 154 border: none;
131 background-color: rgba(28, 31, 32, 0.7); 155 background-color: rgba(28, 31, 32, 0.7);
132 background-clip: padding-box; 156 background-clip: padding-box;
133 outline-color: rgba(238, 238, 236, 0.3);
134 text-shadow: 0 1px black; 157 text-shadow: 0 1px black;
135 -gtk-icon-shadow: 0 1px black; } 158 -gtk-icon-shadow: 0 1px black; }
136 popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop, .osd:backdrop { 159 popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop,
160 .osd:backdrop {
137 text-shadow: none; 161 text-shadow: none;
138 -gtk-icon-shadow: none; } 162 -gtk-icon-shadow: none; }
139 163
140 /********************* 164 /*********************
141 * Spinner Animation * 165 * Spinner Animation *
168 border-color: #7a7a7a; 192 border-color: #7a7a7a;
169 background-color: #C6C6C6; 193 background-color: #C6C6C6;
170 box-shadow: inset 0 0 0 1px rgba(94, 127, 62, 0); } 194 box-shadow: inset 0 0 0 1px rgba(94, 127, 62, 0); }
171 spinbutton:not(.vertical) image.left, 195 spinbutton:not(.vertical) image.left,
172 entry image.left { 196 entry image.left {
173 padding-left: 0; 197 margin-right: 6px; }
174 padding-right: 6px; }
175 spinbutton:not(.vertical) image.right, 198 spinbutton:not(.vertical) image.right,
176 entry image.right { 199 entry image.right {
177 padding-left: 6px; 200 margin-left: 6px; }
178 padding-right: 0; }
179 spinbutton:not(.vertical) undershoot.left, 201 spinbutton:not(.vertical) undershoot.left,
180 entry undershoot.left { 202 entry undershoot.left {
181 background-color: transparent; 203 background-color: transparent;
182 background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); 204 background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
183 padding-left: 1px; 205 padding-left: 1px;
201 spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), 223 spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical),
202 entry.flat:focus, 224 entry.flat:focus,
203 entry.flat { 225 entry.flat {
204 min-height: 0; 226 min-height: 0;
205 padding: 2px; 227 padding: 2px;
206 background-image: none; 228 background-color: transparent;
207 border-color: transparent; 229 border-color: transparent;
208 border-radius: 0; } 230 border-radius: 0; }
209 spinbutton:focus:not(.vertical), 231 spinbutton:focus:not(.vertical),
210 entry:focus { 232 entry:focus {
211 box-shadow: inset 0 0 0 1px #5E7F3E; 233 box-shadow: inset 0 0 0 1px #5E7F3E;
334 entry { 356 entry {
335 border-left-color: #4e9a06; } 357 border-left-color: #4e9a06; }
336 .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > 358 .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical >
337 entry:not(:disabled) + entry:not(:disabled), .linked.vertical > 359 entry:not(:disabled) + entry:not(:disabled), .linked.vertical >
338 entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { 360 entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) {
339 border-top-color: #afafaf; 361 border-top-color: #afafaf; }
340 background-image: linear-gradient(to bottom, #C6C6C6); }
341 .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > 362 .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical >
342 entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > 363 entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical >
343 entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { 364 entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) {
344 border-top-color: #b0b0b0; 365 border-top-color: #b0b0b0; }
345 background-image: linear-gradient(to bottom, #c3c3c3); }
346 .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > 366 .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical >
347 entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > 367 entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical >
348 entry:disabled + entry:disabled { 368 entry:disabled + entry:disabled {
349 border-top-color: #afafaf; } 369 border-top-color: #afafaf; }
350 .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), 370 .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical),
586 button.osd { 606 button.osd {
587 min-width: 24px; 607 min-width: 24px;
588 min-height: 32px; 608 min-height: 32px;
589 color: #eeeeec; 609 color: #eeeeec;
590 border-radius: 5px; 610 border-radius: 5px;
591 outline-color: rgba(238, 238, 236, 0.3);
592 color: #eeeeec; 611 color: #eeeeec;
593 border-color: rgba(0, 0, 0, 0.7); 612 border-color: rgba(0, 0, 0, 0.7);
594 background-color: transparent; 613 background-color: transparent;
595 background-image: image(rgba(28, 31, 32, 0.7)); 614 background-image: image(rgba(28, 31, 32, 0.7));
596 background-clip: padding-box; 615 background-clip: padding-box;
1145 button.needs-attention:checked > label, 1164 button.needs-attention:checked > label,
1146 .stack-switcher > 1165 .stack-switcher >
1147 button.needs-attention:checked > image { 1166 button.needs-attention:checked > image {
1148 animation: none; 1167 animation: none;
1149 background-image: none; } 1168 background-image: none; }
1169 button.font separator,
1170 button.file separator {
1171 background-color: transparent; }
1172 button.font > box > box > label {
1173 font-weight: bold; }
1150 .inline-toolbar 1174 .inline-toolbar
1151 button, .inline-toolbar 1175 button, .inline-toolbar
1152 button:backdrop { 1176 button:backdrop {
1153 border-radius: 2px; 1177 border-radius: 2px;
1154 border-width: 1px; } 1178 border-width: 1px; }
1155 .primary-toolbar 1179 .primary-toolbar
1156 button { 1180 button {
1157 -gtk-icon-shadow: none; } 1181 -gtk-icon-shadow: none; }
1182 button.circular {
1183 border-radius: 9999px;
1184 -gtk-outline-radius: 9999px;
1185 background-origin: padding-box, border-box;
1186 background-clip: padding-box, border-box; }
1187 button.circular label {
1188 padding: 0; }
1189 button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) {
1190 color: #161616;
1191 outline-color: rgba(22, 22, 22, 0.3);
1192 border-color: #7a7a7a;
1193 border-bottom-color: #6d6d6d;
1194 background-image: linear-gradient(to bottom, #C6C6C6, #bcbcbc 60%, #adadad);
1195 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1196 -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1197 box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1198 background-image: linear-gradient(to bottom, #C6C6C6, #bcbcbc 60%, #adadad), linear-gradient(to top, #6d6d6d 25%, #7a7a7a 50%);
1199 border-color: transparent; }
1200 button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) {
1201 color: #161616;
1202 outline-color: rgba(22, 22, 22, 0.3);
1203 border-color: #7a7a7a;
1204 border-bottom-color: #6d6d6d;
1205 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1206 -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1207 box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
1208 background-image: linear-gradient(to bottom, #d5d5d5, #C6C6C6 60%, #bcbcbc);
1209 background-image: linear-gradient(to bottom, #d5d5d5, #C6C6C6 60%, #bcbcbc), linear-gradient(to top, #6d6d6d 25%, #7a7a7a 50%);
1210 border-color: transparent; }
1158 1211
1159 .stack-switcher > 1212 .stack-switcher >
1160 button.needs-attention > label, 1213 button.needs-attention > label,
1161 .stack-switcher > 1214 .stack-switcher >
1162 button.needs-attention > image, stacksidebar row.needs-attention > label { 1215 button.needs-attention > image, stacksidebar row.needs-attention > label {
1306 entry:only-child, .linked.vertical > 1359 entry:only-child, .linked.vertical >
1307 button:only-child, .linked.vertical > combobox:only-child > box > button.combo { 1360 button:only-child, .linked.vertical > combobox:only-child > box > button.combo {
1308 border-radius: 3px; 1361 border-radius: 3px;
1309 border-style: solid; } 1362 border-style: solid; }
1310 1363
1311 modelbutton.flat, popover.background checkbutton, 1364 modelbutton.flat,
1312 popover.background radiobutton, 1365 .menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover,
1313 .menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop,
1314 popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover,
1315 popover.background radiobutton:backdrop:hover,
1316 .menuitem.button.flat:backdrop, 1366 .menuitem.button.flat:backdrop,
1317 .menuitem.button.flat:backdrop:hover, button:link, 1367 .menuitem.button.flat:backdrop:hover, button:link,
1318 button:visited, button:link:hover, button:link:active, button:link:checked, 1368 button:visited, button:link:hover, button:link:active, button:link:checked,
1319 button:visited:hover, 1369 button:visited:hover,
1320 button:visited:active, 1370 button:visited:active,
1325 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); 1375 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
1326 text-shadow: none; 1376 text-shadow: none;
1327 -gtk-icon-shadow: none; } 1377 -gtk-icon-shadow: none; }
1328 1378
1329 /* menu buttons */ 1379 /* menu buttons */
1330 modelbutton.flat, popover.background checkbutton, 1380 modelbutton.flat,
1331 popover.background radiobutton,
1332 .menuitem.button.flat { 1381 .menuitem.button.flat {
1333 min-height: 26px; 1382 min-height: 26px;
1334 padding-left: 5px; 1383 padding-left: 5px;
1335 padding-right: 5px; 1384 padding-right: 5px;
1336 border-radius: 3px; 1385 border-radius: 3px;
1337 outline-offset: -2px; } 1386 outline-offset: -2px; }
1338 modelbutton.flat:hover, popover.background checkbutton:hover, 1387 modelbutton.flat:hover,
1339 popover.background radiobutton:hover,
1340 .menuitem.button.flat:hover { 1388 .menuitem.button.flat:hover {
1341 background-color: lightgray; } 1389 background-color: lightgray; }
1342 modelbutton.flat check:last-child, popover.background checkbutton check:last-child, 1390
1343 popover.background radiobutton check:last-child, 1391 modelbutton.flat arrow {
1344 modelbutton.flat radio:last-child,
1345 popover.background checkbutton radio:last-child,
1346 popover.background radiobutton radio:last-child,
1347 .menuitem.button.flat check:last-child,
1348 .menuitem.button.flat radio:last-child {
1349 margin-left: 8px; }
1350 modelbutton.flat check:first-child, popover.background checkbutton check:first-child,
1351 popover.background radiobutton check:first-child,
1352 modelbutton.flat radio:first-child,
1353 popover.background checkbutton radio:first-child,
1354 popover.background radiobutton radio:first-child,
1355 .menuitem.button.flat check:first-child,
1356 .menuitem.button.flat radio:first-child {
1357 margin-right: 8px; }
1358
1359 modelbutton.flat arrow, popover.background checkbutton arrow,
1360 popover.background radiobutton arrow {
1361 background: none; } 1392 background: none; }
1362 modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, 1393 modelbutton.flat arrow:hover {
1363 popover.background radiobutton arrow:hover {
1364 background: none; } 1394 background: none; }
1365 modelbutton.flat arrow.left, popover.background checkbutton arrow.left, 1395 modelbutton.flat arrow.left {
1366 popover.background radiobutton arrow.left {
1367 -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } 1396 -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
1368 modelbutton.flat arrow.right, popover.background checkbutton arrow.right, 1397 modelbutton.flat arrow.right {
1369 popover.background radiobutton arrow.right {
1370 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } 1398 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
1371 1399
1372 button.color { 1400 button.color {
1373 padding: 4px; } 1401 padding: 4px; }
1374 button.color colorswatch:only-child { 1402 button.color colorswatch:only-child {
1375 box-shadow: 0 1px rgba(255, 255, 255, 0.76923); } 1403 box-shadow: 0 1px rgba(255, 255, 255, 0.76923); }
1376 button.color colorswatch:only-child, button.color colorswatch:only-child overlay { 1404 button.color colorswatch:only-child, button.color colorswatch:only-child overlay {
1377 border-radius: 0; } 1405 border-radius: 0; }
1378 button.color colorswatch:only-child:disabled, button.color colorswatch:only-child:backdrop { 1406 .osd button.color colorswatch:only-child {
1379 box-shadow: none; } 1407 box-shadow: none; }
1408 .osd button.color:disabled colorswatch:only-child, .osd button.color:backdrop colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child {
1409 box-shadow: none; }
1380 1410
1381 /********* 1411 /*********
1382 * Links * 1412 * Links *
1383 *********/ 1413 *********/
1384 *:link, button:link, 1414 button:link > label,
1415 button:visited > label,
1416 *:link,
1417 button:link,
1385 button:visited { 1418 button:visited {
1386 color: #455d2d; } 1419 color: #455d2d; }
1420 button:link > label:visited,
1421 button:visited > label:visited,
1387 *:link:visited, 1422 *:link:visited,
1388 button:visited { 1423 button:visited {
1389 color: #2b3a1d; } 1424 color: #2b3a1d; }
1390 *:selected *:link:visited, *:selected button:visited:link, 1425 *:selected button:link > label:visited,
1426 *:selected button:visited > label:visited, *:selected
1427 *:link:visited, *:selected
1428 button:visited:link,
1391 *:selected button:visited { 1429 *:selected button:visited {
1392 color: #bfccb2; } 1430 color: #bfccb2; }
1393 *:link:hover, button:hover:link, 1431 button:link > label:hover,
1432 button:visited > label:hover,
1433 *:link:hover,
1434 button:hover:link,
1394 button:hover:visited { 1435 button:hover:visited {
1395 color: #5e7f3e; } 1436 color: #5e7f3e; }
1396 *:selected *:link:hover, *:selected button:hover:link, 1437 *:selected button:link > label:hover,
1438 *:selected button:visited > label:hover, *:selected
1439 *:link:hover, *:selected
1440 button:hover:link,
1397 *:selected button:hover:visited { 1441 *:selected button:hover:visited {
1398 color: #eff2ec; } 1442 color: #eff2ec; }
1399 *:link:active, button:active:link, 1443 button:link > label:active,
1444 button:visited > label:active,
1445 *:link:active,
1446 button:active:link,
1400 button:active:visited { 1447 button:active:visited {
1401 color: #455d2d; } 1448 color: #455d2d; }
1402 *:selected *:link:active, *:selected button:active:link, 1449 *:selected button:link > label:active,
1450 *:selected button:visited > label:active, *:selected
1451 *:link:active, *:selected
1452 button:active:link,
1403 *:selected button:active:visited { 1453 *:selected button:active:visited {
1404 color: #dfe5d8; } 1454 color: #dfe5d8; }
1405 *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, 1455 button:link > label:backdrop:backdrop:hover,
1406 button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link, 1456 button:visited > label:backdrop:backdrop:hover, button:link > label:backdrop:backdrop:hover:selected,
1407 button:backdrop:backdrop:hover:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, 1457 button:visited > label:backdrop:backdrop:hover:selected, button:link > label:backdrop,
1408 headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, *:link:backdrop, button:backdrop:link, 1458 button:visited > label:backdrop,
1459 *:link:backdrop:backdrop:hover,
1460 button:backdrop:backdrop:hover:link,
1461 button:backdrop:backdrop:hover:visited,
1462 *:link:backdrop:backdrop:hover:selected,
1463 button:backdrop:backdrop:hover:selected:link,
1464 button:backdrop:backdrop:hover:selected:visited,
1465 .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link,
1466 headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link,
1467 *:link:backdrop,
1468 button:backdrop:link,
1409 button:backdrop:visited { 1469 button:backdrop:visited {
1410 color: #5E7F3E; } 1470 color: #5E7F3E; }
1411 infobar.info *:link, infobar.info button:link, 1471 infobar.info *:link, infobar.info button:link,
1412 infobar.info button:visited, infobar.question *:link, infobar.question button:link, 1472 infobar.info button:visited, infobar.question *:link, infobar.question button:link,
1413 infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, 1473 infobar.question button:visited, infobar.warning *:link, infobar.warning button:link,
1414 infobar.warning button:visited, infobar.error *:link, infobar.error button:link, 1474 infobar.warning button:visited, infobar.error *:link, infobar.error button:link,
1415 infobar.error button:visited, *:link:selected, button:selected:link, 1475 infobar.error button:visited, button:link > label:selected,
1416 button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link, 1476 button:visited > label:selected, *:selected button:link > label,
1417 headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, 1477 *:selected button:visited > label,
1478 *:link:selected,
1479 button:selected:link,
1480 button:selected:visited,
1481 .selection-mode.titlebar:not(headerbar) .subtitle:link,
1482 headerbar.selection-mode .subtitle:link, *:selected
1483 *:link, *:selected
1484 button:link,
1418 *:selected button:visited { 1485 *:selected button:visited {
1419 color: #dfe5d8; } 1486 color: #dfe5d8; }
1420 1487
1421 button:link, 1488 button:link,
1422 button:visited { 1489 button:visited {
1441 background: none; 1508 background: none;
1442 background-color: transparent; 1509 background-color: transparent;
1443 border: none; 1510 border: none;
1444 border-radius: 0; 1511 border-radius: 0;
1445 box-shadow: none; } 1512 box-shadow: none; }
1513 spinbutton:not(.vertical) entry:backdrop:disabled {
1514 background-color: transparent; }
1446 spinbutton:not(.vertical) button { 1515 spinbutton:not(.vertical) button {
1447 min-height: 16px; 1516 min-height: 16px;
1448 margin: 0; 1517 margin: 0;
1449 padding-bottom: 0; 1518 padding-bottom: 0;
1450 padding-top: 0; 1519 padding-top: 0;
1458 border-style: none solid none none; } 1527 border-style: none solid none none; }
1459 spinbutton:not(.vertical) button:hover { 1528 spinbutton:not(.vertical) button:hover {
1460 color: #161616; 1529 color: #161616;
1461 background-color: rgba(46, 52, 54, 0.05); } 1530 background-color: rgba(46, 52, 54, 0.05); }
1462 spinbutton:not(.vertical) button:disabled { 1531 spinbutton:not(.vertical) button:disabled {
1463 color: rgba(110, 110, 110, 0.3); } 1532 color: rgba(110, 110, 110, 0.3);
1533 background-color: transparent; }
1464 spinbutton:not(.vertical) button:active { 1534 spinbutton:not(.vertical) button:active {
1465 background-color: rgba(0, 0, 0, 0.1); 1535 background-color: rgba(0, 0, 0, 0.1);
1466 box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } 1536 box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
1467 spinbutton:not(.vertical) button:backdrop { 1537 spinbutton:not(.vertical) button:backdrop {
1468 color: #777777; 1538 color: #777777;
1469 background-color: transparent; 1539 background-color: transparent;
1470 border-color: rgba(130, 130, 130, 0.3); 1540 border-color: rgba(130, 130, 130, 0.3);
1471 transition: 200ms ease-out; } 1541 transition: 200ms ease-out; }
1472 spinbutton:not(.vertical) button:backdrop:disabled { 1542 spinbutton:not(.vertical) button:backdrop:disabled {
1473 color: rgba(160, 160, 160, 0.3); 1543 color: rgba(160, 160, 160, 0.3);
1474 background-image: none; 1544 background-color: transparent;
1475 border-style: none none none solid; } 1545 border-style: none none none solid; }
1476 spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { 1546 spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) {
1477 border-style: none solid none none; } 1547 border-style: none solid none none; }
1548 spinbutton:not(.vertical) button:dir(ltr):last-child {
1549 border-radius: 0 3px 3px 0; }
1550 spinbutton:not(.vertical) button:dir(rtl):first-child {
1551 border-radius: 3px 0 0 3px; }
1478 .osd spinbutton:not(.vertical) button { 1552 .osd spinbutton:not(.vertical) button {
1479 border-color: transparent; 1553 border-color: transparent;
1480 background-color: transparent; 1554 background-color: transparent;
1481 background-image: none; 1555 background-image: none;
1482 box-shadow: inset 0 1px rgba(255, 255, 255, 0); 1556 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
1522 -gtk-icon-shadow: none; 1596 -gtk-icon-shadow: none;
1523 color: #858786; 1597 color: #858786;
1524 border-color: rgba(0, 0, 0, 0.5); 1598 border-color: rgba(0, 0, 0, 0.5);
1525 -gtk-icon-shadow: none; 1599 -gtk-icon-shadow: none;
1526 box-shadow: none; } 1600 box-shadow: none; }
1527 .osd spinbutton:not(.vertical) button:last-child { 1601 .osd spinbutton:not(.vertical) button:dir(ltr):last-child {
1528 border-radius: 0 3px 3px 0; } 1602 border-radius: 0 3px 3px 0; }
1529 .osd spinbutton:not(.vertical) button:dir(rtl):first-child { 1603 .osd spinbutton:not(.vertical) button:dir(rtl):first-child {
1530 border-radius: 3px 0 0 3px; } 1604 border-radius: 3px 0 0 3px; }
1531 spinbutton.vertical:disabled { 1605 spinbutton.vertical:disabled {
1532 color: #6e6e6e; } 1606 color: #6e6e6e; }
1677 headerbar { 1751 headerbar {
1678 padding: 0 6px; 1752 padding: 0 6px;
1679 min-height: 46px; 1753 min-height: 46px;
1680 border-width: 0 0 1px; 1754 border-width: 0 0 1px;
1681 border-style: solid; 1755 border-style: solid;
1682 border-color: #7a7a7a; 1756 border-color: #6d6d6d;
1683 border-radius: 0; 1757 border-radius: 0;
1684 background: #f4f4f4 linear-gradient(to top, #d4d4d2, #efefef 2px, #f4f4f4 3px); 1758 background: #f4f4f4 linear-gradient(to top, #d4d4d2, #efefef 2px, #f4f4f4 3px);
1685 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } 1759 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
1686 .titlebar:backdrop:not(headerbar), 1760 .titlebar:backdrop:not(headerbar),
1687 headerbar:backdrop { 1761 headerbar:backdrop {
1690 background-image: none; 1764 background-image: none;
1691 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); 1765 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1692 transition: 200ms ease-out; } 1766 transition: 200ms ease-out; }
1693 .titlebar:not(headerbar) .title, 1767 .titlebar:not(headerbar) .title,
1694 headerbar .title { 1768 headerbar .title {
1695 font-weight: bold;
1696 padding-left: 12px; 1769 padding-left: 12px;
1697 padding-right: 12px; } 1770 padding-right: 12px;
1771 font-weight: bold; }
1698 .titlebar:not(headerbar) .subtitle, 1772 .titlebar:not(headerbar) .subtitle,
1699 headerbar .subtitle { 1773 headerbar .subtitle {
1700 font-size: smaller; 1774 font-size: smaller;
1701 padding-left: 12px; 1775 padding-left: 12px;
1702 padding-right: 12px; } 1776 padding-right: 12px; }
1703 .selection-mode.titlebar:not(headerbar), 1777 .selection-mode.titlebar:not(headerbar),
1704 headerbar.selection-mode { 1778 headerbar.selection-mode {
1705 color: #ffffff; 1779 color: #ffffff;
1780 border-color: #12180c;
1706 text-shadow: 0 -1px rgba(0, 0, 0, 0.5); 1781 text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
1707 border-color: #12180c;
1708 background: #5E7F3E linear-gradient(to top, #3d5228, #59783b 2px, #5E7F3E 3px); 1782 background: #5E7F3E linear-gradient(to top, #3d5228, #59783b 2px, #5E7F3E 3px);
1709 box-shadow: inset 0 1px rgba(102, 133, 72, 0.55); } 1783 box-shadow: inset 0 1px rgba(102, 133, 72, 0.55); }
1710 .selection-mode.titlebar:backdrop:not(headerbar), 1784 .selection-mode.titlebar:backdrop:not(headerbar),
1711 headerbar.selection-mode:backdrop { 1785 headerbar.selection-mode:backdrop {
1712 background-color: #5E7F3E; 1786 background-color: #5E7F3E;
1918 color: #a0a0a0; } 1992 color: #a0a0a0; }
1919 .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, 1993 .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu,
1920 headerbar.selection-mode .selection-menu:backdrop, 1994 headerbar.selection-mode .selection-menu:backdrop,
1921 headerbar.selection-mode .selection-menu { 1995 headerbar.selection-mode .selection-menu {
1922 border-color: rgba(94, 127, 62, 0); 1996 border-color: rgba(94, 127, 62, 0);
1923 background-image: linear-gradient(to bottom, rgba(94, 127, 62, 0)); 1997 background-color: rgba(94, 127, 62, 0);
1998 background-image: none;
1924 box-shadow: none; 1999 box-shadow: none;
1925 padding-left: 10px; 2000 padding-left: 10px;
1926 padding-right: 10px; } 2001 padding-right: 10px; }
1927 .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, 2002 .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow,
1928 headerbar.selection-mode .selection-menu:backdrop GtkArrow, 2003 headerbar.selection-mode .selection-menu:backdrop GtkArrow,
1940 headerbar:backdrop, .maximized 2015 headerbar:backdrop, .maximized
1941 headerbar { 2016 headerbar {
1942 border-radius: 0; } 2017 border-radius: 0; }
1943 .default-decoration.titlebar:not(headerbar), 2018 .default-decoration.titlebar:not(headerbar),
1944 headerbar.default-decoration { 2019 headerbar.default-decoration {
1945 padding: 4px; 2020 min-height: 28px;
1946 min-height: 28px; } 2021 padding: 4px; }
1947 .default-decoration.titlebar:not(headerbar) button.titlebutton, 2022 .default-decoration.titlebar:not(headerbar) button.titlebutton,
1948 headerbar.default-decoration button.titlebutton { 2023 headerbar.default-decoration button.titlebutton {
1949 min-height: 26px; 2024 min-height: 26px;
1950 min-width: 26px; 2025 min-width: 26px;
1951 margin: 0; 2026 margin: 0;
1952 padding: 0; } 2027 padding: 0; }
2028 .solid-csd .titlebar:backdrop:dir(rtl):not(headerbar), .solid-csd .titlebar:backdrop:dir(ltr):not(headerbar), .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd
2029 headerbar:backdrop:dir(rtl), .solid-csd
2030 headerbar:backdrop:dir(ltr), .solid-csd
2031 headerbar:dir(rtl), .solid-csd
2032 headerbar:dir(ltr) {
2033 margin-left: -1px;
2034 margin-right: -1px;
2035 margin-top: -1px;
2036 border-radius: 0;
2037 box-shadow: none; }
1953 2038
1954 headerbar entry, 2039 headerbar entry,
1955 headerbar spinbutton, 2040 headerbar spinbutton,
1956 headerbar separator, 2041 headerbar separator,
1957 headerbar button { 2042 headerbar button {
1959 margin-bottom: 6px; } 2044 margin-bottom: 6px; }
1960 headerbar switch { 2045 headerbar switch {
1961 margin-top: 9px; 2046 margin-top: 9px;
1962 margin-bottom: 9px; } 2047 margin-bottom: 9px; }
1963 2048
1964 .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { 2049 .background:not(.tiled):not(.maximized):not(.solid-csd) .titlebar:backdrop, .background:not(.tiled):not(.maximized):not(.solid-csd) .titlebar {
1965 border-top-left-radius: 7px; 2050 border-top-left-radius: 7px;
1966 border-top-right-radius: 7px; } 2051 border-top-right-radius: 7px; }
1967 2052
1968 window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { 2053 window:not(.tiled):not(.maximized):not(.solid-csd) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized):not(.solid-csd) separator:first-child + headerbar, window:not(.tiled):not(.maximized):not(.solid-csd) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized):not(.solid-csd) headerbar:first-child {
1969 border-top-left-radius: 7px; } 2054 border-top-left-radius: 7px; }
1970 window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { 2055 window:not(.tiled):not(.maximized):not(.solid-csd) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized):not(.solid-csd) headerbar:last-child {
2056 border-top-right-radius: 7px; }
2057 window:not(.tiled):not(.maximized):not(.solid-csd) stack headerbar:first-child:backdrop, window:not(.tiled):not(.maximized):not(.solid-csd) stack headerbar:first-child, window:not(.tiled):not(.maximized):not(.solid-csd) stack headerbar:last-child:backdrop, window:not(.tiled):not(.maximized):not(.solid-csd) stack headerbar:last-child {
2058 border-top-left-radius: 7px;
1971 border-top-right-radius: 7px; } 2059 border-top-right-radius: 7px; }
1972 2060
1973 window.csd > .titlebar:not(headerbar) { 2061 window.csd > .titlebar:not(headerbar) {
1974 padding: 0; 2062 padding: 0;
1975 background-color: transparent; 2063 background-color: transparent;
2042 border-top-style: none; } 2130 border-top-style: none; }
2043 treeview.view:drop(active).before { 2131 treeview.view:drop(active).before {
2044 border-bottom-style: none; } 2132 border-bottom-style: none; }
2045 treeview.view.expander { 2133 treeview.view.expander {
2046 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); 2134 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2047 color: #4b4b4b; } 2135 color: #3b3b3b; }
2048 treeview.view.expander:dir(rtl) { 2136 treeview.view.expander:dir(rtl) {
2049 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } 2137 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
2050 treeview.view.expander:hover { 2138 treeview.view.expander:hover {
2051 color: #161616; } 2139 color: black; }
2052 treeview.view.expander:selected { 2140 treeview.view.expander:selected {
2053 color: #cfd9c5; } 2141 color: #cfd9c5; }
2054 treeview.view.expander:selected:hover { 2142 treeview.view.expander:selected:hover {
2055 color: #ffffff; } 2143 color: #ffffff; }
2056 treeview.view.expander:selected:backdrop { 2144 treeview.view.expander:selected:backdrop {
2107 treeview.view header.button.dnd:active, 2195 treeview.view header.button.dnd:active,
2108 treeview.view header.button.dnd:selected, 2196 treeview.view header.button.dnd:selected,
2109 treeview.view header.button.dnd:hover, 2197 treeview.view header.button.dnd:hover,
2110 treeview.view header.button.dnd { 2198 treeview.view header.button.dnd {
2111 padding: 0 6px; 2199 padding: 0 6px;
2112 transition: none; 2200 color: #C6C6C6;
2113 background-image: none; 2201 background-image: none;
2114 background-color: #5E7F3E; 2202 background-color: #5E7F3E;
2115 color: #C6C6C6; 2203 border-style: none;
2116 border-radius: 0; 2204 border-radius: 0;
2117 border-style: none;
2118 box-shadow: inset 0 0 0 1px #C6C6C6; 2205 box-shadow: inset 0 0 0 1px #C6C6C6;
2119 text-shadow: none; } 2206 text-shadow: none;
2207 transition: none; }
2120 treeview.view acceleditor > label { 2208 treeview.view acceleditor > label {
2121 background-color: #5E7F3E; } 2209 background-color: #5E7F3E; }
2122 2210
2123 treeview.view header button, treeview.view header button:hover, treeview.view header button:active { 2211 treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
2124 padding: 0 6px; 2212 padding: 0 6px;
2213 background-image: none;
2214 border-style: none solid solid none;
2215 border-color: #C6C6C6;
2125 border-radius: 0; 2216 border-radius: 0;
2126 background-image: none; 2217 text-shadow: none; }
2127 text-shadow: none;
2128 border-style: none solid solid none;
2129 border-color: #C6C6C6; }
2130 treeview.view header button:disabled { 2218 treeview.view header button:disabled {
2131 border-color: #C6C6C6; 2219 border-color: #C6C6C6;
2132 background-image: none; } 2220 background-image: none; }
2133 treeview.view header button:backdrop { 2221 treeview.view header button:backdrop {
2222 color: #9a9a9a;
2134 border-color: #C6C6C6; 2223 border-color: #C6C6C6;
2135 border-style: none solid solid none; 2224 border-style: none solid solid none;
2136 color: #9a9a9a;
2137 background-image: none; 2225 background-image: none;
2138 background-color: #c3c3c3; } 2226 background-color: #c3c3c3; }
2139 treeview.view header button:backdrop:disabled { 2227 treeview.view header button:backdrop:disabled {
2140 border-color: #C6C6C6; 2228 border-color: #C6C6C6;
2141 background-image: none; } 2229 background-image: none; }
2626 scrollbar.vertical button.down { 2714 scrollbar.vertical button.down {
2627 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } 2715 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
2628 scrollbar.vertical button.up { 2716 scrollbar.vertical button.up {
2629 -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } 2717 -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
2630 scrollbar.horizontal button.down { 2718 scrollbar.horizontal button.down {
2631 -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } 2719 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
2632 scrollbar.horizontal button.up { 2720 scrollbar.horizontal button.up {
2633 -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } 2721 -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
2634 2722
2635 treeview ~ scrollbar.vertical { 2723 treeview ~ scrollbar.vertical {
2636 border-top: 1px solid #7a7a7a; 2724 border-top: 1px solid #7a7a7a;
2637 margin-top: -1px; } 2725 margin-top: -1px; }
2638 2726
2641 **********/ 2729 **********/
2642 switch { 2730 switch {
2643 font-weight: bold; 2731 font-weight: bold;
2644 font-size: smaller; 2732 font-size: smaller;
2645 outline-offset: -4px; 2733 outline-offset: -4px;
2646 box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px transparent;
2647 border: 1px solid #7a7a7a; 2734 border: 1px solid #7a7a7a;
2648 border-radius: 3px; 2735 border-radius: 3px;
2649 color: #161616; 2736 color: #161616;
2650 background-image: linear-gradient(to bottom, #a8a8a8); 2737 background-color: #ababab;
2651 text-shadow: 0 1px rgba(0, 0, 0, 0.1); } 2738 text-shadow: 0 1px rgba(0, 0, 0, 0.1); }
2652 switch:checked { 2739 switch:checked {
2653 color: white; 2740 color: #ffffff;
2654 border-color: #12180c; 2741 border-color: #12180c;
2655 background-color: #5E7F3E; 2742 background-color: #5E7F3E;
2656 background-image: none;
2657 box-shadow: 0 1px transparent;
2658 text-shadow: 0 1px rgba(18, 24, 12, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } 2743 text-shadow: 0 1px rgba(18, 24, 12, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
2659 switch:disabled { 2744 switch:disabled {
2660 color: #6e6e6e; 2745 color: #6e6e6e;
2661 border-color: #7a7a7a; 2746 border-color: #7a7a7a;
2662 background-image: none;
2663 background-color: #c6c6c6; 2747 background-color: #c6c6c6;
2664 box-shadow: 0 1px transparent;
2665 text-shadow: none; } 2748 text-shadow: none; }
2666 switch:backdrop { 2749 switch:backdrop {
2667 color: #6e6e6e; 2750 color: #6e6e6e;
2668 border-color: #828282; 2751 border-color: #828282;
2669 background-image: linear-gradient(to bottom, #aeaeae); 2752 background-color: #aeaeae;
2670 box-shadow: none;
2671 text-shadow: none; 2753 text-shadow: none;
2672 transition: 200ms ease-out; } 2754 transition: 200ms ease-out; }
2673 switch:backdrop:checked { 2755 switch:backdrop:checked {
2674 color: #C6C6C6; 2756 color: #C6C6C6;
2675 border-color: #5E7F3E; 2757 border-color: #5E7F3E;
2676 background-image: linear-gradient(to bottom, #5E7F3E); 2758 background-color: #5E7F3E; }
2677 box-shadow: none; } 2759 switch:backdrop:disabled {
2678 switch:disabled { 2760 color: #a0a0a0;
2679 color: #a0a0a0; 2761 border-color: #828282;
2680 border-color: #828282; 2762 background-color: #c6c6c6; }
2681 background-image: none;
2682 background-color: #c6c6c6; }
2683 switch slider { 2763 switch slider {
2684 margin: -1px; 2764 margin: -1px;
2685 min-width: 44px; 2765 min-width: 44px;
2686 min-height: 26px; 2766 min-height: 26px;
2687 border: 1px solid; 2767 border: 1px solid;
2742 border-color: #12180c; } 2822 border-color: #12180c; }
2743 2823
2744 /************************* 2824 /*************************
2745 * Check and Radio items * 2825 * Check and Radio items *
2746 *************************/ 2826 *************************/
2747 .view.content-view.check:not(list), iconview.content-view.check:not(list) { 2827 .view.content-view.check:not(list), iconview.content-view.check:not(list),
2828 .content-view .tile check:not(list) {
2748 -gtk-icon-shadow: none; 2829 -gtk-icon-shadow: none;
2749 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); 2830 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
2750 background-color: transparent; } 2831 background-color: transparent;
2751 2832 min-width: 40px;
2752 .view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list) { 2833 min-height: 40px;
2834 background-image: none;
2835 transition: none;
2836 box-shadow: none;
2837 border-width: 0; }
2838
2839 .view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list),
2840 .content-view .tile check:hover:not(list) {
2753 -gtk-icon-shadow: none; 2841 -gtk-icon-shadow: none;
2754 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png")); 2842 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png"));
2755 background-color: transparent; } 2843 background-color: transparent;
2756 2844 min-width: 40px;
2757 .view.content-view.check:active:not(list), iconview.content-view.check:active:not(list) { 2845 min-height: 40px;
2846 background-image: none;
2847 transition: none;
2848 box-shadow: none;
2849 border-width: 0; }
2850
2851 .view.content-view.check:active:not(list), iconview.content-view.check:active:not(list),
2852 .content-view .tile check:active:not(list) {
2758 -gtk-icon-shadow: none; 2853 -gtk-icon-shadow: none;
2759 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png")); 2854 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png"));
2760 background-color: transparent; } 2855 background-color: transparent;
2761 2856 min-width: 40px;
2762 .view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list) { 2857 min-height: 40px;
2858 background-image: none;
2859 transition: none;
2860 box-shadow: none;
2861 border-width: 0; }
2862
2863 .view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list),
2864 .content-view .tile check:backdrop:not(list) {
2763 -gtk-icon-shadow: none; 2865 -gtk-icon-shadow: none;
2764 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png")); 2866 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png"));
2765 background-color: transparent; } 2867 background-color: transparent;
2766 2868 min-width: 40px;
2767 .view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { 2869 min-height: 40px;
2870 background-image: none;
2871 transition: none;
2872 box-shadow: none;
2873 border-width: 0; }
2874
2875 .view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list),
2876 .content-view .tile check:checked:not(list) {
2768 -gtk-icon-shadow: none; 2877 -gtk-icon-shadow: none;
2769 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); 2878 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
2770 background-color: transparent; } 2879 background-color: transparent;
2771 2880 min-width: 40px;
2772 .view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list) { 2881 min-height: 40px;
2882 background-image: none;
2883 transition: none;
2884 box-shadow: none;
2885 border-width: 0; }
2886
2887 .view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list),
2888 .content-view .tile check:checked:hover:not(list) {
2773 -gtk-icon-shadow: none; 2889 -gtk-icon-shadow: none;
2774 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png")); 2890 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png"));
2775 background-color: transparent; } 2891 background-color: transparent;
2776 2892 min-width: 40px;
2777 .view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list) { 2893 min-height: 40px;
2894 background-image: none;
2895 transition: none;
2896 box-shadow: none;
2897 border-width: 0; }
2898
2899 .view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list),
2900 .content-view .tile check:checked:active:not(list) {
2778 -gtk-icon-shadow: none; 2901 -gtk-icon-shadow: none;
2779 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png")); 2902 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png"));
2780 background-color: transparent; } 2903 background-color: transparent;
2781 2904 min-width: 40px;
2782 .view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list) { 2905 min-height: 40px;
2906 background-image: none;
2907 transition: none;
2908 box-shadow: none;
2909 border-width: 0; }
2910
2911 .view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list),
2912 .content-view .tile check:backdrop:checked:not(list) {
2783 -gtk-icon-shadow: none; 2913 -gtk-icon-shadow: none;
2784 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png")); 2914 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png"));
2785 background-color: transparent; } 2915 background-color: transparent;
2916 min-width: 40px;
2917 min-height: 40px;
2918 background-image: none;
2919 transition: none;
2920 box-shadow: none;
2921 border-width: 0; }
2786 2922
2787 checkbutton.text-button, radiobutton.text-button { 2923 checkbutton.text-button, radiobutton.text-button {
2788 padding: 2px 0; 2924 padding: 2px 0;
2789 outline-offset: 0; } 2925 outline-offset: 0; }
2790 checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { 2926 checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child {
2927 background-image: none; 3063 background-image: none;
2928 background-color: transparent; 3064 background-color: transparent;
2929 box-shadow: none; 3065 box-shadow: none;
2930 -gtk-icon-shadow: none; 3066 -gtk-icon-shadow: none;
2931 color: inherit; 3067 color: inherit;
2932 border-color: currentColor; 3068 border-color: currentColor; }
2933 animation: none; }
2934 3069
2935 check { 3070 check {
2936 border-radius: 3px; } 3071 border-radius: 3px; }
2937 check:checked { 3072 check:checked {
2938 -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } 3073 -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); }
2947 -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } 3082 -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); }
2948 treeview.view radio:indeterminate:selected, 3083 treeview.view radio:indeterminate:selected,
2949 radio:indeterminate { 3084 radio:indeterminate {
2950 -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } 3085 -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
2951 3086
2952 @keyframes check_check { 3087 radio:not(:indeterminate):not(:checked):active:not(:backdrop) {
2953 from { 3088 -gtk-icon-transform: scale(0); }
2954 -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } 3089
2955 to { 3090 check:not(:indeterminate):not(:checked):active:not(:backdrop) {
2956 -gtk-icon-transform: unset; } } 3091 -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
2957 @keyframes check_radio { 3092
2958 from { 3093 radio:active,
2959 -gtk-icon-transform: scale(0); } 3094 check:active {
2960 to { 3095 -gtk-icon-transform: scale(0, 1); }
2961 -gtk-icon-transform: unset; } } 3096 radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop),
2962 @keyframes check_indeterminate { 3097 check:checked:not(:backdrop),
2963 from { 3098 check:indeterminate:not(:backdrop) {
2964 -gtk-icon-transform: scale(0, 1); } 3099 -gtk-icon-transform: unset;
2965 to { 3100 transition: 400ms; }
2966 -gtk-icon-transform: unset; } } 3101
2967 check:not(:indeterminate):checked { 3102 menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop),
2968 animation: check_check 400ms; } 3103 menu menuitem check:checked:not(:backdrop),
2969 3104 menu menuitem check:indeterminate:not(:backdrop) {
2970 radio:not(:indeterminate):checked { 3105 transition: none; }
2971 animation: check_radio 400ms; }
2972
2973 check:indeterminate:checked, radio:indeterminate:checked {
2974 animation: check_indeterminate 400ms; }
2975
2976 menu menuitem check:not(:indeterminate):checked,
2977 menu menuitem radio:not(:indeterminate):checked,
2978 menu menuitem check:indeterminate:checked:active,
2979 menu menuitem radio:indeterminate:checked {
2980 animation: none; }
2981 3106
2982 treeview.view check:selected:focus, treeview.view check:selected, 3107 treeview.view check:selected:focus, treeview.view check:selected,
2983 treeview.view radio:selected:focus, 3108 treeview.view radio:selected:focus,
2984 treeview.view radio:selected { 3109 treeview.view radio:selected {
2985 color: #161616; 3110 color: #161616;
2999 * GtkScale * 3124 * GtkScale *
3000 ************/ 3125 ************/
3001 scale trough, scale fill, progressbar trough { 3126 scale trough, scale fill, progressbar trough {
3002 border: 1px solid #7a7a7a; 3127 border: 1px solid #7a7a7a;
3003 border-radius: 3px; 3128 border-radius: 3px;
3004 background-color: #ababab; 3129 background-color: #ababab; }
3005 box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); }
3006 scale trough:disabled, scale fill:disabled, progressbar trough:disabled { 3130 scale trough:disabled, scale fill:disabled, progressbar trough:disabled {
3007 background-color: #c6c6c6; 3131 background-color: #c6c6c6; }
3008 box-shadow: none; }
3009 scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop, progressbar:backdrop trough { 3132 scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop, progressbar:backdrop trough {
3010 background-color: #aeaeae; 3133 background-color: #aeaeae;
3011 border-color: #828282; 3134 border-color: #828282;
3012 box-shadow: none;
3013 transition: 200ms ease-out; } 3135 transition: 200ms ease-out; }
3014 scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled { 3136 scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled {
3015 background-color: #c6c6c6; } 3137 background-color: #c6c6c6; }
3016 row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { 3138 row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough {
3017 box-shadow: none; } 3139 border-color: #12180c; }
3018 row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough, row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled {
3019 border-color: #12180c; }
3020 .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough { 3140 .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough {
3021 border-color: rgba(0, 0, 0, 0.7); 3141 border-color: rgba(0, 0, 0, 0.7);
3022 background-color: rgba(0, 0, 0, 0.5); 3142 background-color: rgba(0, 0, 0, 0.5); }
3023 box-shadow: none;
3024 outline-color: rgba(238, 238, 236, 0.2); }
3025 .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { 3143 .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled {
3026 background-color: rgba(49, 52, 52, 0.5); } 3144 background-color: rgba(49, 52, 52, 0.5); }
3027 3145
3028 scale highlight, progressbar progress { 3146 scale highlight, progressbar progress {
3029 border: 1px solid #12180c; 3147 border: 1px solid #12180c;
3071 border-radius: 5px; 3189 border-radius: 5px;
3072 -gtk-outline-radius: 7px; } 3190 -gtk-outline-radius: 7px; }
3073 scale trough { 3191 scale trough {
3074 outline-offset: 2px; 3192 outline-offset: 2px;
3075 -gtk-outline-radius: 5px; } 3193 -gtk-outline-radius: 5px; }
3076 scale fill, scale fill:backdrop { 3194 scale fill:backdrop, scale fill {
3077 background-color: #7a7a7a; 3195 background-color: #7a7a7a; }
3078 box-shadow: none; } 3196 scale fill:disabled:backdrop, scale fill:disabled {
3079 scale fill:disabled, scale fill:disabled:backdrop {
3080 border-color: transparent; 3197 border-color: transparent;
3081 background-color: transparent; } 3198 background-color: transparent; }
3082 .osd scale fill { 3199 .osd scale fill {
3083 background-color: rgba(91, 91, 90, 0.775); } 3200 background-color: rgba(91, 91, 90, 0.775); }
3084 .osd scale fill:disabled, .osd scale fill:disabled:backdrop { 3201 .osd scale fill:disabled:backdrop, .osd scale fill:disabled {
3085 border-color: transparent; 3202 border-color: transparent;
3086 background-color: transparent; } 3203 background-color: transparent; }
3087 scale slider { 3204 scale slider {
3088 color: #161616; 3205 color: #161616;
3089 outline-color: rgba(22, 22, 22, 0.3); 3206 outline-color: rgba(22, 22, 22, 0.3);
3090 border-color: #6d6d6d; 3207 border-color: #6d6d6d;
3091 text-shadow: 0 1px rgba(255, 255, 255, 0.76923); 3208 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
3092 -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); 3209 -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
3093 background-image: linear-gradient(to bottom, lightgray 20%, #C6C6C6 90%); 3210 background-image: linear-gradient(to bottom, lightgray 20%, #C6C6C6 90%);
3094 box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px #cbcbcb, inset 0 -1px #a7a7a7, 0 1px rgba(0, 0, 0, 0.1); 3211 box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px #cbcbcb, inset 0 -1px #a7a7a7, 0 1px rgba(0, 0, 0, 0.1);
3095 border: 1px solid #727272; 3212 border: 1px solid #656565;
3096 border-radius: 100%; 3213 border-radius: 100%;
3097 transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 3214 transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
3098 transition-property: background, border, box-shadow; } 3215 transition-property: background, border, box-shadow; }
3099 scale slider:hover { 3216 scale slider:hover {
3100 color: #161616; 3217 color: #161616;
3127 text-shadow: none; 3244 text-shadow: none;
3128 -gtk-icon-shadow: none; 3245 -gtk-icon-shadow: none;
3129 box-shadow: inset 0 1px rgba(255, 255, 255, 0); } 3246 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
3130 scale slider:backdrop:disabled label, scale slider:backdrop:disabled { 3247 scale slider:backdrop:disabled label, scale slider:backdrop:disabled {
3131 color: #a0a0a0; } 3248 color: #a0a0a0; }
3132 row:selected scale slider, row:selected scale slider:disabled { 3249 row:selected scale slider:disabled, row:selected scale slider {
3133 border-color: #12180c; } 3250 border-color: #12180c; }
3134 .osd scale slider { 3251 .osd scale slider {
3135 color: #eeeeec; 3252 color: #eeeeec;
3136 border-color: rgba(0, 0, 0, 0.7); 3253 border-color: rgba(0, 0, 0, 0.7);
3137 background-color: transparent; 3254 background-color: transparent;
3150 background-image: image(rgba(57, 63, 65, 0.7)); 3267 background-image: image(rgba(57, 63, 65, 0.7));
3151 background-clip: padding-box; 3268 background-clip: padding-box;
3152 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); 3269 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3153 text-shadow: 0 1px black; 3270 text-shadow: 0 1px black;
3154 -gtk-icon-shadow: 0 1px black; 3271 -gtk-icon-shadow: 0 1px black;
3155 outline-color: rgba(238, 238, 236, 0.3); } 3272 outline-color: rgba(238, 238, 236, 0.3);
3273 background-color: #1c1f20; }
3156 .osd scale slider:active { 3274 .osd scale slider:active {
3157 color: white; 3275 color: white;
3158 border-color: rgba(0, 0, 0, 0.7); 3276 border-color: rgba(0, 0, 0, 0.7);
3159 background-color: transparent; 3277 background-color: transparent;
3160 background-image: image(rgba(0, 0, 0, 0.7)); 3278 background-image: image(rgba(0, 0, 0, 0.7));
3161 background-clip: padding-box; 3279 background-clip: padding-box;
3162 box-shadow: none; 3280 box-shadow: none;
3163 text-shadow: none; 3281 text-shadow: none;
3164 -gtk-icon-shadow: none; 3282 -gtk-icon-shadow: none;
3165 outline-color: rgba(238, 238, 236, 0.3); } 3283 outline-color: rgba(238, 238, 236, 0.3);
3284 background-color: #1c1f20; }
3166 .osd scale slider:disabled { 3285 .osd scale slider:disabled {
3167 color: #858786; 3286 color: #858786;
3168 border-color: rgba(0, 0, 0, 0.7); 3287 border-color: rgba(0, 0, 0, 0.7);
3169 background-color: transparent; 3288 background-color: transparent;
3170 background-image: image(rgba(49, 52, 52, 0.5)); 3289 background-image: image(rgba(49, 52, 52, 0.5));
3171 background-clip: padding-box; 3290 background-clip: padding-box;
3172 box-shadow: none; 3291 box-shadow: none;
3173 text-shadow: none; 3292 text-shadow: none;
3174 -gtk-icon-shadow: none; } 3293 -gtk-icon-shadow: none;
3294 background-color: #1c1f20; }
3175 .osd scale slider:backdrop { 3295 .osd scale slider:backdrop {
3176 color: #eeeeec; 3296 color: #eeeeec;
3177 border-color: rgba(0, 0, 0, 0.7); 3297 border-color: rgba(0, 0, 0, 0.7);
3178 background-color: transparent; 3298 background-color: transparent;
3179 background-image: image(rgba(28, 31, 32, 0.7)); 3299 background-image: image(rgba(28, 31, 32, 0.7));
3180 background-clip: padding-box; 3300 background-clip: padding-box;
3181 box-shadow: none; 3301 box-shadow: none;
3182 text-shadow: none; 3302 text-shadow: none;
3183 -gtk-icon-shadow: none; } 3303 -gtk-icon-shadow: none;
3304 background-color: #1c1f20; }
3305 .osd scale slider:backdrop:disabled {
3306 background-color: #1c1f20; }
3184 scale value { 3307 scale value {
3185 color: alpha(currentColor,0.4); } 3308 color: alpha(currentColor,0.55); }
3186 scale marks { 3309 scale marks {
3187 color: alpha(currentColor,0.4); } 3310 color: alpha(currentColor,0.55); }
3188 scale marks.top { 3311 scale marks.top {
3189 margin-bottom: 6px; 3312 margin-bottom: 6px;
3190 margin-top: -12px; } 3313 margin-top: -12px; }
3191 scale marks.bottom { 3314 scale marks.bottom {
3192 margin-top: 6px; 3315 margin-top: 6px;
3221 min-width: 3px; } 3344 min-width: 3px; }
3222 scale.horizontal.marks-before:not(.marks-after) slider { 3345 scale.horizontal.marks-before:not(.marks-after) slider {
3223 margin: -10px; 3346 margin: -10px;
3224 border-style: none; 3347 border-style: none;
3225 border-radius: 0; 3348 border-radius: 0;
3349 background-color: transparent;
3226 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); 3350 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png"));
3227 min-height: 26px; 3351 min-height: 26px;
3228 min-width: 22px; 3352 min-width: 22px;
3229 margin-top: -14px; 3353 margin-top: -14px;
3230 background-position: top; 3354 background-position: top;
3235 margin-top: -11px; } 3359 margin-top: -11px; }
3236 scale.horizontal.marks-before:not(.marks-after) slider:hover { 3360 scale.horizontal.marks-before:not(.marks-after) slider:hover {
3237 margin: -10px; 3361 margin: -10px;
3238 border-style: none; 3362 border-style: none;
3239 border-radius: 0; 3363 border-radius: 0;
3364 background-color: transparent;
3240 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); 3365 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png"));
3241 min-height: 26px; 3366 min-height: 26px;
3242 min-width: 22px; 3367 min-width: 22px;
3243 margin-top: -14px; 3368 margin-top: -14px;
3244 background-position: top; 3369 background-position: top;
3249 margin-top: -11px; } 3374 margin-top: -11px; }
3250 scale.horizontal.marks-before:not(.marks-after) slider:active { 3375 scale.horizontal.marks-before:not(.marks-after) slider:active {
3251 margin: -10px; 3376 margin: -10px;
3252 border-style: none; 3377 border-style: none;
3253 border-radius: 0; 3378 border-radius: 0;
3379 background-color: transparent;
3254 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); 3380 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png"));
3255 min-height: 26px; 3381 min-height: 26px;
3256 min-width: 22px; 3382 min-width: 22px;
3257 margin-top: -14px; 3383 margin-top: -14px;
3258 background-position: top; 3384 background-position: top;
3263 margin-top: -11px; } 3389 margin-top: -11px; }
3264 scale.horizontal.marks-before:not(.marks-after) slider:disabled { 3390 scale.horizontal.marks-before:not(.marks-after) slider:disabled {
3265 margin: -10px; 3391 margin: -10px;
3266 border-style: none; 3392 border-style: none;
3267 border-radius: 0; 3393 border-radius: 0;
3394 background-color: transparent;
3268 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); 3395 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png"));
3269 min-height: 26px; 3396 min-height: 26px;
3270 min-width: 22px; 3397 min-width: 22px;
3271 margin-top: -14px; 3398 margin-top: -14px;
3272 background-position: top; 3399 background-position: top;
3277 margin-top: -11px; } 3404 margin-top: -11px; }
3278 scale.horizontal.marks-before:not(.marks-after) slider:backdrop { 3405 scale.horizontal.marks-before:not(.marks-after) slider:backdrop {
3279 margin: -10px; 3406 margin: -10px;
3280 border-style: none; 3407 border-style: none;
3281 border-radius: 0; 3408 border-radius: 0;
3409 background-color: transparent;
3282 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), url("assets/slider-horz-scale-has-marks-above-backdrop@2.png")); 3410 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), url("assets/slider-horz-scale-has-marks-above-backdrop@2.png"));
3283 min-height: 26px; 3411 min-height: 26px;
3284 min-width: 22px; 3412 min-width: 22px;
3285 margin-top: -14px; 3413 margin-top: -14px;
3286 background-position: top; 3414 background-position: top;
3291 margin-top: -11px; } 3419 margin-top: -11px; }
3292 scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { 3420 scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled {
3293 margin: -10px; 3421 margin: -10px;
3294 border-style: none; 3422 border-style: none;
3295 border-radius: 0; 3423 border-radius: 0;
3424 background-color: transparent;
3296 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png")); 3425 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png"));
3297 min-height: 26px; 3426 min-height: 26px;
3298 min-width: 22px; 3427 min-width: 22px;
3299 margin-top: -14px; 3428 margin-top: -14px;
3300 background-position: top; 3429 background-position: top;
3305 margin-top: -11px; } 3434 margin-top: -11px; }
3306 scale.horizontal.marks-after:not(.marks-before) slider { 3435 scale.horizontal.marks-after:not(.marks-before) slider {
3307 margin: -10px; 3436 margin: -10px;
3308 border-style: none; 3437 border-style: none;
3309 border-radius: 0; 3438 border-radius: 0;
3439 background-color: transparent;
3310 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); 3440 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png"));
3311 min-height: 26px; 3441 min-height: 26px;
3312 min-width: 22px; 3442 min-width: 22px;
3313 margin-bottom: -14px; 3443 margin-bottom: -14px;
3314 background-position: bottom; 3444 background-position: bottom;
3319 margin-bottom: -11px; } 3449 margin-bottom: -11px; }
3320 scale.horizontal.marks-after:not(.marks-before) slider:hover { 3450 scale.horizontal.marks-after:not(.marks-before) slider:hover {
3321 margin: -10px; 3451 margin: -10px;
3322 border-style: none; 3452 border-style: none;
3323 border-radius: 0; 3453 border-radius: 0;
3454 background-color: transparent;
3324 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); 3455 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png"));
3325 min-height: 26px; 3456 min-height: 26px;
3326 min-width: 22px; 3457 min-width: 22px;
3327 margin-bottom: -14px; 3458 margin-bottom: -14px;
3328 background-position: bottom; 3459 background-position: bottom;
3333 margin-bottom: -11px; } 3464 margin-bottom: -11px; }
3334 scale.horizontal.marks-after:not(.marks-before) slider:active { 3465 scale.horizontal.marks-after:not(.marks-before) slider:active {
3335 margin: -10px; 3466 margin: -10px;
3336 border-style: none; 3467 border-style: none;
3337 border-radius: 0; 3468 border-radius: 0;
3469 background-color: transparent;
3338 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); 3470 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png"));
3339 min-height: 26px; 3471 min-height: 26px;
3340 min-width: 22px; 3472 min-width: 22px;
3341 margin-bottom: -14px; 3473 margin-bottom: -14px;
3342 background-position: bottom; 3474 background-position: bottom;
3347 margin-bottom: -11px; } 3479 margin-bottom: -11px; }
3348 scale.horizontal.marks-after:not(.marks-before) slider:disabled { 3480 scale.horizontal.marks-after:not(.marks-before) slider:disabled {
3349 margin: -10px; 3481 margin: -10px;
3350 border-style: none; 3482 border-style: none;
3351 border-radius: 0; 3483 border-radius: 0;
3484 background-color: transparent;
3352 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); 3485 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png"));
3353 min-height: 26px; 3486 min-height: 26px;
3354 min-width: 22px; 3487 min-width: 22px;
3355 margin-bottom: -14px; 3488 margin-bottom: -14px;
3356 background-position: bottom; 3489 background-position: bottom;
3361 margin-bottom: -11px; } 3494 margin-bottom: -11px; }
3362 scale.horizontal.marks-after:not(.marks-before) slider:backdrop { 3495 scale.horizontal.marks-after:not(.marks-before) slider:backdrop {
3363 margin: -10px; 3496 margin: -10px;
3364 border-style: none; 3497 border-style: none;
3365 border-radius: 0; 3498 border-radius: 0;
3499 background-color: transparent;
3366 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), url("assets/slider-horz-scale-has-marks-below-backdrop@2.png")); 3500 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), url("assets/slider-horz-scale-has-marks-below-backdrop@2.png"));
3367 min-height: 26px; 3501 min-height: 26px;
3368 min-width: 22px; 3502 min-width: 22px;
3369 margin-bottom: -14px; 3503 margin-bottom: -14px;
3370 background-position: bottom; 3504 background-position: bottom;
3375 margin-bottom: -11px; } 3509 margin-bottom: -11px; }
3376 scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { 3510 scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled {
3377 margin: -10px; 3511 margin: -10px;
3378 border-style: none; 3512 border-style: none;
3379 border-radius: 0; 3513 border-radius: 0;
3514 background-color: transparent;
3380 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png")); 3515 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png"));
3381 min-height: 26px; 3516 min-height: 26px;
3382 min-width: 22px; 3517 min-width: 22px;
3383 margin-bottom: -14px; 3518 margin-bottom: -14px;
3384 background-position: bottom; 3519 background-position: bottom;
3389 margin-bottom: -11px; } 3524 margin-bottom: -11px; }
3390 scale.vertical.marks-before:not(.marks-after) slider { 3525 scale.vertical.marks-before:not(.marks-after) slider {
3391 margin: -10px; 3526 margin: -10px;
3392 border-style: none; 3527 border-style: none;
3393 border-radius: 0; 3528 border-radius: 0;
3529 background-color: transparent;
3394 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); 3530 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png"));
3395 min-height: 22px; 3531 min-height: 22px;
3396 min-width: 26px; 3532 min-width: 26px;
3397 margin-left: -14px; 3533 margin-left: -14px;
3398 background-position: left bottom; 3534 background-position: left bottom;
3403 margin-left: -11px; } 3539 margin-left: -11px; }
3404 scale.vertical.marks-before:not(.marks-after) slider:hover { 3540 scale.vertical.marks-before:not(.marks-after) slider:hover {
3405 margin: -10px; 3541 margin: -10px;
3406 border-style: none; 3542 border-style: none;
3407 border-radius: 0; 3543 border-radius: 0;
3544 background-color: transparent;
3408 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); 3545 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png"));
3409 min-height: 22px; 3546 min-height: 22px;
3410 min-width: 26px; 3547 min-width: 26px;
3411 margin-left: -14px; 3548 margin-left: -14px;
3412 background-position: left bottom; 3549 background-position: left bottom;
3417 margin-left: -11px; } 3554 margin-left: -11px; }
3418 scale.vertical.marks-before:not(.marks-after) slider:active { 3555 scale.vertical.marks-before:not(.marks-after) slider:active {
3419 margin: -10px; 3556 margin: -10px;
3420 border-style: none; 3557 border-style: none;
3421 border-radius: 0; 3558 border-radius: 0;
3559 background-color: transparent;
3422 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); 3560 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png"));
3423 min-height: 22px; 3561 min-height: 22px;
3424 min-width: 26px; 3562 min-width: 26px;
3425 margin-left: -14px; 3563 margin-left: -14px;
3426 background-position: left bottom; 3564 background-position: left bottom;
3431 margin-left: -11px; } 3569 margin-left: -11px; }
3432 scale.vertical.marks-before:not(.marks-after) slider:disabled { 3570 scale.vertical.marks-before:not(.marks-after) slider:disabled {
3433 margin: -10px; 3571 margin: -10px;
3434 border-style: none; 3572 border-style: none;
3435 border-radius: 0; 3573 border-radius: 0;
3574 background-color: transparent;
3436 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); 3575 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png"));
3437 min-height: 22px; 3576 min-height: 22px;
3438 min-width: 26px; 3577 min-width: 26px;
3439 margin-left: -14px; 3578 margin-left: -14px;
3440 background-position: left bottom; 3579 background-position: left bottom;
3445 margin-left: -11px; } 3584 margin-left: -11px; }
3446 scale.vertical.marks-before:not(.marks-after) slider:backdrop { 3585 scale.vertical.marks-before:not(.marks-after) slider:backdrop {
3447 margin: -10px; 3586 margin: -10px;
3448 border-style: none; 3587 border-style: none;
3449 border-radius: 0; 3588 border-radius: 0;
3589 background-color: transparent;
3450 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), url("assets/slider-vert-scale-has-marks-above-backdrop@2.png")); 3590 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), url("assets/slider-vert-scale-has-marks-above-backdrop@2.png"));
3451 min-height: 22px; 3591 min-height: 22px;
3452 min-width: 26px; 3592 min-width: 26px;
3453 margin-left: -14px; 3593 margin-left: -14px;
3454 background-position: left bottom; 3594 background-position: left bottom;
3459 margin-left: -11px; } 3599 margin-left: -11px; }
3460 scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { 3600 scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled {
3461 margin: -10px; 3601 margin: -10px;
3462 border-style: none; 3602 border-style: none;
3463 border-radius: 0; 3603 border-radius: 0;
3604 background-color: transparent;
3464 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png")); 3605 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png"));
3465 min-height: 22px; 3606 min-height: 22px;
3466 min-width: 26px; 3607 min-width: 26px;
3467 margin-left: -14px; 3608 margin-left: -14px;
3468 background-position: left bottom; 3609 background-position: left bottom;
3473 margin-left: -11px; } 3614 margin-left: -11px; }
3474 scale.vertical.marks-after:not(.marks-before) slider { 3615 scale.vertical.marks-after:not(.marks-before) slider {
3475 margin: -10px; 3616 margin: -10px;
3476 border-style: none; 3617 border-style: none;
3477 border-radius: 0; 3618 border-radius: 0;
3619 background-color: transparent;
3478 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); 3620 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png"));
3479 min-height: 22px; 3621 min-height: 22px;
3480 min-width: 26px; 3622 min-width: 26px;
3481 margin-right: -14px; 3623 margin-right: -14px;
3482 background-position: right bottom; 3624 background-position: right bottom;
3487 margin-right: -11px; } 3629 margin-right: -11px; }
3488 scale.vertical.marks-after:not(.marks-before) slider:hover { 3630 scale.vertical.marks-after:not(.marks-before) slider:hover {
3489 margin: -10px; 3631 margin: -10px;
3490 border-style: none; 3632 border-style: none;
3491 border-radius: 0; 3633 border-radius: 0;
3634 background-color: transparent;
3492 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); 3635 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png"));
3493 min-height: 22px; 3636 min-height: 22px;
3494 min-width: 26px; 3637 min-width: 26px;
3495 margin-right: -14px; 3638 margin-right: -14px;
3496 background-position: right bottom; 3639 background-position: right bottom;
3501 margin-right: -11px; } 3644 margin-right: -11px; }
3502 scale.vertical.marks-after:not(.marks-before) slider:active { 3645 scale.vertical.marks-after:not(.marks-before) slider:active {
3503 margin: -10px; 3646 margin: -10px;
3504 border-style: none; 3647 border-style: none;
3505 border-radius: 0; 3648 border-radius: 0;
3649 background-color: transparent;
3506 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); 3650 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png"));
3507 min-height: 22px; 3651 min-height: 22px;
3508 min-width: 26px; 3652 min-width: 26px;
3509 margin-right: -14px; 3653 margin-right: -14px;
3510 background-position: right bottom; 3654 background-position: right bottom;
3515 margin-right: -11px; } 3659 margin-right: -11px; }
3516 scale.vertical.marks-after:not(.marks-before) slider:disabled { 3660 scale.vertical.marks-after:not(.marks-before) slider:disabled {
3517 margin: -10px; 3661 margin: -10px;
3518 border-style: none; 3662 border-style: none;
3519 border-radius: 0; 3663 border-radius: 0;
3664 background-color: transparent;
3520 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); 3665 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png"));
3521 min-height: 22px; 3666 min-height: 22px;
3522 min-width: 26px; 3667 min-width: 26px;
3523 margin-right: -14px; 3668 margin-right: -14px;
3524 background-position: right bottom; 3669 background-position: right bottom;
3529 margin-right: -11px; } 3674 margin-right: -11px; }
3530 scale.vertical.marks-after:not(.marks-before) slider:backdrop { 3675 scale.vertical.marks-after:not(.marks-before) slider:backdrop {
3531 margin: -10px; 3676 margin: -10px;
3532 border-style: none; 3677 border-style: none;
3533 border-radius: 0; 3678 border-radius: 0;
3679 background-color: transparent;
3534 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), url("assets/slider-vert-scale-has-marks-below-backdrop@2.png")); 3680 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), url("assets/slider-vert-scale-has-marks-below-backdrop@2.png"));
3535 min-height: 22px; 3681 min-height: 22px;
3536 min-width: 26px; 3682 min-width: 26px;
3537 margin-right: -14px; 3683 margin-right: -14px;
3538 background-position: right bottom; 3684 background-position: right bottom;
3543 margin-right: -11px; } 3689 margin-right: -11px; }
3544 scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { 3690 scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled {
3545 margin: -10px; 3691 margin: -10px;
3546 border-style: none; 3692 border-style: none;
3547 border-radius: 0; 3693 border-radius: 0;
3694 background-color: transparent;
3548 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png")); 3695 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png"));
3549 min-height: 22px; 3696 min-height: 22px;
3550 min-width: 26px; 3697 min-width: 26px;
3551 margin-right: -14px; 3698 margin-right: -14px;
3552 background-position: right bottom; 3699 background-position: right bottom;
3557 margin-right: -11px; } 3704 margin-right: -11px; }
3558 scale.color { 3705 scale.color {
3559 min-height: 0; 3706 min-height: 0;
3560 min-width: 0; } 3707 min-width: 0; }
3561 scale.color trough { 3708 scale.color trough {
3562 background-image: linear-gradient(to top, #7a7a7a); 3709 background-image: image(#7a7a7a);
3563 background-repeat: no-repeat; } 3710 background-repeat: no-repeat; }
3564 scale.color.horizontal { 3711 scale.color.horizontal {
3565 padding: 0 0 15px 0; } 3712 padding: 0 0 15px 0; }
3566 scale.color.horizontal trough { 3713 scale.color.horizontal trough {
3567 padding-bottom: 4px; 3714 padding-bottom: 4px;
3659 background-color: transparent; 3806 background-color: transparent;
3660 box-shadow: none; } 3807 box-shadow: none; }
3661 progressbar.osd progress { 3808 progressbar.osd progress {
3662 border-style: none; 3809 border-style: none;
3663 border-radius: 0; } 3810 border-radius: 0; }
3811 progressbar trough.empty progress {
3812 all: unset; }
3664 3813
3665 /************* 3814 /*************
3666 * Level Bar * 3815 * Level Bar *
3667 *************/ 3816 *************/
3668 levelbar block { 3817 levelbar block {
3690 margin: 0 1px; } 3839 margin: 0 1px; }
3691 levelbar.vertical.discrete block { 3840 levelbar.vertical.discrete block {
3692 margin: 1px 0; } 3841 margin: 1px 0; }
3693 levelbar block { 3842 levelbar block {
3694 border: 1px solid; 3843 border: 1px solid;
3695 border-radius: 1px; 3844 border-radius: 1px; }
3696 box-shadow: 0 1px rgba(0, 0, 0, 0.2); }
3697 levelbar block:backdrop {
3698 box-shadow: none; }
3699 levelbar block.low { 3845 levelbar block.low {
3700 border-color: #8f4700; 3846 border-color: #8f4700;
3701 background-color: #f57900; } 3847 background-color: #f57900; }
3702 levelbar block.low:backdrop { 3848 levelbar block.low:backdrop {
3703 border-color: #f57900; } 3849 border-color: #f57900; }
3711 background-color: #73d216; } 3857 background-color: #73d216; }
3712 levelbar block.full:backdrop { 3858 levelbar block.full:backdrop {
3713 border-color: #73d216; } 3859 border-color: #73d216; }
3714 levelbar block.empty { 3860 levelbar block.empty {
3715 background-color: transparent; 3861 background-color: transparent;
3716 border-color: rgba(22, 22, 22, 0.2); 3862 border-color: rgba(22, 22, 22, 0.2); }
3717 box-shadow: none; }
3718 levelbar block.empty:backdrop { 3863 levelbar block.empty:backdrop {
3719 border-color: rgba(110, 110, 110, 0.15); } 3864 border-color: rgba(110, 110, 110, 0.15); }
3720 3865
3721 /**************** 3866 /****************
3722 * Print dialog * 3867 * Print dialog *
4248 color: white; } 4393 color: white; }
4249 4394
4250 /***************** 4395 /*****************
4251 * Color Chooser * 4396 * Color Chooser *
4252 *****************/ 4397 *****************/
4253 colorswatch, colorswatch:drop(active) { 4398 colorswatch:drop(active), colorswatch {
4254 border-style: none; } 4399 border-style: none; }
4255 colorswatch.top { 4400 colorswatch.top {
4256 border-top-left-radius: 5.5px; 4401 border-top-left-radius: 5.5px;
4257 border-top-right-radius: 5.5px; } 4402 border-top-right-radius: 5.5px; }
4258 colorswatch.top overlay { 4403 colorswatch.top overlay {
4295 box-shadow: inset 0 0 0 2px #3d7805, inset 0 0 0 1px #4e9a06; } 4440 box-shadow: inset 0 0 0 2px #3d7805, inset 0 0 0 1px #4e9a06; }
4296 colorswatch:drop(active).dark overlay { 4441 colorswatch:drop(active).dark overlay {
4297 border-color: #4e9a06; 4442 border-color: #4e9a06;
4298 box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #4e9a06; } 4443 box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #4e9a06; }
4299 colorswatch overlay { 4444 colorswatch overlay {
4300 box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.7);
4301 border: 1px solid rgba(0, 0, 0, 0.3); } 4445 border: 1px solid rgba(0, 0, 0, 0.3); }
4302 colorswatch overlay:hover { 4446 colorswatch overlay:hover {
4303 box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } 4447 box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); }
4304 colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { 4448 colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover {
4305 border-color: rgba(0, 0, 0, 0.3); 4449 border-color: rgba(0, 0, 0, 0.3);
4306 box-shadow: none; } 4450 box-shadow: none; }
4307 colorswatch#add-color-button { 4451 colorswatch#add-color-button {
4308 border-radius: 5px 5px 0 0; } 4452 border-radius: 5px 5px 0 0; }
4391 box-shadow: none; } 4535 box-shadow: none; }
4392 messagedialog.csd decoration { 4536 messagedialog.csd decoration {
4393 border-radius: 7px; 4537 border-radius: 7px;
4394 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } 4538 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
4395 .solid-csd decoration { 4539 .solid-csd decoration {
4540 margin: 0;
4541 padding: 4px;
4542 background-color: #7a7a7a;
4543 border: solid 1px #7a7a7a;
4396 border-radius: 0; 4544 border-radius: 0;
4397 margin: 4px; 4545 box-shadow: inset 0 0 0 3px #f4f4f4, inset 0 1px rgba(255, 255, 255, 0.1); }
4398 background-color: #C6C6C6; 4546 .solid-csd decoration:backdrop {
4399 border: solid 1px #828282; 4547 box-shadow: inset 0 0 0 3px #C6C6C6, inset 0 1px rgba(255, 255, 255, 0.1); }
4400 box-shadow: none; }
4401 4548
4402 button.titlebutton { 4549 button.titlebutton {
4403 text-shadow: 0 1px rgba(255, 255, 255, 0.76923); 4550 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
4404 -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); } 4551 -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); }
4405 button.titlebutton:backdrop { 4552 button.titlebutton:backdrop {
4420 .view text:selected, 4567 .view text:selected,
4421 iconview text:selected, 4568 iconview text:selected,
4422 textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, 4569 textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
4423 textview text selection:focus, 4570 textview text selection:focus,
4424 textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, 4571 textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
4425 entry selection, modelbutton.flat:selected, popover.background checkbutton:selected, 4572 entry selection, modelbutton.flat:selected,
4426 popover.background radiobutton:selected,
4427 .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { 4573 .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
4428 background-color: #5E7F3E; } 4574 background-color: #5E7F3E; }
4429 row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, 4575 row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
4430 .view text:selected:focus, 4576 .view text:selected:focus,
4431 iconview text:selected:focus, 4577 iconview text:selected:focus,
4433 .view text:selected, 4579 .view text:selected,
4434 iconview text:selected, 4580 iconview text:selected,
4435 textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, 4581 textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
4436 textview text selection:focus, 4582 textview text selection:focus,
4437 textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, 4583 textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
4438 entry selection, modelbutton.flat:selected, popover.background checkbutton:selected, 4584 entry selection, modelbutton.flat:selected,
4439 popover.background radiobutton:selected,
4440 .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { 4585 .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
4441 color: #ffffff; 4586 color: #ffffff; }
4442 outline-color: rgba(255, 255, 255, 0.3); }
4443 row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, 4587 row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected,
4444 iconview text:disabled:selected:focus, 4588 iconview text:disabled:selected:focus,
4445 textview text:disabled:selected:focus, 4589 textview text:disabled:selected:focus,
4446 .view text:disabled:selected, 4590 .view text:disabled:selected,
4447 iconview text:disabled:selected, 4591 iconview text:disabled:selected,
4448 textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, 4592 textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled,
4449 textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, 4593 textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled,
4450 entry selection:disabled, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected, 4594 entry selection:disabled, modelbutton.flat:disabled:selected,
4451 popover.background radiobutton:disabled:selected,
4452 .menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected { 4595 .menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected {
4453 color: #afbf9f; } 4596 color: #afbf9f; }
4454 row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, 4597 row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected,
4455 iconview text:backdrop:selected:focus, 4598 iconview text:backdrop:selected:focus,
4456 textview text:backdrop:selected:focus, 4599 textview text:backdrop:selected:focus,
4457 .view text:backdrop:selected, 4600 .view text:backdrop:selected,
4458 iconview text:backdrop:selected, 4601 iconview text:backdrop:selected,
4459 textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, 4602 textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop,
4460 textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, spinbutton:not(.vertical) selection:backdrop, 4603 textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, spinbutton:not(.vertical) selection:backdrop,
4461 entry selection:backdrop, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, 4604 entry selection:backdrop, modelbutton.flat:backdrop:selected,
4462 popover.background radiobutton:backdrop:selected,
4463 .menuitem.button.flat:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { 4605 .menuitem.button.flat:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected {
4464 color: #ffffff; } 4606 color: #ffffff; }
4465 row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, 4607 row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected,
4466 .view text:backdrop:disabled:selected, 4608 .view text:backdrop:disabled:selected,
4467 iconview text:backdrop:disabled:selected, 4609 iconview text:backdrop:disabled:selected,
4468 textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, 4610 textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled,
4469 textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, spinbutton:not(.vertical) selection:backdrop:disabled, 4611 textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, spinbutton:not(.vertical) selection:backdrop:disabled,
4470 entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, 4612 entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected,
4471 popover.background radiobutton:backdrop:disabled:selected,
4472 .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { 4613 .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected {
4473 color: #8ea578; } 4614 color: #8ea578; }
4474 4615
4475 .monospace { 4616 .monospace {
4476 font: Monospace; } 4617 font-family: monospace; }
4477 4618
4478 /********************** 4619 /**********************
4479 * Touch Copy & Paste * 4620 * Touch Copy & Paste *
4480 *********************/ 4621 *********************/
4481 cursor-handle { 4622 cursor-handle {
4509 -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); } 4650 -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); }
4510 4651
4511 .context-menu { 4652 .context-menu {
4512 font: initial; } 4653 font: initial; }
4513 4654
4514 button.circular {
4515 border-radius: 9999px;
4516 -gtk-outline-radius: 9999px; }
4517 button.circular label {
4518 padding: 0; }
4519
4520 .keycap { 4655 .keycap {
4521 min-width: 20px; 4656 min-width: 20px;
4522 min-height: 25px; 4657 min-height: 25px;
4523 margin-top: 2px; 4658 margin-top: 2px;
4524 padding-bottom: 3px; 4659 padding-bottom: 3px;
4537 transition: 200ms ease-out; } 4672 transition: 200ms ease-out; }
4538 4673
4539 :not(decoration):not(window):drop(active):focus, 4674 :not(decoration):not(window):drop(active):focus,
4540 :not(decoration):not(window):drop(active) { 4675 :not(decoration):not(window):drop(active) {
4541 border-color: #4e9a06; 4676 border-color: #4e9a06;
4542 box-shadow: inset 0 0 0 1px #4e9a06; } 4677 box-shadow: inset 0 0 0 1px #4e9a06;
4678 caret-color: #4e9a06; }
4543 4679
4544 stackswitcher button.text-button { 4680 stackswitcher button.text-button {
4545 min-width: 100px; } 4681 min-width: 100px; }
4546 4682
4547 stackswitcher button.circular, 4683 stackswitcher button.circular,