From 7b030bfb38d9a7a798254e644c6bf1a7a66fad88 Mon Sep 17 00:00:00 2001 From: Sam Hewitt Date: Mon, 18 Apr 2016 18:39:13 -0400 Subject: [PATCH] theme bundling --- Paper/{gtk-3.0 => }/README.md | 0 Paper/assets/checkbox-checked-active.png | Bin 0 -> 571 bytes Paper/assets/checkbox-checked-active@2.png | Bin 0 -> 1008 bytes .../assets/checkbox-checked-backdrop-dark.png | Bin 0 -> 545 bytes .../checkbox-checked-backdrop-dark@2.png | Bin 0 -> 907 bytes Paper/assets/checkbox-checked-backdrop.png | Bin 0 -> 560 bytes Paper/assets/checkbox-checked-backdrop@2.png | Bin 0 -> 932 bytes Paper/assets/checkbox-checked-dark.png | Bin 0 -> 545 bytes Paper/assets/checkbox-checked-dark@2.png | Bin 0 -> 895 bytes Paper/assets/checkbox-checked-hover-dark.png | Bin 0 -> 545 bytes .../assets/checkbox-checked-hover-dark@2.png | Bin 0 -> 895 bytes Paper/assets/checkbox-checked-hover.png | Bin 0 -> 544 bytes Paper/assets/checkbox-checked-hover@2.png | Bin 0 -> 933 bytes .../checkbox-checked-insensitive-backdrop.png | Bin 0 -> 526 bytes ...heckbox-checked-insensitive-backdrop@2.png | Bin 0 -> 889 bytes .../checkbox-checked-insensitive-dark.png | Bin 0 -> 423 bytes .../checkbox-checked-insensitive-dark@2.png | Bin 0 -> 672 bytes Paper/assets/checkbox-checked-insensitive.png | Bin 0 -> 525 bytes .../assets/checkbox-checked-insensitive@2.png | Bin 0 -> 908 bytes Paper/assets/checkbox-checked.png | Bin 0 -> 544 bytes Paper/assets/checkbox-checked@2.png | Bin 0 -> 933 bytes Paper/assets/checkbox-mixed-active.png | Bin 0 -> 379 bytes Paper/assets/checkbox-mixed-active@2.png | Bin 0 -> 575 bytes Paper/assets/checkbox-mixed-backdrop-dark.png | Bin 0 -> 331 bytes .../assets/checkbox-mixed-backdrop-dark@2.png | Bin 0 -> 430 bytes Paper/assets/checkbox-mixed-backdrop.png | Bin 0 -> 358 bytes Paper/assets/checkbox-mixed-backdrop@2.png | Bin 0 -> 480 bytes Paper/assets/checkbox-mixed-dark.png | Bin 0 -> 331 bytes Paper/assets/checkbox-mixed-dark@2.png | Bin 0 -> 430 bytes Paper/assets/checkbox-mixed-hover-dark.png | Bin 0 -> 331 bytes Paper/assets/checkbox-mixed-hover-dark@2.png | Bin 0 -> 430 bytes Paper/assets/checkbox-mixed-hover.png | Bin 0 -> 324 bytes Paper/assets/checkbox-mixed-hover@2.png | Bin 0 -> 467 bytes .../checkbox-mixed-insensitive-backdrop.png | Bin 0 -> 330 bytes .../checkbox-mixed-insensitive-backdrop@2.png | Bin 0 -> 452 bytes .../checkbox-mixed-insensitive-dark.png | Bin 0 -> 320 bytes .../checkbox-mixed-insensitive-dark@2.png | Bin 0 -> 418 bytes Paper/assets/checkbox-mixed-insensitive.png | Bin 0 -> 343 bytes Paper/assets/checkbox-mixed-insensitive@2.png | Bin 0 -> 466 bytes Paper/assets/checkbox-mixed.png | Bin 0 -> 324 bytes Paper/assets/checkbox-mixed@2.png | Bin 0 -> 467 bytes Paper/assets/checkbox-unchecked-active.png | Bin 0 -> 361 bytes Paper/assets/checkbox-unchecked-active@2.png | Bin 0 -> 552 bytes .../checkbox-unchecked-backdrop-dark.png | Bin 0 -> 298 bytes .../checkbox-unchecked-backdrop-dark@2.png | Bin 0 -> 395 bytes Paper/assets/checkbox-unchecked-backdrop.png | Bin 0 -> 321 bytes .../assets/checkbox-unchecked-backdrop@2.png | Bin 0 -> 438 bytes Paper/assets/checkbox-unchecked-dark.png | Bin 0 -> 298 bytes Paper/assets/checkbox-unchecked-dark@2.png | Bin 0 -> 395 bytes .../assets/checkbox-unchecked-hover-dark.png | Bin 0 -> 298 bytes .../checkbox-unchecked-hover-dark@2.png | Bin 0 -> 395 bytes Paper/assets/checkbox-unchecked-hover.png | Bin 0 -> 304 bytes Paper/assets/checkbox-unchecked-hover@2.png | Bin 0 -> 426 bytes ...heckbox-unchecked-insensitive-backdrop.png | Bin 0 -> 310 bytes ...ckbox-unchecked-insensitive-backdrop@2.png | Bin 0 -> 422 bytes .../checkbox-unchecked-insensitive-dark.png | Bin 0 -> 298 bytes .../checkbox-unchecked-insensitive-dark@2.png | Bin 0 -> 395 bytes .../assets/checkbox-unchecked-insensitive.png | Bin 0 -> 321 bytes .../checkbox-unchecked-insensitive@2.png | Bin 0 -> 444 bytes Paper/assets/checkbox-unchecked.png | Bin 0 -> 304 bytes Paper/assets/checkbox-unchecked@2.png | Bin 0 -> 426 bytes Paper/assets/radio-checked-active.png | Bin 0 -> 785 bytes Paper/assets/radio-checked-active@2.png | Bin 0 -> 1590 bytes Paper/assets/radio-checked-backdrop-dark.png | Bin 0 -> 497 bytes .../assets/radio-checked-backdrop-dark@2.png | Bin 0 -> 996 bytes Paper/assets/radio-checked-backdrop.png | Bin 0 -> 642 bytes Paper/assets/radio-checked-backdrop@2.png | Bin 0 -> 1245 bytes Paper/assets/radio-checked-dark.png | Bin 0 -> 497 bytes Paper/assets/radio-checked-dark@2.png | Bin 0 -> 978 bytes Paper/assets/radio-checked-hover-dark.png | Bin 0 -> 497 bytes Paper/assets/radio-checked-hover-dark@2.png | Bin 0 -> 978 bytes Paper/assets/radio-checked-hover.png | Bin 0 -> 596 bytes Paper/assets/radio-checked-hover@2.png | Bin 0 -> 1146 bytes .../radio-checked-insensitive-backdrop.png | Bin 0 -> 573 bytes .../radio-checked-insensitive-backdrop@2.png | Bin 0 -> 1193 bytes .../assets/radio-checked-insensitive-dark.png | Bin 0 -> 463 bytes .../radio-checked-insensitive-dark@2.png | Bin 0 -> 878 bytes Paper/assets/radio-checked-insensitive.png | Bin 0 -> 644 bytes Paper/assets/radio-checked-insensitive@2.png | Bin 0 -> 1315 bytes Paper/assets/radio-checked.png | Bin 0 -> 596 bytes Paper/assets/radio-checked@2.png | Bin 0 -> 1146 bytes Paper/assets/radio-mixed-active.png | Bin 0 -> 696 bytes Paper/assets/radio-mixed-active@2.png | Bin 0 -> 1406 bytes Paper/assets/radio-mixed-backdrop-dark.png | Bin 0 -> 440 bytes Paper/assets/radio-mixed-backdrop-dark@2.png | Bin 0 -> 797 bytes Paper/assets/radio-mixed-backdrop.png | Bin 0 -> 563 bytes Paper/assets/radio-mixed-backdrop@2.png | Bin 0 -> 1057 bytes Paper/assets/radio-mixed-dark.png | Bin 0 -> 440 bytes Paper/assets/radio-mixed-dark@2.png | Bin 0 -> 797 bytes Paper/assets/radio-mixed-hover-dark.png | Bin 0 -> 440 bytes Paper/assets/radio-mixed-hover-dark@2.png | Bin 0 -> 797 bytes Paper/assets/radio-mixed-hover.png | Bin 0 -> 482 bytes Paper/assets/radio-mixed-hover@2.png | Bin 0 -> 974 bytes .../radio-mixed-insensitive-backdrop.png | Bin 0 -> 531 bytes .../radio-mixed-insensitive-backdrop@2.png | Bin 0 -> 1001 bytes Paper/assets/radio-mixed-insensitive-dark.png | Bin 0 -> 433 bytes .../assets/radio-mixed-insensitive-dark@2.png | Bin 0 -> 783 bytes Paper/assets/radio-mixed-insensitive.png | Bin 0 -> 563 bytes Paper/assets/radio-mixed-insensitive@2.png | Bin 0 -> 1121 bytes Paper/assets/radio-mixed.png | Bin 0 -> 482 bytes Paper/assets/radio-mixed@2.png | Bin 0 -> 974 bytes Paper/assets/radio-unchecked-active.png | Bin 0 -> 676 bytes Paper/assets/radio-unchecked-active@2.png | Bin 0 -> 1370 bytes .../assets/radio-unchecked-backdrop-dark.png | Bin 0 -> 423 bytes .../radio-unchecked-backdrop-dark@2.png | Bin 0 -> 761 bytes Paper/assets/radio-unchecked-backdrop.png | Bin 0 -> 544 bytes Paper/assets/radio-unchecked-backdrop@2.png | Bin 0 -> 1025 bytes Paper/assets/radio-unchecked-dark.png | Bin 0 -> 423 bytes Paper/assets/radio-unchecked-dark@2.png | Bin 0 -> 761 bytes Paper/assets/radio-unchecked-hover-dark.png | Bin 0 -> 423 bytes Paper/assets/radio-unchecked-hover-dark@2.png | Bin 0 -> 761 bytes Paper/assets/radio-unchecked-hover.png | Bin 0 -> 485 bytes Paper/assets/radio-unchecked-hover@2.png | Bin 0 -> 945 bytes .../radio-unchecked-insensitive-backdrop.png | Bin 0 -> 514 bytes ...radio-unchecked-insensitive-backdrop@2.png | Bin 0 -> 975 bytes .../radio-unchecked-insensitive-dark.png | Bin 0 -> 423 bytes .../radio-unchecked-insensitive-dark@2.png | Bin 0 -> 761 bytes Paper/assets/radio-unchecked-insensitive.png | Bin 0 -> 548 bytes .../assets/radio-unchecked-insensitive@2.png | Bin 0 -> 1097 bytes Paper/assets/radio-unchecked.png | Bin 0 -> 485 bytes Paper/assets/radio-unchecked@2.png | Bin 0 -> 945 bytes .../assets/scalable/bullet-symbolic.svg | 0 .../scalable/grid-selection-checked.svg | 146 + .../scalable/grid-selection-unchecked.svg | 140 + .../scalable/pane-separator-grip-prelight.svg | 109 + .../pane-separator-grip-vertical-prelight.svg | 113 + .../scalable/pane-separator-grip-vertical.svg | 113 + Paper/assets/scalable/pane-separator-grip.svg | 113 + .../scalable/sidebar-radio-checked-dark.svg | 66 + .../assets/scalable/sidebar-radio-checked.svg | 66 + .../scalable/sidebar-radio-prelight.svg | 66 + .../scalable/sidebar-radio-selected-dark.svg | 66 + .../sidebar-radio-selected-prelight.svg | 66 + .../scalable/sidebar-radio-selected.svg | 66 + .../assets/selected-checkbox-checked-dark.png | Bin 0 -> 562 bytes .../selected-checkbox-checked-dark@2.png | Bin 0 -> 926 bytes Paper/assets/selected-checkbox-checked.png | Bin 0 -> 571 bytes Paper/assets/selected-checkbox-checked@2.png | Bin 0 -> 1008 bytes Paper/assets/selected-checkbox-mixed-dark.png | Bin 0 -> 363 bytes .../assets/selected-checkbox-mixed-dark@2.png | Bin 0 -> 524 bytes Paper/assets/selected-checkbox-mixed.png | Bin 0 -> 379 bytes Paper/assets/selected-checkbox-mixed@2.png | Bin 0 -> 575 bytes .../selected-checkbox-unchecked-dark.png | Bin 0 -> 346 bytes .../selected-checkbox-unchecked-dark@2.png | Bin 0 -> 498 bytes Paper/assets/selected-checkbox-unchecked.png | Bin 0 -> 361 bytes .../assets/selected-checkbox-unchecked@2.png | Bin 0 -> 552 bytes Paper/assets/selected-radio-checked-dark.png | Bin 0 -> 688 bytes .../assets/selected-radio-checked-dark@2.png | Bin 0 -> 1374 bytes Paper/assets/selected-radio-checked.png | Bin 0 -> 785 bytes Paper/assets/selected-radio-checked@2.png | Bin 0 -> 1590 bytes Paper/assets/selected-radio-mixed-dark.png | Bin 0 -> 614 bytes Paper/assets/selected-radio-mixed-dark@2.png | Bin 0 -> 1191 bytes Paper/assets/selected-radio-mixed.png | Bin 0 -> 696 bytes Paper/assets/selected-radio-mixed@2.png | Bin 0 -> 1406 bytes .../assets/selected-radio-unchecked-dark.png | Bin 0 -> 593 bytes .../selected-radio-unchecked-dark@2.png | Bin 0 -> 1158 bytes Paper/assets/selected-radio-unchecked.png | Bin 0 -> 676 bytes Paper/assets/selected-radio-unchecked@2.png | Bin 0 -> 1370 bytes ...selection-mode-checkbox-checked-active.png | Bin 0 -> 1250 bytes ...lection-mode-checkbox-checked-active@2.png | Bin 0 -> 2301 bytes ...lection-mode-checkbox-checked-backdrop.png | Bin 0 -> 1261 bytes ...ction-mode-checkbox-checked-backdrop@2.png | Bin 0 -> 2328 bytes .../selection-mode-checkbox-checked-hover.png | Bin 0 -> 1254 bytes ...election-mode-checkbox-checked-hover@2.png | Bin 0 -> 2335 bytes .../selection-mode-checkbox-checked.png | Bin 0 -> 1250 bytes .../selection-mode-checkbox-checked@2.png | Bin 0 -> 2301 bytes ...lection-mode-checkbox-unchecked-active.png | Bin 0 -> 671 bytes ...ction-mode-checkbox-unchecked-active@2.png | Bin 0 -> 1260 bytes ...ction-mode-checkbox-unchecked-backdrop.png | Bin 0 -> 756 bytes ...ion-mode-checkbox-unchecked-backdrop@2.png | Bin 0 -> 1387 bytes ...election-mode-checkbox-unchecked-hover.png | Bin 0 -> 776 bytes ...ection-mode-checkbox-unchecked-hover@2.png | Bin 0 -> 1446 bytes .../selection-mode-checkbox-unchecked.png | Bin 0 -> 671 bytes .../selection-mode-checkbox-unchecked@2.png | Bin 0 -> 1260 bytes Paper/gtk-3.0/apps.css | 65 + Paper/gtk-3.0/apps/appcenter.css | 33 + Paper/gtk-3.0/apps/archive-manager.css | 61 + Paper/gtk-3.0/apps/baobab.css | 53 + Paper/gtk-3.0/apps/bijiben.css | 39 + Paper/gtk-3.0/apps/birdie.css | 75 + Paper/gtk-3.0/apps/budgie.css | 162 + Paper/gtk-3.0/apps/calculator.css | 164 + Paper/gtk-3.0/apps/calendar.css | 54 + Paper/gtk-3.0/apps/cheese.css | 33 + Paper/gtk-3.0/apps/epiphany.css | 94 + Paper/gtk-3.0/apps/fallback.css | 99 + Paper/gtk-3.0/apps/geary.css | 65 + Paper/gtk-3.0/apps/gedit.css | 175 + Paper/gtk-3.0/apps/gnome-calendar.css | 33 + Paper/gtk-3.0/apps/gnome-clocks.css | 251 + Paper/gtk-3.0/apps/gnome-contacts.css | 53 + Paper/gtk-3.0/apps/gnome-disks.css | 43 + Paper/gtk-3.0/apps/gnome-documents.css | 143 + Paper/gtk-3.0/apps/gnome-music.css | 172 + Paper/gtk-3.0/apps/gnome-photos.css | 78 + Paper/gtk-3.0/apps/gnome-software.css | 49 + Paper/gtk-3.0/apps/gnome-system-monitor.css | 33 + Paper/gtk-3.0/apps/gnome-terminal.css | 130 + Paper/gtk-3.0/apps/gnome-tweak-tool.css | 37 + Paper/gtk-3.0/apps/gnome-weather.css | 32 + Paper/gtk-3.0/apps/gnome.css | 69 + Paper/gtk-3.0/apps/logs.css | 43 + Paper/gtk-3.0/apps/midori.css | 58 + Paper/gtk-3.0/apps/nautilus.css | 235 + Paper/gtk-3.0/apps/noise.css | 48 + Paper/gtk-3.0/apps/pantheon-files.css | 46 + Paper/gtk-3.0/apps/pantheon-terminal.css | 39 + Paper/gtk-3.0/apps/pantheon.css | 214 + Paper/gtk-3.0/apps/rhythmbox.css | 25 + Paper/gtk-3.0/apps/scratch-text-editor.css | 78 + Paper/gtk-3.0/apps/settings.css | 131 + Paper/gtk-3.0/apps/shotwell.css | 49 + Paper/gtk-3.0/apps/snap.css | 46 + Paper/gtk-3.0/apps/synaptic.css | 31 + Paper/gtk-3.0/apps/unity.css | 206 + Paper/gtk-3.0/apps/vocal.css | 33 + Paper/gtk-3.0/apps/xfce.css | 68 + Paper/gtk-3.0/apps/yelp.css | 33 + .../assets/checkbox-checked-active-dark.png | 1 + .../assets/checkbox-checked-active-dark@2.png | 1 + .../assets/checkbox-checked-active.png | 1 + .../assets/checkbox-checked-active@2.png | 1 + .../assets/checkbox-checked-backdrop-dark.png | Bin 545 -> 560 bytes .../checkbox-checked-backdrop-dark@2.png | Bin 907 -> 958 bytes ...kbox-checked-backdrop-insensitive-dark.png | 1 + ...ox-checked-backdrop-insensitive-dark@2.png | 1 + .../checkbox-checked-backdrop-insensitive.png | 1 + ...heckbox-checked-backdrop-insensitive@2.png | 1 + .../gtk-3.0/assets/checkbox-checked-dark.png | Bin 545 -> 577 bytes .../assets/checkbox-checked-dark@2.png | Bin 895 -> 979 bytes .../assets/checkbox-checked-hover-dark.png | Bin 545 -> 577 bytes .../assets/checkbox-checked-hover-dark@2.png | Bin 895 -> 979 bytes ...kbox-checked-insensitive-backdrop-dark.png | 1 + ...ox-checked-insensitive-backdrop-dark@2.png | 1 + .../checkbox-checked-insensitive-backdrop.png | 1 + ...heckbox-checked-insensitive-backdrop@2.png | 1 + .../checkbox-checked-insensitive-dark.png | Bin 423 -> 549 bytes .../checkbox-checked-insensitive-dark@2.png | Bin 672 -> 923 bytes .../assets/checkbox-mixed-active-dark.png | 1 + .../assets/checkbox-mixed-active-dark@2.png | 1 + .../gtk-3.0/assets/checkbox-mixed-active.png | 1 + .../assets/checkbox-mixed-active@2.png | 1 + .../assets/checkbox-mixed-backdrop-dark.png | Bin 331 -> 358 bytes .../assets/checkbox-mixed-backdrop-dark@2.png | Bin 430 -> 534 bytes ...eckbox-mixed-backdrop-insensitive-dark.png | 1 + ...kbox-mixed-backdrop-insensitive-dark@2.png | 1 + .../checkbox-mixed-backdrop-insensitive.png | 1 + .../checkbox-mixed-backdrop-insensitive@2.png | 1 + Paper/gtk-3.0/assets/checkbox-mixed-dark.png | Bin 331 -> 360 bytes .../gtk-3.0/assets/checkbox-mixed-dark@2.png | Bin 430 -> 532 bytes .../assets/checkbox-mixed-hover-dark.png | Bin 331 -> 360 bytes .../assets/checkbox-mixed-hover-dark@2.png | Bin 430 -> 532 bytes ...eckbox-mixed-insensitive-backdrop-dark.png | 1 + ...kbox-mixed-insensitive-backdrop-dark@2.png | 1 + .../checkbox-mixed-insensitive-backdrop.png | 1 + .../checkbox-mixed-insensitive-backdrop@2.png | 1 + .../checkbox-mixed-insensitive-dark.png | Bin 320 -> 355 bytes .../checkbox-mixed-insensitive-dark@2.png | Bin 418 -> 531 bytes .../assets/checkbox-unchecked-active-dark.png | 1 + .../checkbox-unchecked-active-dark@2.png | 1 + .../assets/checkbox-unchecked-active.png | 1 + .../assets/checkbox-unchecked-active@2.png | 1 + .../checkbox-unchecked-backdrop-dark.png | Bin 298 -> 336 bytes .../checkbox-unchecked-backdrop-dark@2.png | Bin 395 -> 504 bytes ...ox-unchecked-backdrop-insensitive-dark.png | 1 + ...-unchecked-backdrop-insensitive-dark@2.png | 1 + ...heckbox-unchecked-backdrop-insensitive.png | 1 + ...ckbox-unchecked-backdrop-insensitive@2.png | 1 + .../assets/checkbox-unchecked-dark.png | Bin 298 -> 336 bytes .../assets/checkbox-unchecked-dark@2.png | Bin 395 -> 504 bytes .../assets/checkbox-unchecked-hover-dark.png | Bin 298 -> 336 bytes .../checkbox-unchecked-hover-dark@2.png | Bin 395 -> 504 bytes ...ox-unchecked-insensitive-backdrop-dark.png | 1 + ...-unchecked-insensitive-backdrop-dark@2.png | 1 + ...heckbox-unchecked-insensitive-backdrop.png | 1 + ...ckbox-unchecked-insensitive-backdrop@2.png | 1 + .../checkbox-unchecked-insensitive-dark.png | Bin 298 -> 336 bytes .../checkbox-unchecked-insensitive-dark@2.png | Bin 395 -> 504 bytes .../gtk-3.0/assets/header-separator-dark.png | Bin 0 -> 192 bytes .../assets/header-separator-dark@2.png | Bin 0 -> 203 bytes Paper/gtk-3.0/assets/header-separator.png | Bin 0 -> 201 bytes Paper/gtk-3.0/assets/header-separator@2.png | Bin 0 -> 210 bytes .../assets/menuitem-checkbox-checked-dark.png | Bin 0 -> 480 bytes .../menuitem-checkbox-checked-dark@2.png | Bin 0 -> 725 bytes .../menuitem-checkbox-checked-hover-dark.png | Bin 0 -> 480 bytes ...menuitem-checkbox-checked-hover-dark@2.png | Bin 0 -> 725 bytes .../menuitem-checkbox-checked-hover.png | Bin 0 -> 339 bytes .../menuitem-checkbox-checked-hover@2.png | Bin 0 -> 442 bytes ...item-checkbox-checked-insensitive-dark.png | Bin 0 -> 480 bytes ...em-checkbox-checked-insensitive-dark@2.png | Bin 0 -> 725 bytes .../menuitem-checkbox-checked-insensitive.png | Bin 0 -> 451 bytes ...enuitem-checkbox-checked-insensitive@2.png | Bin 0 -> 656 bytes .../assets/menuitem-checkbox-checked.png | Bin 0 -> 460 bytes .../assets/menuitem-checkbox-checked@2.png | Bin 0 -> 718 bytes .../assets/menuitem-checkbox-mixed-dark.png | Bin 0 -> 238 bytes .../assets/menuitem-checkbox-mixed-dark@2.png | Bin 0 -> 256 bytes .../menuitem-checkbox-mixed-hover-dark.png | Bin 0 -> 238 bytes .../menuitem-checkbox-mixed-hover-dark@2.png | Bin 0 -> 256 bytes .../assets/menuitem-checkbox-mixed-hover.png | Bin 0 -> 237 bytes .../menuitem-checkbox-mixed-hover@2.png | Bin 0 -> 248 bytes ...nuitem-checkbox-mixed-insensitive-dark.png | Bin 0 -> 238 bytes ...item-checkbox-mixed-insensitive-dark@2.png | Bin 0 -> 256 bytes .../menuitem-checkbox-mixed-insensitive.png | Bin 0 -> 238 bytes .../menuitem-checkbox-mixed-insensitive@2.png | Bin 0 -> 253 bytes .../assets/menuitem-checkbox-mixed.png | Bin 0 -> 238 bytes .../assets/menuitem-checkbox-mixed@2.png | Bin 0 -> 252 bytes .../assets/menuitem-radio-checked-dark.png | Bin 0 -> 325 bytes .../assets/menuitem-radio-checked-dark@2.png | Bin 0 -> 458 bytes .../menuitem-radio-checked-hover-dark.png | Bin 0 -> 325 bytes .../menuitem-radio-checked-hover-dark@2.png | Bin 0 -> 458 bytes .../assets/menuitem-radio-checked-hover.png | Bin 0 -> 280 bytes .../assets/menuitem-radio-checked-hover@2.png | Bin 0 -> 362 bytes ...enuitem-radio-checked-insensitive-dark.png | Bin 0 -> 325 bytes ...uitem-radio-checked-insensitive-dark@2.png | Bin 0 -> 458 bytes .../menuitem-radio-checked-insensitive.png | Bin 0 -> 321 bytes .../menuitem-radio-checked-insensitive@2.png | Bin 0 -> 441 bytes .../gtk-3.0/assets/menuitem-radio-checked.png | Bin 0 -> 318 bytes .../assets/menuitem-radio-checked@2.png | Bin 0 -> 449 bytes .../assets/radio-checked-active-dark.png | 1 + .../assets/radio-checked-active-dark@2.png | 1 + Paper/gtk-3.0/assets/radio-checked-active.png | 1 + .../gtk-3.0/assets/radio-checked-active@2.png | 1 + .../assets/radio-checked-backdrop-dark.png | Bin 497 -> 667 bytes .../assets/radio-checked-backdrop-dark@2.png | Bin 996 -> 1336 bytes ...adio-checked-backdrop-insensitive-dark.png | 1 + ...io-checked-backdrop-insensitive-dark@2.png | 1 + .../radio-checked-backdrop-insensitive.png | 1 + .../radio-checked-backdrop-insensitive@2.png | 1 + Paper/gtk-3.0/assets/radio-checked-dark.png | Bin 497 -> 668 bytes Paper/gtk-3.0/assets/radio-checked-dark@2.png | Bin 978 -> 1339 bytes .../assets/radio-checked-hover-dark.png | Bin 497 -> 668 bytes .../assets/radio-checked-hover-dark@2.png | Bin 978 -> 1339 bytes ...adio-checked-insensitive-backdrop-dark.png | 1 + ...io-checked-insensitive-backdrop-dark@2.png | 1 + .../radio-checked-insensitive-backdrop.png | 1 + .../radio-checked-insensitive-backdrop@2.png | 1 + .../assets/radio-checked-insensitive-dark.png | Bin 463 -> 659 bytes .../radio-checked-insensitive-dark@2.png | Bin 878 -> 1336 bytes .../assets/radio-mixed-active-dark.png | 1 + .../assets/radio-mixed-active-dark@2.png | 1 + Paper/gtk-3.0/assets/radio-mixed-active.png | 1 + Paper/gtk-3.0/assets/radio-mixed-active@2.png | 1 + .../assets/radio-mixed-backdrop-dark.png | Bin 440 -> 599 bytes .../assets/radio-mixed-backdrop-dark@2.png | Bin 797 -> 1168 bytes .../radio-mixed-backdrop-insensitive-dark.png | 1 + ...adio-mixed-backdrop-insensitive-dark@2.png | 1 + .../radio-mixed-backdrop-insensitive.png | 1 + .../radio-mixed-backdrop-insensitive@2.png | 1 + Paper/gtk-3.0/assets/radio-mixed-dark.png | Bin 440 -> 600 bytes Paper/gtk-3.0/assets/radio-mixed-dark@2.png | Bin 797 -> 1169 bytes .../gtk-3.0/assets/radio-mixed-hover-dark.png | Bin 440 -> 600 bytes .../assets/radio-mixed-hover-dark@2.png | Bin 797 -> 1169 bytes .../radio-mixed-insensitive-backdrop-dark.png | 1 + ...adio-mixed-insensitive-backdrop-dark@2.png | 1 + .../radio-mixed-insensitive-backdrop.png | 1 + .../radio-mixed-insensitive-backdrop@2.png | 1 + .../assets/radio-mixed-insensitive-dark.png | Bin 433 -> 598 bytes .../assets/radio-mixed-insensitive-dark@2.png | Bin 783 -> 1168 bytes .../assets/radio-unchecked-active-dark.png | 1 + .../assets/radio-unchecked-active-dark@2.png | 1 + .../gtk-3.0/assets/radio-unchecked-active.png | 1 + .../assets/radio-unchecked-active@2.png | 1 + .../assets/radio-unchecked-backdrop-dark.png | Bin 423 -> 578 bytes .../radio-unchecked-backdrop-dark@2.png | Bin 761 -> 1135 bytes ...io-unchecked-backdrop-insensitive-dark.png | 1 + ...-unchecked-backdrop-insensitive-dark@2.png | 1 + .../radio-unchecked-backdrop-insensitive.png | 1 + ...radio-unchecked-backdrop-insensitive@2.png | 1 + Paper/gtk-3.0/assets/radio-unchecked-dark.png | Bin 423 -> 578 bytes .../gtk-3.0/assets/radio-unchecked-dark@2.png | Bin 761 -> 1135 bytes .../assets/radio-unchecked-hover-dark.png | Bin 423 -> 578 bytes .../assets/radio-unchecked-hover-dark@2.png | Bin 761 -> 1135 bytes ...io-unchecked-insensitive-backdrop-dark.png | 1 + ...-unchecked-insensitive-backdrop-dark@2.png | 1 + .../radio-unchecked-insensitive-backdrop.png | 1 + .../radio-unchecked-insensitive-dark.png | Bin 423 -> 578 bytes .../radio-unchecked-insensitive-dark@2.png | Bin 761 -> 1135 bytes .../assets/scalable/spinner-01-dark.svg | 147 + Paper/gtk-3.0/assets/scalable/spinner-01.svg | 147 + .../assets/scalable/spinner-02-dark.svg | 147 + Paper/gtk-3.0/assets/scalable/spinner-02.svg | 147 + .../assets/scalable/spinner-03-dark.svg | 147 + Paper/gtk-3.0/assets/scalable/spinner-03.svg | 147 + .../assets/scalable/spinner-04-dark.svg | 147 + Paper/gtk-3.0/assets/scalable/spinner-04.svg | 147 + .../assets/scalable/spinner-05-dark.svg | 147 + Paper/gtk-3.0/assets/scalable/spinner-05.svg | 147 + .../assets/scalable/spinner-06-dark.svg | 147 + Paper/gtk-3.0/assets/scalable/spinner-06.svg | 147 + .../assets/scalable/spinner-07-dark.svg | 147 + Paper/gtk-3.0/assets/scalable/spinner-07.svg | 147 + .../assets/scalable/spinner-08-dark.svg | 147 + Paper/gtk-3.0/assets/scalable/spinner-08.svg | 147 + .../assets/scalable/spinner-09-dark.svg | 147 + Paper/gtk-3.0/assets/scalable/spinner-09.svg | 147 + .../assets/scalable/spinner-10-dark.svg | 147 + Paper/gtk-3.0/assets/scalable/spinner-10.svg | 147 + .../assets/scalable/spinner-11-dark.svg | 147 + Paper/gtk-3.0/assets/scalable/spinner-11.svg | 147 + .../assets/scalable/spinner-12-dark.svg | 147 + Paper/gtk-3.0/assets/scalable/spinner-12.svg | 147 + .../assets/scalable/spinner-13-dark.svg | 147 + Paper/gtk-3.0/assets/scalable/spinner-13.svg | 147 + .../assets/scalable/spinner-14-dark.svg | 147 + Paper/gtk-3.0/assets/scalable/spinner-14.svg | 147 + .../assets/scalable/spinner-15-dark.svg | 147 + Paper/gtk-3.0/assets/scalable/spinner-15.svg | 147 + .../assets/scalable/spinner-16-dark.svg | 147 + Paper/gtk-3.0/assets/scalable/spinner-16.svg | 147 + .../assets/scalable/spinner-17-dark.svg | 147 + Paper/gtk-3.0/assets/scalable/spinner-17.svg | 147 + .../assets/scalable/spinner-18-dark.svg | 147 + Paper/gtk-3.0/assets/scalable/spinner-18.svg | 147 + .../assets/scalable/spinner-19-dark.svg | 147 + Paper/gtk-3.0/assets/scalable/spinner-19.svg | 147 + .../assets/scalable/spinner-20-dark.svg | 147 + Paper/gtk-3.0/assets/scalable/spinner-20.svg | 147 + .../assets/scale-slider-down-active-dark.png | Bin 0 -> 391 bytes .../scale-slider-down-active-dark@2.png | Bin 0 -> 513 bytes .../assets/scale-slider-down-active.png | Bin 0 -> 480 bytes .../assets/scale-slider-down-active@2.png | Bin 0 -> 680 bytes .../scale-slider-down-backdrop-dark.png | Bin 0 -> 308 bytes .../scale-slider-down-backdrop-dark@2.png | Bin 0 -> 386 bytes ...-slider-down-backdrop-insensitive-dark.png | Bin 0 -> 319 bytes ...lider-down-backdrop-insensitive-dark@2.png | Bin 0 -> 404 bytes ...scale-slider-down-backdrop-insensitive.png | Bin 0 -> 416 bytes ...ale-slider-down-backdrop-insensitive@2.png | Bin 0 -> 547 bytes .../assets/scale-slider-down-backdrop.png | Bin 0 -> 414 bytes .../assets/scale-slider-down-backdrop@2.png | Bin 0 -> 542 bytes .../gtk-3.0/assets/scale-slider-down-dark.png | Bin 0 -> 386 bytes .../assets/scale-slider-down-dark@2.png | Bin 0 -> 508 bytes .../assets/scale-slider-down-hover-dark.png | Bin 0 -> 386 bytes .../assets/scale-slider-down-hover-dark@2.png | Bin 0 -> 508 bytes .../assets/scale-slider-down-hover.png | Bin 0 -> 400 bytes .../assets/scale-slider-down-hover@2.png | Bin 0 -> 581 bytes .../scale-slider-down-insensitive-dark.png | Bin 0 -> 319 bytes .../scale-slider-down-insensitive-dark@2.png | Bin 0 -> 404 bytes .../assets/scale-slider-down-insensitive.png | Bin 0 -> 416 bytes .../scale-slider-down-insensitive@2.png | Bin 0 -> 543 bytes Paper/gtk-3.0/assets/scale-slider-down.png | Bin 0 -> 400 bytes Paper/gtk-3.0/assets/scale-slider-down@2.png | Bin 0 -> 581 bytes .../assets/scale-slider-horz-active-dark.png | Bin 0 -> 519 bytes .../scale-slider-horz-active-dark@2.png | Bin 0 -> 917 bytes .../assets/scale-slider-horz-active.png | Bin 0 -> 589 bytes .../assets/scale-slider-horz-active@2.png | Bin 0 -> 1119 bytes .../scale-slider-horz-backdrop-dark.png | Bin 0 -> 404 bytes .../scale-slider-horz-backdrop-dark@2.png | Bin 0 -> 605 bytes ...-slider-horz-backdrop-insensitive-dark.png | Bin 0 -> 407 bytes ...lider-horz-backdrop-insensitive-dark@2.png | Bin 0 -> 624 bytes ...scale-slider-horz-backdrop-insensitive.png | Bin 0 -> 496 bytes ...ale-slider-horz-backdrop-insensitive@2.png | Bin 0 -> 855 bytes .../assets/scale-slider-horz-backdrop.png | Bin 0 -> 496 bytes .../assets/scale-slider-horz-backdrop@2.png | Bin 0 -> 857 bytes .../gtk-3.0/assets/scale-slider-horz-dark.png | Bin 0 -> 513 bytes .../assets/scale-slider-horz-dark@2.png | Bin 0 -> 913 bytes .../assets/scale-slider-horz-hover-dark.png | Bin 0 -> 513 bytes .../assets/scale-slider-horz-hover-dark@2.png | Bin 0 -> 913 bytes .../assets/scale-slider-horz-hover.png | Bin 0 -> 572 bytes .../assets/scale-slider-horz-hover@2.png | Bin 0 -> 1002 bytes .../scale-slider-horz-insensitive-dark.png | Bin 0 -> 407 bytes .../scale-slider-horz-insensitive-dark@2.png | Bin 0 -> 624 bytes .../assets/scale-slider-horz-insensitive.png | Bin 0 -> 505 bytes .../scale-slider-horz-insensitive@2.png | Bin 0 -> 869 bytes Paper/gtk-3.0/assets/scale-slider-horz.png | Bin 0 -> 572 bytes Paper/gtk-3.0/assets/scale-slider-horz@2.png | Bin 0 -> 1002 bytes .../assets/scale-slider-left-active-dark.png | Bin 0 -> 371 bytes .../scale-slider-left-active-dark@2.png | Bin 0 -> 534 bytes .../assets/scale-slider-left-active.png | Bin 0 -> 440 bytes .../assets/scale-slider-left-active@2.png | Bin 0 -> 600 bytes .../scale-slider-left-backdrop-dark.png | Bin 0 -> 300 bytes .../scale-slider-left-backdrop-dark@2.png | Bin 0 -> 380 bytes ...-slider-left-backdrop-insensitive-dark.png | Bin 0 -> 311 bytes ...lider-left-backdrop-insensitive-dark@2.png | Bin 0 -> 395 bytes ...scale-slider-left-backdrop-insensitive.png | Bin 0 -> 368 bytes ...ale-slider-left-backdrop-insensitive@2.png | Bin 0 -> 483 bytes .../assets/scale-slider-left-backdrop.png | Bin 0 -> 378 bytes .../assets/scale-slider-left-backdrop@2.png | Bin 0 -> 510 bytes .../gtk-3.0/assets/scale-slider-left-dark.png | Bin 0 -> 370 bytes .../assets/scale-slider-left-dark@2.png | Bin 0 -> 526 bytes .../assets/scale-slider-left-hover-dark.png | Bin 0 -> 370 bytes .../assets/scale-slider-left-hover-dark@2.png | Bin 0 -> 526 bytes .../assets/scale-slider-left-hover.png | Bin 0 -> 446 bytes .../assets/scale-slider-left-hover@2.png | Bin 0 -> 582 bytes .../scale-slider-left-insensitive-dark.png | Bin 0 -> 311 bytes .../scale-slider-left-insensitive-dark@2.png | Bin 0 -> 395 bytes .../assets/scale-slider-left-insensitive.png | Bin 0 -> 368 bytes .../scale-slider-left-insensitive@2.png | Bin 0 -> 486 bytes Paper/gtk-3.0/assets/scale-slider-left.png | Bin 0 -> 446 bytes Paper/gtk-3.0/assets/scale-slider-left@2.png | Bin 0 -> 582 bytes .../assets/scale-slider-right-active-dark.png | Bin 0 -> 387 bytes .../scale-slider-right-active-dark@2.png | Bin 0 -> 515 bytes .../assets/scale-slider-right-active.png | Bin 0 -> 451 bytes .../assets/scale-slider-right-active@2.png | Bin 0 -> 641 bytes .../scale-slider-right-backdrop-dark.png | Bin 0 -> 304 bytes .../scale-slider-right-backdrop-dark@2.png | Bin 0 -> 377 bytes ...slider-right-backdrop-insensitive-dark.png | Bin 0 -> 310 bytes ...ider-right-backdrop-insensitive-dark@2.png | Bin 0 -> 413 bytes ...cale-slider-right-backdrop-insensitive.png | Bin 0 -> 385 bytes ...le-slider-right-backdrop-insensitive@2.png | Bin 0 -> 533 bytes .../assets/scale-slider-right-backdrop.png | Bin 0 -> 391 bytes .../assets/scale-slider-right-backdrop@2.png | Bin 0 -> 555 bytes .../assets/scale-slider-right-dark.png | Bin 0 -> 379 bytes .../assets/scale-slider-right-dark@2.png | Bin 0 -> 512 bytes .../assets/scale-slider-right-hover-dark.png | Bin 0 -> 379 bytes .../scale-slider-right-hover-dark@2.png | Bin 0 -> 512 bytes .../assets/scale-slider-right-hover.png | Bin 0 -> 444 bytes .../assets/scale-slider-right-hover@2.png | Bin 0 -> 614 bytes .../scale-slider-right-insensitive-dark.png | Bin 0 -> 310 bytes .../scale-slider-right-insensitive-dark@2.png | Bin 0 -> 413 bytes .../assets/scale-slider-right-insensitive.png | Bin 0 -> 385 bytes .../scale-slider-right-insensitive@2.png | Bin 0 -> 513 bytes Paper/gtk-3.0/assets/scale-slider-right.png | Bin 0 -> 444 bytes Paper/gtk-3.0/assets/scale-slider-right@2.png | Bin 0 -> 614 bytes .../assets/scale-slider-up-active-dark.png | Bin 0 -> 351 bytes .../assets/scale-slider-up-active-dark@2.png | Bin 0 -> 440 bytes .../gtk-3.0/assets/scale-slider-up-active.png | Bin 0 -> 421 bytes .../assets/scale-slider-up-active@2.png | Bin 0 -> 566 bytes .../assets/scale-slider-up-backdrop-dark.png | Bin 0 -> 295 bytes .../scale-slider-up-backdrop-dark@2.png | Bin 0 -> 361 bytes ...le-slider-up-backdrop-insensitive-dark.png | Bin 0 -> 297 bytes ...-slider-up-backdrop-insensitive-dark@2.png | Bin 0 -> 370 bytes .../scale-slider-up-backdrop-insensitive.png | Bin 0 -> 396 bytes ...scale-slider-up-backdrop-insensitive@2.png | Bin 0 -> 513 bytes .../assets/scale-slider-up-backdrop.png | Bin 0 -> 397 bytes .../assets/scale-slider-up-backdrop@2.png | Bin 0 -> 509 bytes Paper/gtk-3.0/assets/scale-slider-up-dark.png | Bin 0 -> 341 bytes .../gtk-3.0/assets/scale-slider-up-dark@2.png | Bin 0 -> 442 bytes .../assets/scale-slider-up-hover-dark.png | Bin 0 -> 341 bytes .../assets/scale-slider-up-hover-dark@2.png | Bin 0 -> 442 bytes .../gtk-3.0/assets/scale-slider-up-hover.png | Bin 0 -> 404 bytes .../assets/scale-slider-up-hover@2.png | Bin 0 -> 532 bytes .../scale-slider-up-insensitive-dark.png | Bin 0 -> 297 bytes .../scale-slider-up-insensitive-dark@2.png | Bin 0 -> 370 bytes .../assets/scale-slider-up-insensitive.png | Bin 0 -> 396 bytes .../assets/scale-slider-up-insensitive@2.png | Bin 0 -> 512 bytes Paper/gtk-3.0/assets/scale-slider-up.png | Bin 0 -> 404 bytes Paper/gtk-3.0/assets/scale-slider-up@2.png | Bin 0 -> 532 bytes .../assets/scale-slider-vert-active-dark.png | Bin 0 -> 519 bytes .../scale-slider-vert-active-dark@2.png | Bin 0 -> 917 bytes .../assets/scale-slider-vert-active.png | Bin 0 -> 589 bytes .../assets/scale-slider-vert-active@2.png | Bin 0 -> 1119 bytes .../scale-slider-vert-backdrop-dark.png | Bin 0 -> 404 bytes .../scale-slider-vert-backdrop-dark@2.png | Bin 0 -> 605 bytes ...-slider-vert-backdrop-insensitive-dark.png | Bin 0 -> 407 bytes ...lider-vert-backdrop-insensitive-dark@2.png | Bin 0 -> 624 bytes ...scale-slider-vert-backdrop-insensitive.png | Bin 0 -> 496 bytes ...ale-slider-vert-backdrop-insensitive@2.png | Bin 0 -> 855 bytes .../assets/scale-slider-vert-backdrop.png | Bin 0 -> 496 bytes .../assets/scale-slider-vert-backdrop@2.png | Bin 0 -> 857 bytes .../gtk-3.0/assets/scale-slider-vert-dark.png | Bin 0 -> 513 bytes .../assets/scale-slider-vert-dark@2.png | Bin 0 -> 913 bytes .../assets/scale-slider-vert-hover-dark.png | Bin 0 -> 513 bytes .../assets/scale-slider-vert-hover-dark@2.png | Bin 0 -> 913 bytes .../assets/scale-slider-vert-hover.png | Bin 0 -> 572 bytes .../assets/scale-slider-vert-hover@2.png | Bin 0 -> 1002 bytes .../scale-slider-vert-insensitive-dark.png | Bin 0 -> 407 bytes .../scale-slider-vert-insensitive-dark@2.png | Bin 0 -> 624 bytes .../assets/scale-slider-vert-insensitive.png | Bin 0 -> 505 bytes .../scale-slider-vert-insensitive@2.png | Bin 0 -> 869 bytes Paper/gtk-3.0/assets/scale-slider-vert.png | Bin 0 -> 572 bytes Paper/gtk-3.0/assets/scale-slider-vert@2.png | Bin 0 -> 1002 bytes .../selected-checkbox-checked-active-dark.png | 1 + ...elected-checkbox-checked-active-dark@2.png | 1 + .../selected-checkbox-checked-active.png | 1 + .../selected-checkbox-checked-active@2.png | 1 + ...elected-checkbox-checked-backdrop-dark.png | 1 + ...ected-checkbox-checked-backdrop-dark@2.png | 1 + .../selected-checkbox-checked-backdrop.png | 1 + .../selected-checkbox-checked-backdrop@2.png | 1 + .../assets/selected-checkbox-checked-dark.png | Bin 562 -> 555 bytes .../selected-checkbox-checked-dark@2.png | Bin 926 -> 926 bytes .../selected-checkbox-checked-hover-dark.png | 1 + ...selected-checkbox-checked-hover-dark@2.png | 1 + .../selected-checkbox-checked-hover.png | 1 + .../selected-checkbox-checked-hover@2.png | 1 + .../assets/selected-checkbox-checked.png | Bin 660 -> 656 bytes .../assets/selected-checkbox-checked@2.png | Bin 1211 -> 1191 bytes .../selected-checkbox-mixed-active-dark.png | 1 + .../selected-checkbox-mixed-active-dark@2.png | 1 + .../assets/selected-checkbox-mixed-active.png | 1 + .../selected-checkbox-mixed-active@2.png | 1 + .../assets/selected-checkbox-mixed-dark.png | Bin 363 -> 363 bytes .../assets/selected-checkbox-mixed-dark@2.png | Bin 524 -> 528 bytes .../assets/selected-checkbox-mixed.png | Bin 474 -> 475 bytes .../assets/selected-checkbox-mixed@2.png | Bin 793 -> 778 bytes ...elected-checkbox-unchecked-active-dark.png | 1 + ...ected-checkbox-unchecked-active-dark@2.png | 1 + .../selected-checkbox-unchecked-active.png | 1 + .../selected-checkbox-unchecked-active@2.png | 1 + ...ected-checkbox-unchecked-backdrop-dark.png | 1 + ...ted-checkbox-unchecked-backdrop-dark@2.png | 1 + .../selected-checkbox-unchecked-backdrop.png | 1 + ...selected-checkbox-unchecked-backdrop@2.png | 1 + .../selected-checkbox-unchecked-dark.png | Bin 346 -> 342 bytes .../selected-checkbox-unchecked-dark@2.png | Bin 498 -> 502 bytes ...selected-checkbox-unchecked-hover-dark.png | 1 + ...lected-checkbox-unchecked-hover-dark@2.png | 1 + .../selected-checkbox-unchecked-hover.png | 1 + .../selected-checkbox-unchecked-hover@2.png | 1 + .../assets/selected-checkbox-unchecked.png | Bin 452 -> 450 bytes .../assets/selected-checkbox-unchecked@2.png | Bin 765 -> 752 bytes .../selected-radio-checked-active-dark.png | 1 + .../selected-radio-checked-active-dark@2.png | 1 + .../assets/selected-radio-checked-active.png | 1 + .../selected-radio-checked-active@2.png | 1 + .../assets/selected-radio-checked-dark.png | Bin 688 -> 669 bytes .../assets/selected-radio-checked-dark@2.png | Bin 1374 -> 1359 bytes .../assets/selected-radio-checked-hover.png | 1 + .../assets/selected-radio-checked-hover@2.png | 1 + .../gtk-3.0/assets/selected-radio-checked.png | Bin 922 -> 906 bytes .../assets/selected-radio-checked@2.png | Bin 1991 -> 1996 bytes .../selected-radio-mixed-active-dark.png | 1 + .../selected-radio-mixed-active-dark@2.png | 1 + .../assets/selected-radio-mixed-active.png | 1 + .../assets/selected-radio-mixed-active@2.png | 1 + .../assets/selected-radio-mixed-dark.png | Bin 614 -> 598 bytes .../assets/selected-radio-mixed-dark@2.png | Bin 1191 -> 1191 bytes Paper/gtk-3.0/assets/selected-radio-mixed.png | Bin 855 -> 828 bytes .../gtk-3.0/assets/selected-radio-mixed@2.png | Bin 1785 -> 1782 bytes .../selected-radio-unchecked-active-dark.png | 1 + ...selected-radio-unchecked-active-dark@2.png | 1 + .../selected-radio-unchecked-active.png | 1 + .../selected-radio-unchecked-active@2.png | 1 + .../assets/selected-radio-unchecked-dark.png | Bin 593 -> 576 bytes .../selected-radio-unchecked-dark@2.png | Bin 1158 -> 1162 bytes .../assets/selected-radio-unchecked-hover.png | 1 + .../selected-radio-unchecked-hover@2.png | 1 + .../assets/selected-radio-unchecked.png | Bin 837 -> 812 bytes .../assets/selected-radio-unchecked@2.png | Bin 1754 -> 1755 bytes Paper/gtk-3.0/granite-widgets.css | 95 + Paper/gtk-3.0/gtk-common.css | 132 + Paper/gtk-3.0/gtk-dark.css | 10194 +-------------- Paper/gtk-3.0/gtk-widgets-assets-dark.css | 1162 ++ Paper/gtk-3.0/gtk-widgets-assets.css | 1118 ++ Paper/gtk-3.0/gtk-widgets.css | 101 + Paper/gtk-3.0/gtk.css | 10238 +--------------- Paper/gtk-3.0/settings.ini | 13 + Paper/gtk-3.0/widgets/_checks-radios.scss | 215 - Paper/gtk-3.0/widgets/action-bar.css | 180 + Paper/gtk-3.0/widgets/app-notifications.css | 65 + Paper/gtk-3.0/widgets/base-states.css | 118 + Paper/gtk-3.0/widgets/buttons.css | 273 + Paper/gtk-3.0/widgets/calendar.css | 69 + Paper/gtk-3.0/widgets/cell-row.css | 43 + Paper/gtk-3.0/widgets/check-radio.css | 143 + Paper/gtk-3.0/widgets/color-chooser.css | 116 + Paper/gtk-3.0/widgets/column-header.css | 141 + Paper/gtk-3.0/widgets/combobox.css | 75 + .../gtk-3.0/widgets/composited-indicator.css | 101 + Paper/gtk-3.0/widgets/csd.css | 25 + Paper/gtk-3.0/widgets/cursor-handles.css | 39 + .../widgets/destructive-action-buttons.css | 150 + Paper/gtk-3.0/widgets/dialogs.css | 101 + Paper/gtk-3.0/widgets/dynamic-notebook.css | 302 + Paper/gtk-3.0/widgets/entry.css | 140 + Paper/gtk-3.0/widgets/expander.css | 54 + Paper/gtk-3.0/widgets/floating-bar.css | 29 + Paper/gtk-3.0/widgets/header-bar.css | 378 + Paper/gtk-3.0/widgets/images.css | 80 + Paper/gtk-3.0/widgets/infobars.css | 100 + Paper/gtk-3.0/widgets/inline-toolbars.css | 173 + Paper/gtk-3.0/widgets/labels.css | 61 + Paper/gtk-3.0/widgets/levelbars.css | 95 + Paper/gtk-3.0/widgets/linked-buttons.css | 103 + Paper/gtk-3.0/widgets/links.css | 75 + Paper/gtk-3.0/widgets/list-rows.css | 38 + Paper/gtk-3.0/widgets/menu-button.css | 83 + Paper/gtk-3.0/widgets/menubars.css | 173 + Paper/gtk-3.0/widgets/menus.css | 147 + Paper/gtk-3.0/widgets/message-dialogs.css | 229 + Paper/gtk-3.0/widgets/miscellaneous.css | 94 + Paper/gtk-3.0/widgets/notebook.css | 328 + Paper/gtk-3.0/widgets/osd.css | 331 + Paper/gtk-3.0/widgets/overflow.css | 129 + Paper/gtk-3.0/widgets/popovers.css | 207 + Paper/gtk-3.0/widgets/progressbars.css | 199 + Paper/gtk-3.0/widgets/scales.css | 124 + Paper/gtk-3.0/widgets/scrollbars.css | 135 + Paper/gtk-3.0/widgets/search-bars.css | 231 + Paper/gtk-3.0/widgets/selection-mode.css | 149 + Paper/gtk-3.0/widgets/separators.css | 55 + Paper/gtk-3.0/widgets/sidebar.css | 157 + Paper/gtk-3.0/widgets/source-list.css | 36 + Paper/gtk-3.0/widgets/spinbutton.css | 118 + Paper/gtk-3.0/widgets/spinner.css | 47 + Paper/gtk-3.0/widgets/statusbar.css | 32 + .../widgets/suggested-action-buttons.css | 192 + Paper/gtk-3.0/widgets/switches.css | 78 + Paper/gtk-3.0/widgets/tiles.css | 141 + Paper/gtk-3.0/widgets/titlebar.css | 115 + Paper/gtk-3.0/widgets/toolbars.css | 519 + Paper/gtk-3.0/widgets/tooltips.css | 41 + Paper/gtk-3.0/widgets/views.css | 328 + Paper/gtk-3.0/widgets/windows.css | 70 + Paper/{gtk-3.0 => gtk-3.18}/_apps.scss | 0 .../{gtk-3.0 => gtk-3.18}/_colors-public.scss | 0 Paper/gtk-3.18/_colors.scss | 95 + Paper/gtk-3.18/_common.scss | 50 + Paper/gtk-3.18/_drawing.scss | 597 + Paper/gtk-3.18/_widgets.scss | 40 + .../apps/_archive-manager.scss | 0 Paper/{gtk-3.0 => gtk-3.18}/apps/_birdie.scss | 0 Paper/{gtk-3.0 => gtk-3.18}/apps/_budgie.scss | 0 Paper/{gtk-3.0 => gtk-3.18}/apps/_geary.scss | 0 Paper/{gtk-3.0 => gtk-3.18}/apps/_gnome.scss | 8 +- Paper/gtk-3.18/apps/_lightdm.scss | 115 + Paper/{gtk-3.0 => gtk-3.18}/apps/_midori.scss | 0 .../{gtk-3.0 => gtk-3.18}/apps/_pantheon.scss | 0 Paper/{gtk-3.0 => gtk-3.18}/apps/_unity.scss | 4 - Paper/{gtk-3.0 => gtk-3.18}/apps/_vocal.scss | 0 Paper/gtk-3.18/gtk-dark.css | 6052 +++++++++ Paper/{gtk-3.0 => gtk-3.18}/gtk-dark.scss | 0 Paper/gtk-3.18/gtk.css | 6067 +++++++++ Paper/{gtk-3.0 => gtk-3.18}/gtk.scss | 0 .../widgets/_action-bars.scss | 2 +- .../gtk-3.18/widgets/_app-notifications.scss | 19 + Paper/gtk-3.18/widgets/_base-states.scss | 206 + Paper/gtk-3.18/widgets/_buttons.scss | 528 + Paper/gtk-3.18/widgets/_calendar.scss | 56 + Paper/gtk-3.18/widgets/_checks-radios.scss | 184 + Paper/gtk-3.18/widgets/_color-chooser.scss | 114 + Paper/gtk-3.18/widgets/_comboboxes.scss | 71 + Paper/gtk-3.18/widgets/_dialogs.scss | 123 + Paper/gtk-3.18/widgets/_entries.scss | 139 + Paper/gtk-3.18/widgets/_expanders.scss | 14 + Paper/gtk-3.18/widgets/_floating-bar.scss | 36 + Paper/gtk-3.18/widgets/_frames.scss | 79 + Paper/gtk-3.18/widgets/_granite.scss | 225 + Paper/gtk-3.18/widgets/_header-bars.scss | 365 + .../widgets/_infobars.scss | 0 Paper/gtk-3.18/widgets/_level-bars.scss | 85 + Paper/gtk-3.18/widgets/_links.scss | 49 + Paper/gtk-3.18/widgets/_lists.scss | 29 + Paper/gtk-3.18/widgets/_menus.scss | 117 + Paper/gtk-3.18/widgets/_misc.scss | 66 + Paper/gtk-3.18/widgets/_notebooks.scss | 113 + Paper/gtk-3.18/widgets/_paned.scss | 56 + .../widgets/_pathbars.scss | 0 Paper/gtk-3.18/widgets/_popovers.scss | 43 + Paper/gtk-3.18/widgets/_progress-bars.scss | 91 + Paper/gtk-3.18/widgets/_scales.scss | 268 + Paper/gtk-3.18/widgets/_scrollbars.scss | 188 + Paper/gtk-3.18/widgets/_sidebar.scss | 73 + Paper/gtk-3.18/widgets/_spinbuttons.scss | 172 + .../widgets/_spinner.scss | 2 +- Paper/gtk-3.18/widgets/_switches.scss | 79 + .../widgets/_toolbars.scss | 0 Paper/gtk-3.18/widgets/_tooltips.scss | 29 + Paper/gtk-3.18/widgets/_treeviews.scss | 226 + Paper/gtk-3.18/widgets/_windows.scss | 41 + Paper/gtk-3.20/_apps.scss | 15 + Paper/gtk-3.20/_colors-public.scss | 94 + Paper/{gtk-3.0 => gtk-3.20}/_colors.scss | 0 Paper/{gtk-3.0 => gtk-3.20}/_common.scss | 0 Paper/{gtk-3.0 => gtk-3.20}/_drawing.scss | 0 Paper/{gtk-3.0 => gtk-3.20}/_widgets.scss | 0 Paper/gtk-3.20/apps/_budgie.scss | 102 + Paper/gtk-3.20/apps/_geary.scss | 44 + Paper/gtk-3.20/apps/_gnome.scss | 571 + .../{gtk-3.0 => gtk-3.20}/apps/_lightdm.scss | 1 - Paper/gtk-3.20/apps/_pantheon.scss | 355 + Paper/gtk-3.20/apps/_unity.scss | 176 + Paper/gtk-3.20/gtk-dark.css | 7012 +++++++++++ Paper/gtk-3.20/gtk-dark.scss | 26 + Paper/gtk-3.20/gtk.css | 7038 +++++++++++ Paper/gtk-3.20/gtk.scss | 26 + Paper/gtk-3.20/widgets/_action-bars.scss | 27 + .../widgets/_app-notifications.scss | 0 .../widgets/_base-states.scss | 28 - .../widgets/_buttons.scss | 3 - .../widgets/_calendar.scss | 1 - Paper/gtk-3.20/widgets/_checks-radios.scss | 203 + .../widgets/_color-chooser.scss | 1 - .../widgets/_comboboxes.scss | 7 +- .../widgets/_dialogs.scss | 2 - .../widgets/_entries.scss | 10 - .../widgets/_expanders.scss | 0 .../widgets/_file-chooser.scss | 2 +- .../widgets/_floating-bar.scss | 1 - .../widgets/_frames.scss | 6 +- .../widgets/_granite.scss | 29 +- .../widgets/_header-bars.scss | 34 +- Paper/gtk-3.20/widgets/_infobars.scss | 120 + .../widgets/_level-bars.scss | 4 - .../{gtk-3.0 => gtk-3.20}/widgets/_links.scss | 4 +- .../{gtk-3.0 => gtk-3.20}/widgets/_lists.scss | 4 +- .../{gtk-3.0 => gtk-3.20}/widgets/_menus.scss | 15 +- .../{gtk-3.0 => gtk-3.20}/widgets/_misc.scss | 48 +- .../widgets/_notebooks.scss | 8 +- .../{gtk-3.0 => gtk-3.20}/widgets/_paned.scss | 0 Paper/gtk-3.20/widgets/_pathbars.scss | 29 + .../widgets/_popovers.scss | 3 - .../widgets/_print-dialog.scss | 0 .../widgets/_progress-bars.scss | 0 .../widgets/_scales.scss | 21 +- .../widgets/_scrollbars.scss | 32 - .../widgets/_sidebar.scss | 0 .../widgets/_spinbuttons.scss | 5 - Paper/gtk-3.20/widgets/_spinner.scss | 31 + .../widgets/_switches.scss | 13 +- Paper/gtk-3.20/widgets/_toolbars.scss | 219 + .../widgets/_tooltips.scss | 0 .../widgets/_touch-copy-paste.scss | 0 .../widgets/_treeviews.scss | 0 .../widgets/_windows.scss | 0 src/gtk3/gtk3-assets.svg | 892 +- src/render-gtk3-assets-hidpi.py | 2 +- src/render-gtk3-assets.py | 2 +- 808 files changed, 55105 insertions(+), 20903 deletions(-) rename Paper/{gtk-3.0 => }/README.md (100%) create mode 100644 Paper/assets/checkbox-checked-active.png create mode 100644 Paper/assets/checkbox-checked-active@2.png create mode 100644 Paper/assets/checkbox-checked-backdrop-dark.png create mode 100644 Paper/assets/checkbox-checked-backdrop-dark@2.png create mode 100644 Paper/assets/checkbox-checked-backdrop.png create mode 100644 Paper/assets/checkbox-checked-backdrop@2.png create mode 100644 Paper/assets/checkbox-checked-dark.png create mode 100644 Paper/assets/checkbox-checked-dark@2.png create mode 100644 Paper/assets/checkbox-checked-hover-dark.png create mode 100644 Paper/assets/checkbox-checked-hover-dark@2.png create mode 100644 Paper/assets/checkbox-checked-hover.png create mode 100644 Paper/assets/checkbox-checked-hover@2.png create mode 100644 Paper/assets/checkbox-checked-insensitive-backdrop.png create mode 100644 Paper/assets/checkbox-checked-insensitive-backdrop@2.png create mode 100644 Paper/assets/checkbox-checked-insensitive-dark.png create mode 100644 Paper/assets/checkbox-checked-insensitive-dark@2.png create mode 100644 Paper/assets/checkbox-checked-insensitive.png create mode 100644 Paper/assets/checkbox-checked-insensitive@2.png create mode 100644 Paper/assets/checkbox-checked.png create mode 100644 Paper/assets/checkbox-checked@2.png create mode 100644 Paper/assets/checkbox-mixed-active.png create mode 100644 Paper/assets/checkbox-mixed-active@2.png create mode 100644 Paper/assets/checkbox-mixed-backdrop-dark.png create mode 100644 Paper/assets/checkbox-mixed-backdrop-dark@2.png create mode 100644 Paper/assets/checkbox-mixed-backdrop.png create mode 100644 Paper/assets/checkbox-mixed-backdrop@2.png create mode 100644 Paper/assets/checkbox-mixed-dark.png create mode 100644 Paper/assets/checkbox-mixed-dark@2.png create mode 100644 Paper/assets/checkbox-mixed-hover-dark.png create mode 100644 Paper/assets/checkbox-mixed-hover-dark@2.png create mode 100644 Paper/assets/checkbox-mixed-hover.png create mode 100644 Paper/assets/checkbox-mixed-hover@2.png create mode 100644 Paper/assets/checkbox-mixed-insensitive-backdrop.png create mode 100644 Paper/assets/checkbox-mixed-insensitive-backdrop@2.png create mode 100644 Paper/assets/checkbox-mixed-insensitive-dark.png create mode 100644 Paper/assets/checkbox-mixed-insensitive-dark@2.png create mode 100644 Paper/assets/checkbox-mixed-insensitive.png create mode 100644 Paper/assets/checkbox-mixed-insensitive@2.png create mode 100644 Paper/assets/checkbox-mixed.png create mode 100644 Paper/assets/checkbox-mixed@2.png create mode 100644 Paper/assets/checkbox-unchecked-active.png create mode 100644 Paper/assets/checkbox-unchecked-active@2.png create mode 100644 Paper/assets/checkbox-unchecked-backdrop-dark.png create mode 100644 Paper/assets/checkbox-unchecked-backdrop-dark@2.png create mode 100644 Paper/assets/checkbox-unchecked-backdrop.png create mode 100644 Paper/assets/checkbox-unchecked-backdrop@2.png create mode 100644 Paper/assets/checkbox-unchecked-dark.png create mode 100644 Paper/assets/checkbox-unchecked-dark@2.png create mode 100644 Paper/assets/checkbox-unchecked-hover-dark.png create mode 100644 Paper/assets/checkbox-unchecked-hover-dark@2.png create mode 100644 Paper/assets/checkbox-unchecked-hover.png create mode 100644 Paper/assets/checkbox-unchecked-hover@2.png create mode 100644 Paper/assets/checkbox-unchecked-insensitive-backdrop.png create mode 100644 Paper/assets/checkbox-unchecked-insensitive-backdrop@2.png create mode 100644 Paper/assets/checkbox-unchecked-insensitive-dark.png create mode 100644 Paper/assets/checkbox-unchecked-insensitive-dark@2.png create mode 100644 Paper/assets/checkbox-unchecked-insensitive.png create mode 100644 Paper/assets/checkbox-unchecked-insensitive@2.png create mode 100644 Paper/assets/checkbox-unchecked.png create mode 100644 Paper/assets/checkbox-unchecked@2.png create mode 100644 Paper/assets/radio-checked-active.png create mode 100644 Paper/assets/radio-checked-active@2.png create mode 100644 Paper/assets/radio-checked-backdrop-dark.png create mode 100644 Paper/assets/radio-checked-backdrop-dark@2.png create mode 100644 Paper/assets/radio-checked-backdrop.png create mode 100644 Paper/assets/radio-checked-backdrop@2.png create mode 100644 Paper/assets/radio-checked-dark.png create mode 100644 Paper/assets/radio-checked-dark@2.png create mode 100644 Paper/assets/radio-checked-hover-dark.png create mode 100644 Paper/assets/radio-checked-hover-dark@2.png create mode 100644 Paper/assets/radio-checked-hover.png create mode 100644 Paper/assets/radio-checked-hover@2.png create mode 100644 Paper/assets/radio-checked-insensitive-backdrop.png create mode 100644 Paper/assets/radio-checked-insensitive-backdrop@2.png create mode 100644 Paper/assets/radio-checked-insensitive-dark.png create mode 100644 Paper/assets/radio-checked-insensitive-dark@2.png create mode 100644 Paper/assets/radio-checked-insensitive.png create mode 100644 Paper/assets/radio-checked-insensitive@2.png create mode 100644 Paper/assets/radio-checked.png create mode 100644 Paper/assets/radio-checked@2.png create mode 100644 Paper/assets/radio-mixed-active.png create mode 100644 Paper/assets/radio-mixed-active@2.png create mode 100644 Paper/assets/radio-mixed-backdrop-dark.png create mode 100644 Paper/assets/radio-mixed-backdrop-dark@2.png create mode 100644 Paper/assets/radio-mixed-backdrop.png create mode 100644 Paper/assets/radio-mixed-backdrop@2.png create mode 100644 Paper/assets/radio-mixed-dark.png create mode 100644 Paper/assets/radio-mixed-dark@2.png create mode 100644 Paper/assets/radio-mixed-hover-dark.png create mode 100644 Paper/assets/radio-mixed-hover-dark@2.png create mode 100644 Paper/assets/radio-mixed-hover.png create mode 100644 Paper/assets/radio-mixed-hover@2.png create mode 100644 Paper/assets/radio-mixed-insensitive-backdrop.png create mode 100644 Paper/assets/radio-mixed-insensitive-backdrop@2.png create mode 100644 Paper/assets/radio-mixed-insensitive-dark.png create mode 100644 Paper/assets/radio-mixed-insensitive-dark@2.png create mode 100644 Paper/assets/radio-mixed-insensitive.png create mode 100644 Paper/assets/radio-mixed-insensitive@2.png create mode 100644 Paper/assets/radio-mixed.png create mode 100644 Paper/assets/radio-mixed@2.png create mode 100644 Paper/assets/radio-unchecked-active.png create mode 100644 Paper/assets/radio-unchecked-active@2.png create mode 100644 Paper/assets/radio-unchecked-backdrop-dark.png create mode 100644 Paper/assets/radio-unchecked-backdrop-dark@2.png create mode 100644 Paper/assets/radio-unchecked-backdrop.png create mode 100644 Paper/assets/radio-unchecked-backdrop@2.png create mode 100644 Paper/assets/radio-unchecked-dark.png create mode 100644 Paper/assets/radio-unchecked-dark@2.png create mode 100644 Paper/assets/radio-unchecked-hover-dark.png create mode 100644 Paper/assets/radio-unchecked-hover-dark@2.png create mode 100644 Paper/assets/radio-unchecked-hover.png create mode 100644 Paper/assets/radio-unchecked-hover@2.png create mode 100644 Paper/assets/radio-unchecked-insensitive-backdrop.png create mode 100644 Paper/assets/radio-unchecked-insensitive-backdrop@2.png create mode 100644 Paper/assets/radio-unchecked-insensitive-dark.png create mode 100644 Paper/assets/radio-unchecked-insensitive-dark@2.png create mode 100644 Paper/assets/radio-unchecked-insensitive.png create mode 100644 Paper/assets/radio-unchecked-insensitive@2.png create mode 100644 Paper/assets/radio-unchecked.png create mode 100644 Paper/assets/radio-unchecked@2.png rename Paper/{gtk-3.0 => }/assets/scalable/bullet-symbolic.svg (100%) create mode 100644 Paper/assets/scalable/grid-selection-checked.svg create mode 100644 Paper/assets/scalable/grid-selection-unchecked.svg create mode 100644 Paper/assets/scalable/pane-separator-grip-prelight.svg create mode 100644 Paper/assets/scalable/pane-separator-grip-vertical-prelight.svg create mode 100644 Paper/assets/scalable/pane-separator-grip-vertical.svg create mode 100644 Paper/assets/scalable/pane-separator-grip.svg create mode 100644 Paper/assets/scalable/sidebar-radio-checked-dark.svg create mode 100644 Paper/assets/scalable/sidebar-radio-checked.svg create mode 100644 Paper/assets/scalable/sidebar-radio-prelight.svg create mode 100644 Paper/assets/scalable/sidebar-radio-selected-dark.svg create mode 100644 Paper/assets/scalable/sidebar-radio-selected-prelight.svg create mode 100644 Paper/assets/scalable/sidebar-radio-selected.svg create mode 100644 Paper/assets/selected-checkbox-checked-dark.png create mode 100644 Paper/assets/selected-checkbox-checked-dark@2.png create mode 100644 Paper/assets/selected-checkbox-checked.png create mode 100644 Paper/assets/selected-checkbox-checked@2.png create mode 100644 Paper/assets/selected-checkbox-mixed-dark.png create mode 100644 Paper/assets/selected-checkbox-mixed-dark@2.png create mode 100644 Paper/assets/selected-checkbox-mixed.png create mode 100644 Paper/assets/selected-checkbox-mixed@2.png create mode 100644 Paper/assets/selected-checkbox-unchecked-dark.png create mode 100644 Paper/assets/selected-checkbox-unchecked-dark@2.png create mode 100644 Paper/assets/selected-checkbox-unchecked.png create mode 100644 Paper/assets/selected-checkbox-unchecked@2.png create mode 100644 Paper/assets/selected-radio-checked-dark.png create mode 100644 Paper/assets/selected-radio-checked-dark@2.png create mode 100644 Paper/assets/selected-radio-checked.png create mode 100644 Paper/assets/selected-radio-checked@2.png create mode 100644 Paper/assets/selected-radio-mixed-dark.png create mode 100644 Paper/assets/selected-radio-mixed-dark@2.png create mode 100644 Paper/assets/selected-radio-mixed.png create mode 100644 Paper/assets/selected-radio-mixed@2.png create mode 100644 Paper/assets/selected-radio-unchecked-dark.png create mode 100644 Paper/assets/selected-radio-unchecked-dark@2.png create mode 100644 Paper/assets/selected-radio-unchecked.png create mode 100644 Paper/assets/selected-radio-unchecked@2.png create mode 100644 Paper/assets/selection-mode-checkbox-checked-active.png create mode 100644 Paper/assets/selection-mode-checkbox-checked-active@2.png create mode 100644 Paper/assets/selection-mode-checkbox-checked-backdrop.png create mode 100644 Paper/assets/selection-mode-checkbox-checked-backdrop@2.png create mode 100644 Paper/assets/selection-mode-checkbox-checked-hover.png create mode 100644 Paper/assets/selection-mode-checkbox-checked-hover@2.png create mode 100644 Paper/assets/selection-mode-checkbox-checked.png create mode 100644 Paper/assets/selection-mode-checkbox-checked@2.png create mode 100644 Paper/assets/selection-mode-checkbox-unchecked-active.png create mode 100644 Paper/assets/selection-mode-checkbox-unchecked-active@2.png create mode 100644 Paper/assets/selection-mode-checkbox-unchecked-backdrop.png create mode 100644 Paper/assets/selection-mode-checkbox-unchecked-backdrop@2.png create mode 100644 Paper/assets/selection-mode-checkbox-unchecked-hover.png create mode 100644 Paper/assets/selection-mode-checkbox-unchecked-hover@2.png create mode 100644 Paper/assets/selection-mode-checkbox-unchecked.png create mode 100644 Paper/assets/selection-mode-checkbox-unchecked@2.png create mode 100644 Paper/gtk-3.0/apps.css create mode 100644 Paper/gtk-3.0/apps/appcenter.css create mode 100644 Paper/gtk-3.0/apps/archive-manager.css create mode 100644 Paper/gtk-3.0/apps/baobab.css create mode 100644 Paper/gtk-3.0/apps/bijiben.css create mode 100644 Paper/gtk-3.0/apps/birdie.css create mode 100644 Paper/gtk-3.0/apps/budgie.css create mode 100644 Paper/gtk-3.0/apps/calculator.css create mode 100644 Paper/gtk-3.0/apps/calendar.css create mode 100644 Paper/gtk-3.0/apps/cheese.css create mode 100644 Paper/gtk-3.0/apps/epiphany.css create mode 100644 Paper/gtk-3.0/apps/fallback.css create mode 100644 Paper/gtk-3.0/apps/geary.css create mode 100644 Paper/gtk-3.0/apps/gedit.css create mode 100644 Paper/gtk-3.0/apps/gnome-calendar.css create mode 100644 Paper/gtk-3.0/apps/gnome-clocks.css create mode 100644 Paper/gtk-3.0/apps/gnome-contacts.css create mode 100644 Paper/gtk-3.0/apps/gnome-disks.css create mode 100644 Paper/gtk-3.0/apps/gnome-documents.css create mode 100644 Paper/gtk-3.0/apps/gnome-music.css create mode 100644 Paper/gtk-3.0/apps/gnome-photos.css create mode 100644 Paper/gtk-3.0/apps/gnome-software.css create mode 100644 Paper/gtk-3.0/apps/gnome-system-monitor.css create mode 100644 Paper/gtk-3.0/apps/gnome-terminal.css create mode 100644 Paper/gtk-3.0/apps/gnome-tweak-tool.css create mode 100644 Paper/gtk-3.0/apps/gnome-weather.css create mode 100644 Paper/gtk-3.0/apps/gnome.css create mode 100644 Paper/gtk-3.0/apps/logs.css create mode 100644 Paper/gtk-3.0/apps/midori.css create mode 100644 Paper/gtk-3.0/apps/nautilus.css create mode 100644 Paper/gtk-3.0/apps/noise.css create mode 100644 Paper/gtk-3.0/apps/pantheon-files.css create mode 100644 Paper/gtk-3.0/apps/pantheon-terminal.css create mode 100644 Paper/gtk-3.0/apps/pantheon.css create mode 100644 Paper/gtk-3.0/apps/rhythmbox.css create mode 100644 Paper/gtk-3.0/apps/scratch-text-editor.css create mode 100644 Paper/gtk-3.0/apps/settings.css create mode 100644 Paper/gtk-3.0/apps/shotwell.css create mode 100644 Paper/gtk-3.0/apps/snap.css create mode 100644 Paper/gtk-3.0/apps/synaptic.css create mode 100644 Paper/gtk-3.0/apps/unity.css create mode 100644 Paper/gtk-3.0/apps/vocal.css create mode 100644 Paper/gtk-3.0/apps/xfce.css create mode 100644 Paper/gtk-3.0/apps/yelp.css create mode 120000 Paper/gtk-3.0/assets/checkbox-checked-active-dark.png create mode 120000 Paper/gtk-3.0/assets/checkbox-checked-active-dark@2.png create mode 120000 Paper/gtk-3.0/assets/checkbox-checked-active.png create mode 120000 Paper/gtk-3.0/assets/checkbox-checked-active@2.png create mode 120000 Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive-dark.png create mode 120000 Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive-dark@2.png create mode 120000 Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive.png create mode 120000 Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive@2.png create mode 120000 Paper/gtk-3.0/assets/checkbox-checked-insensitive-backdrop-dark.png create mode 120000 Paper/gtk-3.0/assets/checkbox-checked-insensitive-backdrop-dark@2.png create mode 120000 Paper/gtk-3.0/assets/checkbox-checked-insensitive-backdrop.png create mode 120000 Paper/gtk-3.0/assets/checkbox-checked-insensitive-backdrop@2.png create mode 120000 Paper/gtk-3.0/assets/checkbox-mixed-active-dark.png create mode 120000 Paper/gtk-3.0/assets/checkbox-mixed-active-dark@2.png create mode 120000 Paper/gtk-3.0/assets/checkbox-mixed-active.png create mode 120000 Paper/gtk-3.0/assets/checkbox-mixed-active@2.png create mode 120000 Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive-dark.png create mode 120000 Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive-dark@2.png create mode 120000 Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive.png create mode 120000 Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive@2.png create mode 120000 Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop-dark.png create mode 120000 Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop-dark@2.png create mode 120000 Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop.png create mode 120000 Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop@2.png create mode 120000 Paper/gtk-3.0/assets/checkbox-unchecked-active-dark.png create mode 120000 Paper/gtk-3.0/assets/checkbox-unchecked-active-dark@2.png create mode 120000 Paper/gtk-3.0/assets/checkbox-unchecked-active.png create mode 120000 Paper/gtk-3.0/assets/checkbox-unchecked-active@2.png create mode 120000 Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive-dark.png create mode 120000 Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive-dark@2.png create mode 120000 Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive.png create mode 120000 Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive@2.png create mode 120000 Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop-dark.png create mode 120000 Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop-dark@2.png create mode 120000 Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop.png create mode 120000 Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop@2.png create mode 100644 Paper/gtk-3.0/assets/header-separator-dark.png create mode 100644 Paper/gtk-3.0/assets/header-separator-dark@2.png create mode 100644 Paper/gtk-3.0/assets/header-separator.png create mode 100644 Paper/gtk-3.0/assets/header-separator@2.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-checked-dark.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-checked-dark@2.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover-dark.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover-dark@2.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover@2.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-checked-insensitive-dark.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-checked-insensitive-dark@2.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-checked-insensitive@2.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-checked.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-checked@2.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-mixed-dark.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-mixed-dark@2.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-mixed-hover-dark.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-mixed-hover-dark@2.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-mixed-hover.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-mixed-hover@2.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive-dark.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive-dark@2.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive@2.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-mixed.png create mode 100644 Paper/gtk-3.0/assets/menuitem-checkbox-mixed@2.png create mode 100644 Paper/gtk-3.0/assets/menuitem-radio-checked-dark.png create mode 100644 Paper/gtk-3.0/assets/menuitem-radio-checked-dark@2.png create mode 100644 Paper/gtk-3.0/assets/menuitem-radio-checked-hover-dark.png create mode 100644 Paper/gtk-3.0/assets/menuitem-radio-checked-hover-dark@2.png create mode 100644 Paper/gtk-3.0/assets/menuitem-radio-checked-hover.png create mode 100644 Paper/gtk-3.0/assets/menuitem-radio-checked-hover@2.png create mode 100644 Paper/gtk-3.0/assets/menuitem-radio-checked-insensitive-dark.png create mode 100644 Paper/gtk-3.0/assets/menuitem-radio-checked-insensitive-dark@2.png create mode 100644 Paper/gtk-3.0/assets/menuitem-radio-checked-insensitive.png create mode 100644 Paper/gtk-3.0/assets/menuitem-radio-checked-insensitive@2.png create mode 100644 Paper/gtk-3.0/assets/menuitem-radio-checked.png create mode 100644 Paper/gtk-3.0/assets/menuitem-radio-checked@2.png create mode 120000 Paper/gtk-3.0/assets/radio-checked-active-dark.png create mode 120000 Paper/gtk-3.0/assets/radio-checked-active-dark@2.png create mode 120000 Paper/gtk-3.0/assets/radio-checked-active.png create mode 120000 Paper/gtk-3.0/assets/radio-checked-active@2.png create mode 120000 Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive-dark.png create mode 120000 Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive-dark@2.png create mode 120000 Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive.png create mode 120000 Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive@2.png create mode 120000 Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop-dark.png create mode 120000 Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop-dark@2.png create mode 120000 Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop.png create mode 120000 Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop@2.png create mode 120000 Paper/gtk-3.0/assets/radio-mixed-active-dark.png create mode 120000 Paper/gtk-3.0/assets/radio-mixed-active-dark@2.png create mode 120000 Paper/gtk-3.0/assets/radio-mixed-active.png create mode 120000 Paper/gtk-3.0/assets/radio-mixed-active@2.png create mode 120000 Paper/gtk-3.0/assets/radio-mixed-backdrop-insensitive-dark.png create mode 120000 Paper/gtk-3.0/assets/radio-mixed-backdrop-insensitive-dark@2.png create mode 120000 Paper/gtk-3.0/assets/radio-mixed-backdrop-insensitive.png create mode 120000 Paper/gtk-3.0/assets/radio-mixed-backdrop-insensitive@2.png create mode 120000 Paper/gtk-3.0/assets/radio-mixed-insensitive-backdrop-dark.png create mode 120000 Paper/gtk-3.0/assets/radio-mixed-insensitive-backdrop-dark@2.png create mode 120000 Paper/gtk-3.0/assets/radio-mixed-insensitive-backdrop.png create mode 120000 Paper/gtk-3.0/assets/radio-mixed-insensitive-backdrop@2.png create mode 120000 Paper/gtk-3.0/assets/radio-unchecked-active-dark.png create mode 120000 Paper/gtk-3.0/assets/radio-unchecked-active-dark@2.png create mode 120000 Paper/gtk-3.0/assets/radio-unchecked-active.png create mode 120000 Paper/gtk-3.0/assets/radio-unchecked-active@2.png create mode 120000 Paper/gtk-3.0/assets/radio-unchecked-backdrop-insensitive-dark.png create mode 120000 Paper/gtk-3.0/assets/radio-unchecked-backdrop-insensitive-dark@2.png create mode 120000 Paper/gtk-3.0/assets/radio-unchecked-backdrop-insensitive.png create mode 120000 Paper/gtk-3.0/assets/radio-unchecked-backdrop-insensitive@2.png create mode 120000 Paper/gtk-3.0/assets/radio-unchecked-insensitive-backdrop-dark.png create mode 120000 Paper/gtk-3.0/assets/radio-unchecked-insensitive-backdrop-dark@2.png create mode 120000 Paper/gtk-3.0/assets/radio-unchecked-insensitive-backdrop.png create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-01-dark.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-01.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-02-dark.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-02.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-03-dark.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-03.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-04-dark.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-04.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-05-dark.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-05.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-06-dark.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-06.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-07-dark.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-07.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-08-dark.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-08.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-09-dark.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-09.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-10-dark.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-10.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-11-dark.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-11.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-12-dark.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-12.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-13-dark.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-13.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-14-dark.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-14.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-15-dark.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-15.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-16-dark.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-16.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-17-dark.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-17.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-18-dark.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-18.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-19-dark.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-19.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-20-dark.svg create mode 100644 Paper/gtk-3.0/assets/scalable/spinner-20.svg create mode 100644 Paper/gtk-3.0/assets/scale-slider-down-active-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-down-active-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-down-active.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-down-active@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-down-backdrop-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-down-backdrop-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-down-backdrop-insensitive-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-down-backdrop-insensitive-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-down-backdrop-insensitive.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-down-backdrop-insensitive@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-down-backdrop.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-down-backdrop@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-down-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-down-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-down-hover-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-down-hover-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-down-hover.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-down-hover@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-down-insensitive-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-down-insensitive-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-down-insensitive.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-down-insensitive@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-down.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-down@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz-active-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz-active-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz-active.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz-active@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz-backdrop-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz-backdrop-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz-backdrop-insensitive-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz-backdrop-insensitive-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz-backdrop-insensitive.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz-backdrop-insensitive@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz-backdrop.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz-backdrop@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz-hover-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz-hover-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz-hover.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz-hover@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz-insensitive-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz-insensitive-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz-insensitive.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz-insensitive@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-horz@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left-active-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left-active-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left-active.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left-active@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left-backdrop-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left-backdrop-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left-backdrop-insensitive-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left-backdrop-insensitive-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left-backdrop-insensitive.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left-backdrop-insensitive@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left-backdrop.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left-backdrop@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left-hover-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left-hover-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left-hover.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left-hover@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left-insensitive-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left-insensitive-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left-insensitive.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left-insensitive@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-left@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right-active-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right-active-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right-active.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right-active@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right-backdrop-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right-backdrop-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right-backdrop.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right-backdrop@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right-hover-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right-hover-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right-hover.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right-hover@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right-insensitive-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right-insensitive-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right-insensitive.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right-insensitive@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-right@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up-active-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up-active-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up-active.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up-active@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up-backdrop-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up-backdrop-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up-backdrop-insensitive-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up-backdrop-insensitive-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up-backdrop-insensitive.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up-backdrop-insensitive@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up-backdrop.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up-backdrop@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up-hover-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up-hover-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up-hover.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up-hover@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up-insensitive-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up-insensitive-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up-insensitive.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up-insensitive@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-up@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert-active-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert-active-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert-active.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert-active@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert-backdrop-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert-backdrop-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert-backdrop-insensitive-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert-backdrop-insensitive-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert-backdrop-insensitive.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert-backdrop-insensitive@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert-backdrop.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert-backdrop@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert-hover-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert-hover-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert-hover.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert-hover@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert-insensitive-dark.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert-insensitive-dark@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert-insensitive.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert-insensitive@2.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert.png create mode 100644 Paper/gtk-3.0/assets/scale-slider-vert@2.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-checked-active-dark.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-checked-active-dark@2.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-checked-active.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-checked-active@2.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop-dark.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop-dark@2.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop@2.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-checked-hover-dark.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-checked-hover-dark@2.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-checked-hover.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-checked-hover@2.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-mixed-active-dark.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-mixed-active-dark@2.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-mixed-active.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-mixed-active@2.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-unchecked-active-dark.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-unchecked-active-dark@2.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-unchecked-active.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-unchecked-active@2.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-unchecked-backdrop-dark.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-unchecked-backdrop-dark@2.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-unchecked-backdrop.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-unchecked-backdrop@2.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover-dark.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover-dark@2.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover.png create mode 120000 Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover@2.png create mode 120000 Paper/gtk-3.0/assets/selected-radio-checked-active-dark.png create mode 120000 Paper/gtk-3.0/assets/selected-radio-checked-active-dark@2.png create mode 120000 Paper/gtk-3.0/assets/selected-radio-checked-active.png create mode 120000 Paper/gtk-3.0/assets/selected-radio-checked-active@2.png create mode 120000 Paper/gtk-3.0/assets/selected-radio-checked-hover.png create mode 120000 Paper/gtk-3.0/assets/selected-radio-checked-hover@2.png create mode 120000 Paper/gtk-3.0/assets/selected-radio-mixed-active-dark.png create mode 120000 Paper/gtk-3.0/assets/selected-radio-mixed-active-dark@2.png create mode 120000 Paper/gtk-3.0/assets/selected-radio-mixed-active.png create mode 120000 Paper/gtk-3.0/assets/selected-radio-mixed-active@2.png create mode 120000 Paper/gtk-3.0/assets/selected-radio-unchecked-active-dark.png create mode 120000 Paper/gtk-3.0/assets/selected-radio-unchecked-active-dark@2.png create mode 120000 Paper/gtk-3.0/assets/selected-radio-unchecked-active.png create mode 120000 Paper/gtk-3.0/assets/selected-radio-unchecked-active@2.png create mode 120000 Paper/gtk-3.0/assets/selected-radio-unchecked-hover.png create mode 120000 Paper/gtk-3.0/assets/selected-radio-unchecked-hover@2.png create mode 100644 Paper/gtk-3.0/granite-widgets.css create mode 100644 Paper/gtk-3.0/gtk-common.css create mode 100644 Paper/gtk-3.0/gtk-widgets-assets-dark.css create mode 100644 Paper/gtk-3.0/gtk-widgets-assets.css create mode 100644 Paper/gtk-3.0/gtk-widgets.css create mode 100644 Paper/gtk-3.0/settings.ini delete mode 100644 Paper/gtk-3.0/widgets/_checks-radios.scss create mode 100644 Paper/gtk-3.0/widgets/action-bar.css create mode 100644 Paper/gtk-3.0/widgets/app-notifications.css create mode 100644 Paper/gtk-3.0/widgets/base-states.css create mode 100644 Paper/gtk-3.0/widgets/buttons.css create mode 100644 Paper/gtk-3.0/widgets/calendar.css create mode 100644 Paper/gtk-3.0/widgets/cell-row.css create mode 100644 Paper/gtk-3.0/widgets/check-radio.css create mode 100644 Paper/gtk-3.0/widgets/color-chooser.css create mode 100644 Paper/gtk-3.0/widgets/column-header.css create mode 100644 Paper/gtk-3.0/widgets/combobox.css create mode 100644 Paper/gtk-3.0/widgets/composited-indicator.css create mode 100644 Paper/gtk-3.0/widgets/csd.css create mode 100644 Paper/gtk-3.0/widgets/cursor-handles.css create mode 100644 Paper/gtk-3.0/widgets/destructive-action-buttons.css create mode 100644 Paper/gtk-3.0/widgets/dialogs.css create mode 100644 Paper/gtk-3.0/widgets/dynamic-notebook.css create mode 100644 Paper/gtk-3.0/widgets/entry.css create mode 100644 Paper/gtk-3.0/widgets/expander.css create mode 100644 Paper/gtk-3.0/widgets/floating-bar.css create mode 100644 Paper/gtk-3.0/widgets/header-bar.css create mode 100644 Paper/gtk-3.0/widgets/images.css create mode 100644 Paper/gtk-3.0/widgets/infobars.css create mode 100644 Paper/gtk-3.0/widgets/inline-toolbars.css create mode 100644 Paper/gtk-3.0/widgets/labels.css create mode 100644 Paper/gtk-3.0/widgets/levelbars.css create mode 100644 Paper/gtk-3.0/widgets/linked-buttons.css create mode 100644 Paper/gtk-3.0/widgets/links.css create mode 100644 Paper/gtk-3.0/widgets/list-rows.css create mode 100644 Paper/gtk-3.0/widgets/menu-button.css create mode 100644 Paper/gtk-3.0/widgets/menubars.css create mode 100644 Paper/gtk-3.0/widgets/menus.css create mode 100644 Paper/gtk-3.0/widgets/message-dialogs.css create mode 100644 Paper/gtk-3.0/widgets/miscellaneous.css create mode 100644 Paper/gtk-3.0/widgets/notebook.css create mode 100644 Paper/gtk-3.0/widgets/osd.css create mode 100644 Paper/gtk-3.0/widgets/overflow.css create mode 100644 Paper/gtk-3.0/widgets/popovers.css create mode 100644 Paper/gtk-3.0/widgets/progressbars.css create mode 100644 Paper/gtk-3.0/widgets/scales.css create mode 100644 Paper/gtk-3.0/widgets/scrollbars.css create mode 100644 Paper/gtk-3.0/widgets/search-bars.css create mode 100644 Paper/gtk-3.0/widgets/selection-mode.css create mode 100644 Paper/gtk-3.0/widgets/separators.css create mode 100644 Paper/gtk-3.0/widgets/sidebar.css create mode 100644 Paper/gtk-3.0/widgets/source-list.css create mode 100644 Paper/gtk-3.0/widgets/spinbutton.css create mode 100644 Paper/gtk-3.0/widgets/spinner.css create mode 100644 Paper/gtk-3.0/widgets/statusbar.css create mode 100644 Paper/gtk-3.0/widgets/suggested-action-buttons.css create mode 100644 Paper/gtk-3.0/widgets/switches.css create mode 100644 Paper/gtk-3.0/widgets/tiles.css create mode 100644 Paper/gtk-3.0/widgets/titlebar.css create mode 100644 Paper/gtk-3.0/widgets/toolbars.css create mode 100644 Paper/gtk-3.0/widgets/tooltips.css create mode 100644 Paper/gtk-3.0/widgets/views.css create mode 100644 Paper/gtk-3.0/widgets/windows.css rename Paper/{gtk-3.0 => gtk-3.18}/_apps.scss (100%) rename Paper/{gtk-3.0 => gtk-3.18}/_colors-public.scss (100%) create mode 100644 Paper/gtk-3.18/_colors.scss create mode 100644 Paper/gtk-3.18/_common.scss create mode 100644 Paper/gtk-3.18/_drawing.scss create mode 100644 Paper/gtk-3.18/_widgets.scss rename Paper/{gtk-3.0 => gtk-3.18}/apps/_archive-manager.scss (100%) rename Paper/{gtk-3.0 => gtk-3.18}/apps/_birdie.scss (100%) rename Paper/{gtk-3.0 => gtk-3.18}/apps/_budgie.scss (100%) rename Paper/{gtk-3.0 => gtk-3.18}/apps/_geary.scss (100%) rename Paper/{gtk-3.0 => gtk-3.18}/apps/_gnome.scss (98%) create mode 100644 Paper/gtk-3.18/apps/_lightdm.scss rename Paper/{gtk-3.0 => gtk-3.18}/apps/_midori.scss (100%) rename Paper/{gtk-3.0 => gtk-3.18}/apps/_pantheon.scss (100%) rename Paper/{gtk-3.0 => gtk-3.18}/apps/_unity.scss (94%) rename Paper/{gtk-3.0 => gtk-3.18}/apps/_vocal.scss (100%) create mode 100644 Paper/gtk-3.18/gtk-dark.css rename Paper/{gtk-3.0 => gtk-3.18}/gtk-dark.scss (100%) create mode 100644 Paper/gtk-3.18/gtk.css rename Paper/{gtk-3.0 => gtk-3.18}/gtk.scss (100%) rename Paper/{gtk-3.0 => gtk-3.18}/widgets/_action-bars.scss (99%) create mode 100644 Paper/gtk-3.18/widgets/_app-notifications.scss create mode 100644 Paper/gtk-3.18/widgets/_base-states.scss create mode 100644 Paper/gtk-3.18/widgets/_buttons.scss create mode 100644 Paper/gtk-3.18/widgets/_calendar.scss create mode 100644 Paper/gtk-3.18/widgets/_checks-radios.scss create mode 100644 Paper/gtk-3.18/widgets/_color-chooser.scss create mode 100644 Paper/gtk-3.18/widgets/_comboboxes.scss create mode 100644 Paper/gtk-3.18/widgets/_dialogs.scss create mode 100644 Paper/gtk-3.18/widgets/_entries.scss create mode 100644 Paper/gtk-3.18/widgets/_expanders.scss create mode 100644 Paper/gtk-3.18/widgets/_floating-bar.scss create mode 100644 Paper/gtk-3.18/widgets/_frames.scss create mode 100644 Paper/gtk-3.18/widgets/_granite.scss create mode 100644 Paper/gtk-3.18/widgets/_header-bars.scss rename Paper/{gtk-3.0 => gtk-3.18}/widgets/_infobars.scss (100%) create mode 100644 Paper/gtk-3.18/widgets/_level-bars.scss create mode 100644 Paper/gtk-3.18/widgets/_links.scss create mode 100644 Paper/gtk-3.18/widgets/_lists.scss create mode 100644 Paper/gtk-3.18/widgets/_menus.scss create mode 100644 Paper/gtk-3.18/widgets/_misc.scss create mode 100644 Paper/gtk-3.18/widgets/_notebooks.scss create mode 100644 Paper/gtk-3.18/widgets/_paned.scss rename Paper/{gtk-3.0 => gtk-3.18}/widgets/_pathbars.scss (100%) create mode 100644 Paper/gtk-3.18/widgets/_popovers.scss create mode 100644 Paper/gtk-3.18/widgets/_progress-bars.scss create mode 100644 Paper/gtk-3.18/widgets/_scales.scss create mode 100644 Paper/gtk-3.18/widgets/_scrollbars.scss create mode 100644 Paper/gtk-3.18/widgets/_sidebar.scss create mode 100644 Paper/gtk-3.18/widgets/_spinbuttons.scss rename Paper/{gtk-3.0 => gtk-3.18}/widgets/_spinner.scss (91%) create mode 100644 Paper/gtk-3.18/widgets/_switches.scss rename Paper/{gtk-3.0 => gtk-3.18}/widgets/_toolbars.scss (100%) create mode 100644 Paper/gtk-3.18/widgets/_tooltips.scss create mode 100644 Paper/gtk-3.18/widgets/_treeviews.scss create mode 100644 Paper/gtk-3.18/widgets/_windows.scss create mode 100644 Paper/gtk-3.20/_apps.scss create mode 100644 Paper/gtk-3.20/_colors-public.scss rename Paper/{gtk-3.0 => gtk-3.20}/_colors.scss (100%) rename Paper/{gtk-3.0 => gtk-3.20}/_common.scss (100%) rename Paper/{gtk-3.0 => gtk-3.20}/_drawing.scss (100%) rename Paper/{gtk-3.0 => gtk-3.20}/_widgets.scss (100%) create mode 100644 Paper/gtk-3.20/apps/_budgie.scss create mode 100644 Paper/gtk-3.20/apps/_geary.scss create mode 100644 Paper/gtk-3.20/apps/_gnome.scss rename Paper/{gtk-3.0 => gtk-3.20}/apps/_lightdm.scss (98%) create mode 100644 Paper/gtk-3.20/apps/_pantheon.scss create mode 100644 Paper/gtk-3.20/apps/_unity.scss create mode 100644 Paper/gtk-3.20/gtk-dark.css create mode 100644 Paper/gtk-3.20/gtk-dark.scss create mode 100644 Paper/gtk-3.20/gtk.css create mode 100644 Paper/gtk-3.20/gtk.scss create mode 100644 Paper/gtk-3.20/widgets/_action-bars.scss rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_app-notifications.scss (100%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_base-states.scss (85%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_buttons.scss (99%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_calendar.scss (98%) create mode 100644 Paper/gtk-3.20/widgets/_checks-radios.scss rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_color-chooser.scss (98%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_comboboxes.scss (97%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_dialogs.scss (97%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_entries.scss (94%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_expanders.scss (100%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_file-chooser.scss (97%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_floating-bar.scss (97%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_frames.scss (96%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_granite.scss (89%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_header-bars.scss (94%) create mode 100644 Paper/gtk-3.20/widgets/_infobars.scss rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_level-bars.scss (97%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_links.scss (95%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_lists.scss (97%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_menus.scss (93%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_misc.scss (54%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_notebooks.scss (98%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_paned.scss (100%) create mode 100644 Paper/gtk-3.20/widgets/_pathbars.scss rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_popovers.scss (95%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_print-dialog.scss (100%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_progress-bars.scss (100%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_scales.scss (97%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_scrollbars.scss (88%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_sidebar.scss (100%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_spinbuttons.scss (98%) create mode 100644 Paper/gtk-3.20/widgets/_spinner.scss rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_switches.scss (91%) create mode 100644 Paper/gtk-3.20/widgets/_toolbars.scss rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_tooltips.scss (100%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_touch-copy-paste.scss (100%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_treeviews.scss (100%) rename Paper/{gtk-3.0 => gtk-3.20}/widgets/_windows.scss (100%) diff --git a/Paper/gtk-3.0/README.md b/Paper/README.md similarity index 100% rename from Paper/gtk-3.0/README.md rename to Paper/README.md diff --git a/Paper/assets/checkbox-checked-active.png b/Paper/assets/checkbox-checked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..e54e1611441235eace23d99a4b3601b97793dcfa GIT binary patch literal 571 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4UCTZx(lP)||Gvv)4g$Yn;~9yt~P=${AauuDmX75s2Ay zu4qrR4RgU?kuWXMQ%{YSW%8BJ^=pq>+ZNQ7Vs!HF?<*6ESt6#nZolp7)tNau-16`}iI`nYELuxYC9TBp49$hKUa(@J996TOzoT$Pcp*c->y%Csb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`sIMih*p&su`gWiRHo5 z9E8ACH?&;;H0A!8uS4s)J2UI5YnSSQf#G@I?|GkjzwiA9{^MVVWJaFxKC6&oJOCPj z{48s%0dEl6oyq&xl&-F>vzn$o1BAt5xneL7Fa91V%(Ac^p;I}lSKRjSbD${BeU$ZC z@h>lQ%G#&Sb8c5rp8aq(Rllh}7azV=W`D*wU6vc`1sq9XmsP)@q~X#NAot$+6S6bU zek7aX00(Sx-pQl+Hfiy*Bi|CUCC4O5x@+hF@jX9&?C6oQvNCKon@P&fv9Ym1Utizh zB5O2-7eYMg?CgAONw?7Da%Ei{V0?U>g@pw@{Yq8Un*eDIB_V6O;;LJSNH5RGmfI$4$(|53o2W*EB62Il7G=;`U9ySp1jQMS!hRh8b}UQ|_0 zaFQg^+}zA!)V$dl4Ga$tv$V9t^71l1pO5M3Y16z&Btn0GKPxLMDSUl>J#M!OGs$P30=L^uBoe{z_a{!Z5CXs7kEUsa!(qd$7Z(@P($bP*e9r~|s;a6IU!FW# zBO@b*+=7Av+S=N7e2eaQ46CcF@pwFj?MOCcx7%rNZ^z+qm`P-30DgBuZ(+{R&^FRr(qK}z%;0?glr>_IS(7NGAo{Wl$3YwalG8Vu7^wm6oK=}1>V+VwG z2g!17aaFCo_^5AN@g1Th{(P0Kv0M6}p#zimuPF%atU$a3R`2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4@%|&X~FJ&pI zT^ZiTRA*h0ky28MnzP7txtn9g>ZKejGx!x3DNNCuw_dTO`|q8M73G%q&;PcoIo$Yv zTG5r*0}KyJPli-8H{K3NDU+}GW+BFW!1BY7*j-z%Zf|6DwK*Z;??T=Sb8qgNl=G*xC}W|r{U&kf-s*6g!4 z@)&$nU2t^5hP9!LANKFx73s*Xv~zjT`K-nFGi2UGef+J~oEQ+^Apb(xVs+S+Gan1L zJmX@xu{r5!nsa-DP(k?Sw;yw?zI~c`eWk#KcQQJWE7!4R@7{m#I$zJV+4pOnausk+ fxvTd}dM~4mbdhzyrkGd2@MrLJ^>bP0l+XkK*gM<; literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-checked-backdrop-dark@2.png b/Paper/assets/checkbox-checked-backdrop-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..4ad016f917a25e8b2292884ac427e2de0e4565bf GIT binary patch literal 907 zcmV;619bd}P)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`$Vp=E^#Wo!D2f>Jl{y_O4h4i!} zdx*ji6pA#7pt9-yoF2S`yUX3CZa(Gr<-qrx^ZkC$@80tV*6_bWB;fOaN}v$1r0Ed` zW`U2uZ<}&$pNK~NfQ(Ah38MgcKrN7!rm-HOW480NMWvgEfC80!YqYvb)qDnc4+PUR z&IWdEDl6Z`x zP5OX}IBOw2o=f&VQzlH3A%DkYFVLW)pOuQavylEDo)k?T-A*Luw48*%{2a%X9wiL0 zY87bia9e>ZS}q(~m?oT6f49f}C&sNx1#Io^{St8p%>tv5$gh#-k1mdn1*WxQGhTs4 z<$Adg;vtLMFNWaQo8hkUvA`Go_>>iBY{&@3al13*puRBm`X9X-j^QwNZ=0nub33aY015aOtA=Hs6qwq8gjZ*&>etL@Vm zVe9BVCBUZ(ERo`j6mp#acYJ07^K;Z`x0{hJEO8h3Ty{TFHW6P5fsi)^T#a9moUoWU ztTRuDC2vD-r=wqj4gKec*Z2{R%0ssm`^-{xmvs*KTz0=fh!}#xBpUj=oS&AXx$J`| zK?n)L=22QkmaDg-lTZ^PqPjc1u9o{N(J~uw+tgrFEWYOqG5Tug-R=Vi$AysJeJ)39 z3ZEQRHw=8%b{K8Ly}(8?_aw^!s)1tQD=?ZWz-m287l7C37G(4Z7Jz9MZ?kODzcItW hHz1%lU&9&z{sF2x+&%U8EFAy<002ovPDHLkV1j7%i7NmA literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-checked-backdrop.png b/Paper/assets/checkbox-checked-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..0b0297dbb06cb9955fbc2a2dcb9815e8721cd0f2 GIT binary patch literal 560 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4|7b$x)zne{_<=dJCJ}9G~a%9qyO1bZ>YB{P+IXFgJHs zM2up3s_YskArrBeIxZX?t|#=wZz!qxemYc%_;!7&%7j_qsn{ybvDO> zHJ|!q_rCw_p;;I!p3LK=sWp}BY?`nl%evQLjmMAh=Gb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`?k#1tFGCn?z$KzQA?woO(w`>Z%fHF5X_i%W4_?4=vck6LA z3?r@UdU$qrHsyA^-9LN$xn9gI0lHtV(jhh0T78qI6XbZ@Ap^L<@0$K78b~6vt@iR7^JJK z>s)=uBPea9Wm!a{QIg4IS&eC$L?RI~nM@hq+uKWDUtdjq#{hvq03rS^OuG;(D=SsA z-r3nne}BJ|yz>$Gd_D}rV0n4Dc&iH`q?8zj!PeGR**op+?Sw)hnwp&N_=Uz$(=>z- zM5EEN5b=1ts@CmxGdenos;U=}zW5mW{eA`q2dj>wbkFK$Olx+YB zD28FAYkd=Fnue;Xq*5uzSwA^B`BtJ`2D>9T0?>6mY#2tmmT-4>Hv2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4}$7IZ@`g{rTPHGbb@`E(^bvxpdAmg~;eLRo=HcQ)8Yw zSZbQHr?$_1vcdk&^HPD!S$ubPOlY|?eUe6E{k-FzdvhzE9{B#{&(9kBzg1Na_ABdT z^FLsZF`Ik+p2LH*yuwQ71C#T1eqdgH;Ba~F`s=q%Ese987+KT98c(m|*|2F|w2%P9 zyQLEh&#p`GEvv3~JTPa{CZ!gGw4R5n<+(4VCB|@Wy|kCO?_AK1Y%^ z?pn*BU?;Zka3r_Z4wk&srFKI6?ep!E*K#t+UTZ#Eb8zx$@oK3Zdb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`w{hqzBg#R6qf-eR(1EoMgjvi59 z8h8hM*Pe!VpzE3fWf$8qs{qA74dBSp*o@ipT{ouJRcs6cE92a2tKDsmn@<66fk=+V zPGIYn>gr8p>&rERISA!e0ZQX*KFk3kN88&ccJ8iw;BYwBCO?vkRsj-RKFsm^{q`Bh z@_vL$Bd>(pK2Ke@EgvT7@WZj<8iFU8m1iGH3Qs}qzwors0-+9tI-O(<<2IK%a;~;E z3b1G$(1Ig}K`t4&Uy;bYa=oP)hXzRS1?%0$*djhH!%9P6$e_qquC^(u7Ut zfXO^1<~@d9k9$C&+AtqSvc?x3eSdS4duqPAS=|G^#(K>nL;?|Aw|QDU``%}xne|1K zB7_p5t+i?It8DcabQ2mv!~hUFT0HKD3(>L)5RI=+i)YCplpF`S>Gim;X7F*DwEx0t z47UMg2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4}$7IZ@`g{rTPHGbb@`E(^bvxpdAmg~;eLRo=HcQ)8Yw zSZbQHr?$_1vcdk&^HPD!S$ubPOlY|?eUe6E{k-FzdvhzE9{B#{&(9kBzg1Na_ABdT z^FLsZF`Ik+p2LH*yuwQ71C#T1eqdgH;Ba~F`s=q%Ese987+KT98c(m|*|2F|w2%P9 zyQLEh&#p`GEvv3~JTPa{CZ!gGw4R5n<+(4VCB|@Wy|kCO?_AK1Y%^ z?pn*BU?;Zka3r_Z4wk&srFKI6?ep!E*K#t+UTZ#Eb8zx$@oK3Zdb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`w{hqzBg#R6qf-eR(1EoMgjvi59 z8h8hM*Pe!VpzE3fWf$8qs{qA74dBSp*o@ipT{ouJRcs6cE92a2tKDsmn@<66fk=+V zPGIYn>gr8p>&rERISA!e0ZQX*KFk3kN88&ccJ8iw;BYwBCO?vkRsj-RKFsm^{q`Bh z@_vL$Bd>(pK2Ke@EgvT7@WZj<8iFU8m1iGH3Qs}qzwors0-+9tI-O(<<2IK%a;~;E z3b1G$(1Ig}K`t4&Uy;bYa=oP)hXzRS1?%0$*djhH!%9P6$e_qquC^(u7Ut zfXO^1<~@d9k9$C&+AtqSvc?x3eSdS4duqPAS=|G^#(K>nL;?|Aw|QDU``%}xne|1K zB7_p5t+i?It8DcabQ2mv!~hUFT0HKD3(>L)5RI=+i)YCplpF`S>Gim;X7F*DwEx0t z47UMg2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR442iZ|SfcEcoXCgFEVW z%&gdR3LLGwoka=@H3T+ATCmCLAAIN*^Da|som%Yjs%3}2?|pyz_;=YK`7SSF8MGXf z4t*HIV%(-$tFOM=6QFUWzF2$dJND*Aei1}W%PrL>wMq-o|5~(vB#zF ci+T;yIqf;cHyn4j0E3^w)78&qol`;+0BEJxQvd(} literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-checked-hover@2.png b/Paper/assets/checkbox-checked-hover@2.png new file mode 100644 index 0000000000000000000000000000000000000000..c1de13a684e33921d23b430902706b2cf3705b05 GIT binary patch literal 933 zcmV;W16urvP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`#3cAPT(ORwJBVS;_U2fuCK2z0o?t=eY6|h5FpLZ&ku&f;TN(j z-)l#;P$*;;78YKwtgL+L?d@H*hy&cWtH2{b)HLm_EX&?@#Ltn>=QB%7OPVapgH~P; zgy(h@5CN`A+%!#+$)s17!1&d%7_*q~G@RX9-;NhXu8QmIs?Hr}xUnM{U6B7tET1cO0*K3~IFP19Ii zT}9Kh3MU8x6B84J!{JYM|2P^*BogFuIRIj@7`m?G_xtPOip3&pYis25`6_;NbhN2y z$0;xjqw;Q=CRCM<7j8qp-%ltMs+$h0A-CJj%*+fO9UT`<+uA;$C`z4) zbBLnI)YKH+-QBIEY<(kYWFiy_;q|tDfL>}RtTizf9j^c}pi&0fozXDm{ zv-SJGyp-y|2jHibw5xy)oC5AYPrD~(iQgkn)r#NX1^~YRx498Lf49%;00000NkvXX Hu0mjfS3IN3 literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-checked-insensitive-backdrop.png b/Paper/assets/checkbox-checked-insensitive-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..3db14f47ef8ce88eeef321dd5de24a994d969bef GIT binary patch literal 526 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4|7L$x)fvTx^nIH*XAjoel6d!wai9_FTYtKqw0NpbI95W;%pH*Vzrv7r>pmupS#Om z*|=reY1P$Nx!(Vk+#%iTmVfllmE~r$c|ZTOVYEF~_=jl%qmP>KoMMfo9ESxO-j~f{6mdOL_-D=!V`YoyH{Ob*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`@M~{xZxwhcgiyM! zANq+Kz%xLbFtHbMdwW}pMx(ER@I7~F_yjHj+VS!6i>)eN8u}Gy-@tVqo!{LuG{YL9SsZ`?X>dH%BhQs0a znM_9hRRiU6nTv~y9kr-+^(14V(^IZr* zKA-P1p_IaL9ByuU%FFWdGAk>?7ipk@cs$-$Pp=8TS&v4eBoc`r`QRQfO_NkAMLwVJ zbhQuy*L6`!(Q38&W_@8{f%WzEo+%jH0DxuPZP9KM0IutH47Cvog-EB<=(^u)W=sQv zOnCpHVHl*-X=Y|-9x6N99vMe-Bqgt&7&bpNHYnOHp{7TRO$Y!&2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4^>lFzvFJT|$=aLQQKI$X@zje8oD`Zelrz$W1(*&V+W#>Ao6{AiD}LP4 z8v}ftgj_EsrKd!Mx#@m6u%X!U`P`ZL?fj(Q*y$Cn_Bbp$W z`-bg=P}RX|;j;fBk^YY@TBaY~&T+vy=Gs|b^@?MRZj75c)aR^xH=otzgyOLo4>b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`;ej*l5Q#y+0nW{$g=5^x6>v5V*U zIcDGrR&Y7vZRFNkbBPTL+3zHR%Q#-)8qP;+o2mMCZIcL2IA=>Z9oawNT`B{U#Ugc-ad1HH<^gvn1+Be!d1?5A7WGD zU>E6fHPkc04QvnaJ&Aibk+XHMhTEwPMFiAwHv7MdvfgIWMHzSfecjgau^)Mn66AeK zLRY&I`IK-A^O5~M-WDbAhYi`486aXA7ovSTcsY!`NC~!u^se}Gs!PH|o69&BqdiTb z?j1u=bkufho)-bv6TUx0cYP89`iY3A>3$Y`PeB~D4>W`+nM&;;9tn?*!Wg9y^%L<7 zUyn*QYA1|EyvEijM5!~-&g>O~-vkXI?KMO0I!@)ddr(d|&kOIuD!!yPWcsJQQE=-QC3qKXyKDkf{O7cW?T63$8qo(W`JJ~KwxfgGzT*P00002?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4*wp(nj3!^ChWeuDQ>->lfg`%y!OKnMHJXO9?$q$)3^0o%jYr?eW z6uSf-sj!(hugdbk!-9nU_ZLq&6xD6m_Oz(8xX*xx^YDks_jj|H%=VoUl(9C@>*1Wk zQQm9Al)Dz)$=b*}aBsSzEpK#<_C@@-Td;o$t52dCDZOrA~`4E(rPc zYwzaJxyxQ2eyXxIjQjrg^UF+p-#2c*{MS7GCvOGYB&PfFFPXQ`tF3Db*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`z?AU6I$5fWP&VXlxsn1qA| zL<&-!IDql%(1yl|6B81qawIS3UEg#3uJ3&h?(n}ubm7CmBR~U`0X1yk7}x^LwY9Y; zz#<@lmtM)kz*8VNpl}lk@DPaWx_&H#Sdmi30E7@#>822r;x ztE}t#`<0cIY9^CeY>ER&Dbrphcm^ota`}_0s>wmbo2b=l<&BMvdL$CbxAIcT*IqlI z01Qi9N=c1jLtRZ)~z0JmzOQmJrsbkt67I*#*V zYHG^9RRbp{Cmb9cxVT26aVUg%K07;GYjU?@z%)$^!$3-T#o4y~YhhvG?ez5YVQcKr z4Kx}Jc6WDO;z9_PmzUqIuCA8b<9(-`X_^#^MWmD@5(#3lSl3wFw%OU);o{=LC7#V@ zSz229?)8qZfnu?UWmy0ihJoWa#N+XfILC3=-rnZy?99a{lgXZ@eM``~l~PIyg#y)T zwIjwb4C?i|iyt2!XJTTaXMSG;i9`Y+{tZko6JEU@jYdhOQhw?EOAw32xV*f)`VX2W z_V)I090$j7I(mI%WQ1%s>oR_00|1()A%vh%D7Z?pzrWuR8w!QU<#Gf9*K4qAw_!XU zC!J1rl%v&~pX7bb0Zr37Of(^cAeYM#3WfSf+5aHwW+Icx5Dtg?O?R_N z*lr?~N-;Jzc9T?|KcNjMmSvTD-3c^JBM=B+nx=2BTb5O7$?d{DkN7AMR#kOta&q!< zFc^H$EwQSqjE;`_itD=mVSRo5Cr|-?w61$K>aZ`RO`HSYfJQ6nwFBqCA#nfiGw6wF i^XJPq+r{s22Y}x<#t{bvNth`B00002?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR442iZ|SfcEcoXCgFEVW z%&gdR3LLGwoka=@H3T+ATCmCLAAIN*^Da|som%Yjs%3}2?|pyz_;=YK`7SSF8MGXf z4t*HIV%(-$tFOM=6QFUWzF2$dJND*Aei1}W%PrL>wMq-o|5~(vB#zF ci+T;yIqf;cHyn4j0E3^w)78&qol`;+0BEJxQvd(} literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-checked@2.png b/Paper/assets/checkbox-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..c1de13a684e33921d23b430902706b2cf3705b05 GIT binary patch literal 933 zcmV;W16urvP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`#3cAPT(ORwJBVS;_U2fuCK2z0o?t=eY6|h5FpLZ&ku&f;TN(j z-)l#;P$*;;78YKwtgL+L?d@H*hy&cWtH2{b)HLm_EX&?@#Ltn>=QB%7OPVapgH~P; zgy(h@5CN`A+%!#+$)s17!1&d%7_*q~G@RX9-;NhXu8QmIs?Hr}xUnM{U6B7tET1cO0*K3~IFP19Ii zT}9Kh3MU8x6B84J!{JYM|2P^*BogFuIRIj@7`m?G_xtPOip3&pYis25`6_;NbhN2y z$0;xjqw;Q=CRCM<7j8qp-%ltMs+$h0A-CJj%*+fO9UT`<+uA;$C`z4) zbBLnI)YKH+-QBIEY<(kYWFiy_;q|tDfL>}RtTizf9j^c}pi&0fozXDm{ zv-SJGyp-y|2jHibw5xy)oC5AYPrD~(iQgkn)r#NX1^~YRx498Lf49%;00000NkvXX Hu0mjfS3IN3 literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-mixed-active.png b/Paper/assets/checkbox-mixed-active.png new file mode 100644 index 0000000000000000000000000000000000000000..217f15629cc0aeda05e122e89c7ff17ff2b1741b GIT binary patch literal 379 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4)Ew+c)z}xUZ+;LCoTB&Xi&}hN(oFgRv{t!IxQLzRdp5UyKxa-ScgC z9yxH}gTyiSmV^KQzpU*3b|xj^hyMv4M>e-*B|))X)(i|PUv&RZ+VWr((D4kOu6{1- HoD!Mv<}TafGKwCN$kX5oJcMan`(`PkU_4ZpefY0f_D#hNke+hY4~Y%&dv_YW+vopSYtbOD15gLMPjf#S74O;!o) zy>;d6>FtROpBQ%UT>VKy;Y(KV{nN3p7?=ukzgC}TOk7g1GkI!NcJ1#cF=p}!7iIM0 z{J$T_`eqVvLZypCSxZ3Np_YZAw9(>og_U;s%fFvEt`&bd{)KVPo)lL<=e9&(>@aw` L`njxgN@xNA#klDT literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-mixed-backdrop-dark.png b/Paper/assets/checkbox-mixed-backdrop-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..fc5da3a5e73fdf51770c86f6a0c281e6a60e143d GIT binary patch literal 331 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4fE&PR$9uE&slS_ow zkpl-F@H{q9^eiwiFxaDhsG%GvG3N%40(U?T1NSb6tl01MHBxEjQ;XHo%0vMsC!p&4i84i#K9vK_JC*uQ2I&v{5$0zMzW^P>;OXk;vd$@? F2>@~bX9)lR literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-mixed-backdrop-dark@2.png b/Paper/assets/checkbox-mixed-backdrop-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..b06555d11ed9618abc3bb6bb4d2f8bb4e05672cc GIT binary patch literal 430 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g0pLn`BhD5Z!oo35*$U&gh{=Y)wl!L}g48=ci#T{0@5p|=AC13eQWaeYR zkRYxuwk;=EQf|5=PS>#FKh%=*>E3qd2)2;_>%xwH=J05ccwv?H#DVQi!)0p*K?9bm zzJts14xDP)@K$f)2jvZndVL2OCot81jI-C@rYnCWsJ2B}F8c6pu?26s`acAvgIIx@ z4NQA%o*ujW^R8-w;p~vP+YX4AI56f&oxIxd{zopr0JgrMYXATM literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-mixed-backdrop.png b/Paper/assets/checkbox-mixed-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..caf6f0563ccc2f3399852b9c3d122b3834131afa GIT binary patch literal 358 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4imrDfI=m_v%#SZybUpO7qK)lU)M^@)LzUtmUV zxSmVLG&NS{zhR%hw>ADu$jzM;(IC4)*FgCLi^u|BsalSQN=nCN)~;&a`i;kiVb+rC zQxg~jEgA2s=NoPA{_?%)+x7>0&oiCdxl4RW{+;6z`Q8f2XBc;c?_BVzDKNBMXu+!R odwDF&!rpoM7%kSgGt6QPpz+=J2pJiG^+btzHv-xdBea&TTBPxA`QG_o_hm9Yceqe` z*H^@KChs3@rAx~)XKkK&sQI3?$r^r!n1hUuEbOj+zo)k0as{J)!Y=lGOV?#<6M94FbQ5jhONeoR)d_nE32?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4fE&PR$9uE&slS_ow zkpl-F@H{q9^eiwiFxaDhsG%GvG3N%40(U?T1NW{2e|W9`KfXLc;z6Ixhbg-mB!5g; zT=sxj@MeQN&jc4I4h};DgPQij6P~B;OG-%S87Fw2VrFL0H{g%BlFYCL=oki1S3j3^ HP64sPLudbHlZ{Xl)T)5PoZ^;3{6ZaT78Z-?y znV6NbZ&P!*`cBEvzrnU(tI4+p2?_6acVDOMf7BkZh`U(j_`wr*IRe6twpOm}p150Z zL9k{6)0TZjr?37>Ox`f#{HwU=2i#f<7}l0Ac*~Rf^&^)?15*g&6CvAnyL~|A3R5Ml zn?5vl)~G*AneO|N_eMfVRP(IX^sc+rH||fCu?RF-tasbyYX1w)sy3z96|3CEf&OLi MboFyt=akR{0QAwP5C8xG literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-mixed-hover-dark.png b/Paper/assets/checkbox-mixed-hover-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..bf8d690b4f86ee0de374a8428649f060934dce17 GIT binary patch literal 331 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4fE&PR$9uE&slS_ow zkpl-F@H{q9^eiwiFxaDhsG%GvG3N%40(U?T1NW{2e|W9`KfXLc;z6Ixhbg-mB!5g; zT=sxj@MeQN&jc4I4h};DgPQij6P~B;OG-%S87Fw2VrFL0H{g%BlFYCL=oki1S3j3^ HP64sPLudbHlZ{Xl)T)5PoZ^;3{6ZaT78Z-?y znV6NbZ&P!*`cBEvzrnU(tI4+p2?_6acVDOMf7BkZh`U(j_`wr*IRe6twpOm}p150Z zL9k{6)0TZjr?37>Ox`f#{HwU=2i#f<7}l0Ac*~Rf^&^)?15*g&6CvAnyL~|A3R5Ml zn?5vl)~G*AneO|N_eMfVRP(IX^sc+rH||fCu?RF-tasbyYX1w)sy3z96|3CEf&OLi MboFyt=akR{0QAwP5C8xG literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-mixed-hover.png b/Paper/assets/checkbox-mixed-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..19e348989cba8f609d26f79575eb8cbf75e2d99e GIT binary patch literal 324 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4%#w_t+_NE2v8l*IY&vEq}kcrFVdQ&MBb@ E06MyG0{{R3 literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-mixed-hover@2.png b/Paper/assets/checkbox-mixed-hover@2.png new file mode 100644 index 0000000000000000000000000000000000000000..c212eedd6391909e00ce1d21ae22a9a278cdea0b GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh1yZ>bFDX&)t}4(6ySG_O45vFSvO!VBrj|Hlo^@I<_meeP7tvWMaPfeQwUS;`KG zZ+Nd{z!cZ$emG&S@`sBm3yoR-Xmp7wZCc4AI8le^u;qi*_tu_ah<7o%{K2?#UcGkX zOu26t6bx7jV$1Iw-Nrrdx$mpJw^`P8iEdz8yE{haxErIRz#r?n&ypLMeA_4T2ZUa& zUhmlVd0AZe*I#GT4{${^sx=BN(CG4wS5%sGwR$_}8-__LoxdjtOw{qcy!6+dSC6mn znevY@`$2#{pWdGz+%_wZm&~1Vfd9kF_Gldj^^lM=0oOOjh5$p1!PC{xWt~$(698=k BvWfrz literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-mixed-insensitive-backdrop.png b/Paper/assets/checkbox-mixed-insensitive-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..958791ca38cccbca12378064252276cbdd12f350 GIT binary patch literal 330 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4I z^7Hr2X{i}&+q>r<;P@i?jKM5{U1E;mvpMO;v%R(~QEmCa7S?dCvX+<4VDt3*o3yX| zTXLGWtypPk2uo6rd49pXfZ*TCzu4NBEM@cXs@X62+EtjWsWX-7+nZ-3xlVt KpUXO@geCw<^m5Yx literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-mixed-insensitive-backdrop@2.png b/Paper/assets/checkbox-mixed-insensitive-backdrop@2.png new file mode 100644 index 0000000000000000000000000000000000000000..f13450d312dc20227cf3fd3eb22f0e0909c714bb GIT binary patch literal 452 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g0e|fq%hD5Z!oo3i~$Uwj~{*6aS$dZW6>BdWzcsNd0ekviOdDSa(TjzTL zt}X?xRUQTb6ArnwDOffo{q;Wo;{WoEsk|(I%U$`;B`5HmnfGPSD((x6?hn3jIq>K( zJe9PW!th(s_^K1vB!Zt*{<~c*|7KS+pJ+fMq3Dk=58wPm}&D3RQyso=6?oIRV+`ZrU>BDuCYqVRP+;(M^>bP0l+XkK>5iz2 literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-mixed-insensitive-dark.png b/Paper/assets/checkbox-mixed-insensitive-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..2e374d9564f32ce98417761dd3949ff47be29fcb GIT binary patch literal 320 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4gTe~DWM4fe8 literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-mixed-insensitive-dark@2.png b/Paper/assets/checkbox-mixed-insensitive-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..d8cdb2140ce17ede24452e5956c4dd8d19bba5ea GIT binary patch literal 418 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g0Z+N;mhD5Z!opzq9$w8of|G&m2_m`4;o^XHRvd!}sD0v++U2fr#7VdWZD5O!uGG>9gLSf83SL=l{CM^PgExG>Al0Rb6r5jA=YB(7?eV1QWn9=2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR45bc{Zzmf3;_Zc>u2G#}MLe4!O^LlnZ$?)7<{En@MA$QViZ-a)d z-?-+K?LT{^ZpnPirf|N|L-|i=;Zmee}>r&m9wf2msr;9{(n|`{ej8fwXa|2 Zo^V8Fwn|{q6`;cyJYD@<);T3K0RZ#%`9+kP{?kO>=u@0w1yn;f@b{iD5$!}Cv8eF?N; z-*mLPt;cMMV)8?$*9)6%IUc*P&P?g3`=D^Q@c;A40_=|8*R>n}7EWNZVV=0$omZw& z_rqWL22KO^WAl#1{$+Zt=W_r4*@nVtsh3TB@An$&+pSv_)pg40Utv;~1 zgof5iBqzxib1&+7Y_Zg`&)@pnjmh$iJgN7tRc+1Q&9H72g8;*v^)Z1WacrKGVtVfH zVP-r~$sUvbV)g8D1qPM|y9TLQo@pAwp}KEx=`|=fbm+7-1Y8YrnfCV6h2HpLjlYax z2TtCTnd|w7Y2K~#-{)O9FfUEQ*0QMiT|oWJ%}x``-1Mdb1B}7b)z4*}Q$iB}rUkO= literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-mixed.png b/Paper/assets/checkbox-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..19e348989cba8f609d26f79575eb8cbf75e2d99e GIT binary patch literal 324 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4%#w_t+_NE2v8l*IY&vEq}kcrFVdQ&MBb@ E06MyG0{{R3 literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-mixed@2.png b/Paper/assets/checkbox-mixed@2.png new file mode 100644 index 0000000000000000000000000000000000000000..c212eedd6391909e00ce1d21ae22a9a278cdea0b GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh1yZ>bFDX&)t}4(6ySG_O45vFSvO!VBrj|Hlo^@I<_meeP7tvWMaPfeQwUS;`KG zZ+Nd{z!cZ$emG&S@`sBm3yoR-Xmp7wZCc4AI8le^u;qi*_tu_ah<7o%{K2?#UcGkX zOu26t6bx7jV$1Iw-Nrrdx$mpJw^`P8iEdz8yE{haxErIRz#r?n&ypLMeA_4T2ZUa& zUhmlVd0AZe*I#GT4{${^sx=BN(CG4wS5%sGwR$_}8-__LoxdjtOw{qcy!6+dSC6mn znevY@`$2#{pWdGz+%_wZm&~1Vfd9kF_Gldj^^lM=0oOOjh5$p1!PC{xWt~$(698=k BvWfrz literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-unchecked-active.png b/Paper/assets/checkbox-unchecked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..9b1e47e71539be40db1da2131ffabc61fdf68c23 GIT binary patch literal 361 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4)Ew+c)z}xUZ+;LCoTB&X%l{@^Sqvgy0`l@@2Y>g!) o{s|j7PiUN|IX7hbB|Zj*fP^g(0-eg>>FVdQ&MBb@08;0EssI20 literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-unchecked-active@2.png b/Paper/assets/checkbox-unchecked-active@2.png new file mode 100644 index 0000000000000000000000000000000000000000..7712761354792f08deeb99bc1e94d7978a35f175 GIT binary patch literal 552 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybhUzobSw4+2iiKSH9xmyT1kRKi~O2jd|*S zxwF~DTMM==;k9HlIxt0LG4m9`uzf*i!s3E z<{G7`DQ`Bqvi+X><0spGU6Eo5yTIgr;M{k+2OoXd9uyc)ozTjBL`~`A9XGAS`+1ht z*I72~|M}=ojLl3RA-?vdEWiHRZH?09>u0!p?p`(%gG8GmFZ+d3*~12I-;`NPVyCzD z7hm&eyx%1hz~tq?slllFK=lG+MP}*zzfCjFuFH(y*RLGFc0)Jz`rio#vtx_bm!vXr z9O>O${$G$&yI;)1{MO#BZ!dF4+8t=x8|QrRVdLf!-vvM)30~Xf5W|!!&vJ{YP>zRh l+I#NbrSj*3e5uE|!02UQ@O1TaS?83{1OT%=*;xPp literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-unchecked-backdrop-dark.png b/Paper/assets/checkbox-unchecked-backdrop-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..203f66f9bb48323310fdf358299f8bff6e9cde71 GIT binary patch literal 298 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4q((K?r?y`jo{&=-|)VX|eb$%FTTshPF z?Bm=`8F?2LdE8keVKBE@?rQIH(_P6Y7cV$azopr0N?~;X8-^I literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-unchecked-backdrop-dark@2.png b/Paper/assets/checkbox-unchecked-backdrop-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..0d28603ffffded00aca022651fa2ec7421271ba2 GIT binary patch literal 395 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g04|=*dhD5Z!owk?jkby|6{eOklzN6_clHw0+7r!&7WmjE}>dD!2>HfWm|NLzV7UsJZZ>wA;e^FW{ WNA}%m3mZ`AGI+ZBxvX2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4x#9S_gJ*UqCPs@oYd)0`Y*)21US25Uzr!iKw3fTA!(vhWySs

zopr0IPa# A=>Px# literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-unchecked-backdrop@2.png b/Paper/assets/checkbox-unchecked-backdrop@2.png new file mode 100644 index 0000000000000000000000000000000000000000..501c44f360dd3ab7f5ab8f5df699de4186cdedde GIT binary patch literal 438 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g0-*~z>hD5Z!oo1VN$U(qO-f&x{MMELq1fje~#Xm%zN$fk~F^6T>5>GAV zolll0>gWVATsjrSGD&yVnd@)QWZk=*)y;Ui{`?EaTBaojL^!I9q8@PMG+x$b5`K`) zu)+Vya&5zJF+Pn8bWXcYOFeDClU}>R_i~Qwk`te6YG?m_{jFBtfW2wgy6`}erL_;f zugIFJ;(6?=s9E0o!^QRt5?p)&$3HH&{yp2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4q((K?r?y`jo{&=-|)VX|eb$%FTTshPF z?Bm=`8F?2LdE8keVKBE@?rQIH(_P6Y7cV$azopr0N?~;X8-^I literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-unchecked-dark@2.png b/Paper/assets/checkbox-unchecked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..0d28603ffffded00aca022651fa2ec7421271ba2 GIT binary patch literal 395 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g04|=*dhD5Z!owk?jkby|6{eOklzN6_clHw0+7r!&7WmjE}>dD!2>HfWm|NLzV7UsJZZ>wA;e^FW{ WNA}%m3mZ`AGI+ZBxvX2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4q((K?r?y`jo{&=-|)VX|eb$%FTTshPF z?Bm=`8F?2LdE8keVKBE@?rQIH(_P6Y7cV$azopr0N?~;X8-^I literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-unchecked-hover-dark@2.png b/Paper/assets/checkbox-unchecked-hover-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..0d28603ffffded00aca022651fa2ec7421271ba2 GIT binary patch literal 395 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g04|=*dhD5Z!owk?jkby|6{eOklzN6_clHw0+7r!&7WmjE}>dD!2>HfWm|NLzV7UsJZZ>wA;e^FW{ WNA}%m3mZ`AGI+ZBxvX2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4WWkfvBR3=Z8MJ}LQ_dr` iKIkb+j>)P&eCopfaZkcF=r99qWbkzLb6Mw<&;$TYkzw}$ literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-unchecked-hover@2.png b/Paper/assets/checkbox-unchecked-hover@2.png new file mode 100644 index 0000000000000000000000000000000000000000..7494eebf9617287d1dd750b04fd8c9678fdc49c5 GIT binary patch literal 426 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g0A9%VrhD5Z!oo3B-$U(%l-`?QhB|q^8OmFTqxQZ>V_OSB(rgCE^L$z?g zMic!-jJZlJijxj>^u9kJ@;PnCcadNojsJeH57#jGG$>x!`sPF<_XhTLzAS79cwR(` z&9-UCo!W9zEiNue_rHrbgr{6LVz&|O%sqX7NoJJ>%d@n|-A)U*A6T4Q z(U~h8b6s}&=GQEBU0f>~peTg%2}9&G)%#k46L-vsRWD%VI9%|Rms7BFu||~m?ah_{ zPW!)2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4_RJT> z%7^@o+pngS^H&@Qox$?v0ON(!wtmBNX=YP0JhM3xnamo@KF9E~8EiKEzezVG|E2zq pD91@#t}%FWUzciRU-oC8U!;wsK+l9@Pl5I_c)I$ztaD0e0suDVXKnxh literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-unchecked-insensitive-backdrop@2.png b/Paper/assets/checkbox-unchecked-insensitive-backdrop@2.png new file mode 100644 index 0000000000000000000000000000000000000000..9b90478fbe585c29dd8a1fdc869fcc763717aeae GIT binary patch literal 422 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g0?|8a6hD5Z!oo2|_8bg=d#Wzp$Pyu$eZy1 literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-unchecked-insensitive-dark.png b/Paper/assets/checkbox-unchecked-insensitive-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..203f66f9bb48323310fdf358299f8bff6e9cde71 GIT binary patch literal 298 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4q((K?r?y`jo{&=-|)VX|eb$%FTTshPF z?Bm=`8F?2LdE8keVKBE@?rQIH(_P6Y7cV$azopr0N?~;X8-^I literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-unchecked-insensitive-dark@2.png b/Paper/assets/checkbox-unchecked-insensitive-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..0d28603ffffded00aca022651fa2ec7421271ba2 GIT binary patch literal 395 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g04|=*dhD5Z!owk?jkby|6{eOklzN6_clHw0+7r!&7WmjE}>dD!2>HfWm|NLzV7UsJZZ>wA;e^FW{ WNA}%m3mZ`AGI+ZBxvX2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4jH|D(LbzjLzu{X3Xv#WROPKQ=LPD?Z zF4p5T{H}0H#nb54^Bcc+9&h}`k)ZW?-St!NZP^OKB^wweAn1UA1M^!I;wr*%s`uB1=}6no@P=L7oU6WJd0y+k$!tHC$-13a-nvZk71ye3 Wc3<9J%H9a{J%gvKpUXO@geCya;iZ89 literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-unchecked.png b/Paper/assets/checkbox-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..2f11646da5a92ef433e621a54c8690df4232eaae GIT binary patch literal 304 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4WWkfvBR3=Z8MJ}LQ_dr` iKIkb+j>)P&eCopfaZkcF=r99qWbkzLb6Mw<&;$TYkzw}$ literal 0 HcmV?d00001 diff --git a/Paper/assets/checkbox-unchecked@2.png b/Paper/assets/checkbox-unchecked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..7494eebf9617287d1dd750b04fd8c9678fdc49c5 GIT binary patch literal 426 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g0A9%VrhD5Z!oo3B-$U(%l-`?QhB|q^8OmFTqxQZ>V_OSB(rgCE^L$z?g zMic!-jJZlJijxj>^u9kJ@;PnCcadNojsJeH57#jGG$>x!`sPF<_XhTLzAS79cwR(` z&9-UCo!W9zEiNue_rHrbgr{6LVz&|O%sqX7NoJJ>%d@n|-A)U*A6T4Q z(U~h8b6s}&=GQEBU0f>~peTg%2}9&G)%#k46L-vsRWD%VI9%|Rms7BFu||~m?ah_{ zPW!)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`Lkxfh!Q51#Gn}O0c z4VWq=Vl?#c<#5jsH z#X`%Ew1H}9=_F!X(zG+rMKeVhS#ee`=iT?cbMFO?DRS7j9DLPeP|JR(qz?r4ic41r znAsxBOhkgd^pSw>KxmMmm~3xg~3l{_A9gcTWP114u2gVdZPn$ z2SS64sy-hT+KN3L=Uc5-D@-O60AO!#53(#niv8Gl_HoTf!T2=@(PGyr%F?5o_T65O z+onA{tU{rH_n*IQJo&IzUoO+mg{MQA8UQe;Wxu1LHs0%Tdrc-26h(n3iik#|AcVl_ zbb{x3n9XL~^0;lU=aZjS|CB}m1Q-CIl=SgaT1O)VLrD*8Z3du7OUg%Uagwlpyxe6XYI>p1!gqayMRSO<(} P00000NkvXXu0mjf-5yF) literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-checked-active@2.png b/Paper/assets/radio-checked-active@2.png new file mode 100644 index 0000000000000000000000000000000000000000..43d5003a3d929072302583fb88e4d6ce4e0e5612 GIT binary patch literal 1590 zcmV-62Fdw}P)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`Y)M2xR9J=OmrG2XRTRg6_kJ)S zpv>cQ9<+>N2Q4El;hFkuO{}pCQ-fAbV_NCL#JH(z!BioxT{JN+v|yr%kHOZ&L>pgy zX_aX!k9MTB@qscFW@xeWF%0t^7eEU$!$6HY&+40V&;9@Z_uMn*-V6VCQ_Bw(RoB*4 zXDHb$!UKR0SUEd51dIrB5QBZkcI`O+9|{oF*w(d0kapnCW#SGZ(i-k)34xM-Eug-& zbCuHaK0*_Kwo=i6!}i;QcbGSq-BRRm72o6ph+n!gKK%FP^9RnxF8*?1>UPnF4?ro7 zD$CgVW5>2%Z&*P6%WvPWwGIim71qe6I~;#JR_$+43Y|-|fOX*XaPNmF$K00ID}cBq z^3?H;9bYe7K>aIS4=J&}0P;_*s`2Zx7NfLO5?>Mlefcn< zRqO1fr8*c4Vw&cXD6T$di#eD?2XLD<;`Ec z(Af^~Sfz8w=f2hJ_xm$|Q>hfay}d*t5n{0z0H$eDRaHezO$~;zU`_b_ev-*#(WZc7 z;Ip$69z;5T(6x-seblve)@vlJtyJ`_CmTF#)>P|su*u0uLZJ|2V`EuY?RL9qZf>Te zq$ERhfB%5>{Kv;eMQbnUx^VmU6ELp^40s%%(qa3xynJN_c`B94Ne(bNI!bqUH>p%= zf!{C;%F9>kfIWYv0F||QZtR)>LGB0G5b)jXbUHJ@dwY9xlFt{>*VmWfcRHPHSmh}O zP&2JOT>vWp)&~5JY}Fo#L^6Df*{M^fGJHxY)&%_a`CJPGD3lMt?{Q@=AFdVLa%{2K z+r6ea%a$nsL;wm33UeMF%dy4!MPWhVY;lN{MF3HN^H-8tH`<&NzYKG^Tv`3G>)69t z1jt_ir$@%K=C7)%YS{vU!C+SZndo>NKxGpka0npOGk7`MfSK=pPylSeB&H=3*EI&CSg@Ma(s#^d16`vaIQWp;+Y%n0$Jj zcGjZb?j0#x|I;%fR0tetsPNsE4q~&}sIIQ2xVV_BSFe&tBrpsEuh&acQxh9EZltiV zFsryXzdUjH#P1{3Ad&EEJKE;_^UeY#$UChl_0gV#eU;nptDY<>$S+9;G7N*-+FELB zYZuK#x=kjM7vDYHch?MyYMno};Ft?{w1kx6sAY+F%kEDGEXmx88#PPBdS>_Dh$VP{ zBRw6@eX^(kP@*hjE2!A$#N~A_?D_n#CD;G6|Azd9J)a*wH*u*67|SzwHvN*CwPQ54 zy|Z3W`vIHRUi{++FFqd3wjH@_GLgLa^zOYsk4{`_1g0!__;`EEq4c;#uQ&~Do%boE zTfnWAif?IJee$JEjrST_=Pfn|W>(#KsQ>%7zB(S5O?zCF-g4}RKh)6_5XrTm2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR47gTMYSugxmwTtuE3fneCKv$uV1tGyX7BYPe${WN}q*7JIvk{bS{6-leVF2 z^@puY_HC9|3c6k|GBLh!;D>qV@r`m@;*;|K1<1_KStPT4LyO~_!(od9*DYJ@erZde z$nmp5>Hn8pe8KjYYhGa>*O4h}(gWUx@-2Ot*AaC%Zfm$@Pf$#vP*Jns%_YS--=F*4 z?CjG`bY5Ebu>GI0P+WJ*&V$Tu%Kv_JCr>(ZN5U$lxjFjgyxA9YO24h%%XOvr@b4wH z0+MIiW|jY`>@}<_p177XSbN literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-checked-backdrop-dark@2.png b/Paper/assets/radio-checked-backdrop-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..d6bda837d31cc57cc1d819a3247ca6f92bc0ec95 GIT binary patch literal 996 zcmVb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`W*JxO!>?m72-zxUj8&pq(3i`Ark0_Xx#Kon@x`6A!|%fKS= zbH54n00TgKNc%Nl4p`VLfjDp;Na}YH+2Nx8FY0`o{yO#NMWz7E0)JW|kOD3sp)LX6 zfO)`eK-xl%>4a{e415HZOvZMAlcT^DAOhrocgSwS%9@frg5*sPu)=o4b|nx8E-UzV z;1f`70^E}-k^={kXm;xNMk4~3kYvj#c%zUvk|iVx2_%>1{mKJ%#yx6O0*>D* z3E&!%C~q+A{`URHy%oFi3OHjT2W0JvJ^bY1-5&;>1zZPWz!X}n{72BGW6lJgPLD?$ zfCHSZ*p-**^mx>ubJaIULQ+p4rDNXY*-1Jh4ZycZI7#PLfX?&nVbu_b>1eE4u4UZ} z0j{=gkgez2!>S?Rh0T;ifO|450k8%G6s6q=?5Bh-Tz&%H&P@pfSYN{9yFs?z&b>&~ z5b!4B=C#%5Vc{*;nha2RzKsNyb?n3-u|jMDsg8{#Td>zB0(7456%&C)pV5wII+Gc7 z?20|yfJD}=*uyWz#>xhru{OZ#95iKhVo|x3tB|FWpEJQUcx*@E)`v5nu>O@ELp&sK15_NaGO$ z&KU@{B9{7!B4?lTD^2~tG7_o;(o7gzsV2Zr0ewhoHcg0zWCK`L5-BB;r}?fZf*fa` zuAK&c)f)x%gheD0$CN<7ItkP7TMBwn*Or0z_^w{P@oo}F&aXqiOUN1Kk%z@!+v7^O zi|vZHf?V5{+H${iBc06QkoIf9SLzaOF9bYEAjKqw?9yM`OKfNPjb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`Tlfi2mK@`S6ZP$*-DhW+t)9B*1ehzr+s9UYP!VT)4wq0{Mn%VaX| z9&1r4)i0GwpTjWx3E=M4Qs1xF>nFKf?gRi9iv?P(78;EPy4^0KC<3Jv>2w-~VeA!) z#jsYZT?3e=mw;W{wm&9SJkNvg`cY0|E31K8F9v2ISK)~Bm$aU9<#`vhz7hxPv$+wJyOLdd~dc`cMuea6_Q(P;Dw+8FOAlgWHI z9QGZ@d2blT-b2aNYV}L6*SiD|ZSrI-%R1zop9&#-Ddkj3ITb?u;GCaYmUReVS5J8H c&-CQ@3lG%AIiF3mN&o-=07*qoM6N<$g6o_TQUCw| literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-checked-backdrop@2.png b/Paper/assets/radio-checked-backdrop@2.png new file mode 100644 index 0000000000000000000000000000000000000000..b8771e5b430ede97dd6ad44159f4bb93628f63f4 GIT binary patch literal 1245 zcmV<31S0#1P)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`f)s6yh^Wi9 zn^bI#e;SoADT7Xn|Hm~!^T_i8WjDHOH6?j&n@H40aoWO0D%k|pI%F2Vo!$bM# z=twQ{Q$nGTe_&wXb>Ma;M)hTPpc-fb1fS2>=61X9m6erMT}Hj4D5oX&{7W&%S+CBoxE<>J!)Z*ge-R|!0SwIFh$$K3J9j7Ls!sqj~b#--p zdIfR-p{}m(Rh!NB^YrxeF6mr4$Ti3hZU#*K{rzUQ+kNkf!0<6+1gSU$wNfd`|ik z{Y4wkeFfKn=OjtGF*rE*i696CtB*#bjE|4AzP?U08YPuVkxHeAMx#U`5h9TYjg5_n zqL}YWb#=94YisM9t*tE?I3ZoQ&TMfF!0_;Jhadu=y`mR97z|!Wo-1NyWkq+cxw%=3o&BV91&9EZm6f;j zoI{~dQSxH8CX?yK%wxHpfN}s)6s>yBTEdlr{r!F2aZwa+YL9vX)RGyBKoIl`tg5Q1 ze6CypNq|Hm@w=Y0#bPO0z~J_r7GSsAb;o0|m=;@CKolSx z4u7xb>~uP@T6NRo46Ifwt*x!Pa~m5QTI}qhlq=u~z{to*Kvh*G-`Qw1B1zJPBCJ*` zk|bd;6dp0Es>)+yV?Sp8o@nE`rFeC9^}YJ~`nU8*6h+CFVlCTiYiqIF?XXHL& zZ*MZK{rle<42E+XiOWDyl&3>OLvPH@&7A-b$?P^1o_5DT zY<70`cxr0uU7+Aq{0*f1e*cFVa;<62;=+bxetzE7-roMPj?j|H1A)NZ-rioVA=x0^ zL1&>C_!$rZ)b8%?S-;=^j-n_9tyD26it==Fa`NpAxk`HL6Ghz4AlsC7c6N3yEiHX{ zczBpBr72xoTl>1Fr>Bc6G^HBOwB`N%{bsM%+tJ+Ie8*%my^!0M$6~QZo12?IjE;^5 zrl+U1`#_X*TYm1!|ILfZWAYO2DgrbVyPBPnE;1!w&Hl$2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4b3v$gzw@B0t+Nm6+-+B2M$iWpy^|^$U?#| zP9}`6|52M;TdQO2;l0;6y_?m2YAD`?!kX~jFkr4gdvV(gary!a_q e>3jD6N5(zJ94ixAzY7Axlfl!~&t;ucLK6VXQp6ts literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-checked-dark@2.png b/Paper/assets/radio-checked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..909663215b3765f73bc5b734c910688ba1774e28 GIT binary patch literal 978 zcmV;@11b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`d8flC%;>80Y7DB;7BW)>N z4?9b@WuHDz3pf2I&Gy-uo%!$V?Cik54zEr9BrpV|fH=@2^9Mi~$OD@|;j9Ua0OLS! zNc|$P2K+iLfdp^|I4|D^=pAm#{{xxtk>8;FOk{R}Rp3u21X93Vbf`UueuqX=IbLhMo0d}ZItR;a2a9^DN1ik>ZHk=#O z&^geBj^?0z9|jSaKqp&HoCk$G2;1l=B+$~HV1%VTNrCn z9+ze?{?PKYp~dkWQB!%c|%kz9Bx2ucv(rlE6cBqP)ei z`)4oTjMi$^*C=kf$N||%G&VImJ-OkKdB7yl4ZKH+m3;(5GUi;)7c-f7fOCLbwWI2* z#Y`sdkSVbZIw5H$kdkrBWx2l+oeOY&Orq~F^3+FWY#Uz<1iEE(RxJfjLO2J&Q=Xr$ zv2A=c5HMkLB@rH64Nah)oXse;B5-CfZ4e#fl%XR(5=}DAsUiH;J1)S36U+@?}}pR;~bN0r@VW&u|OPx# literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-checked-hover-dark.png b/Paper/assets/radio-checked-hover-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..cad658153167971716ad4a3eef3e7291b1182023 GIT binary patch literal 497 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4b3v$gzw@B0t+Nm6+-+B2M$iWpy^|^$U?#| zP9}`6|52M;TdQO2;l0;6y_?m2YAD`?!kX~jFkr4gdvV(gary!a_q e>3jD6N5(zJ94ixAzY7Axlfl!~&t;ucLK6VXQp6ts literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-checked-hover-dark@2.png b/Paper/assets/radio-checked-hover-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..909663215b3765f73bc5b734c910688ba1774e28 GIT binary patch literal 978 zcmV;@11b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`d8flC%;>80Y7DB;7BW)>N z4?9b@WuHDz3pf2I&Gy-uo%!$V?Cik54zEr9BrpV|fH=@2^9Mi~$OD@|;j9Ua0OLS! zNc|$P2K+iLfdp^|I4|D^=pAm#{{xxtk>8;FOk{R}Rp3u21X93Vbf`UueuqX=IbLhMo0d}ZItR;a2a9^DN1ik>ZHk=#O z&^geBj^?0z9|jSaKqp&HoCk$G2;1l=B+$~HV1%VTNrCn z9+ze?{?PKYp~dkWQB!%c|%kz9Bx2ucv(rlE6cBqP)ei z`)4oTjMi$^*C=kf$N||%G&VImJ-OkKdB7yl4ZKH+m3;(5GUi;)7c-f7fOCLbwWI2* z#Y`sdkSVbZIw5H$kdkrBWx2l+oeOY&Orq~F^3+FWY#Uz<1iEE(RxJfjLO2J&Q=Xr$ zv2A=c5HMkLB@rH64Nah)oXse;B5-CfZ4e#fl%XR(5=}DAsUiH;J1)S36U+@?}}pR;~bN0r@VW&u|OPx# literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-checked-hover.png b/Paper/assets/radio-checked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..0aba9926018dbfa2c7434c9ed028fd4b347cb143 GIT binary patch literal 596 zcmV-a0;~OrP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`LlQC=CKorM+Rw2QS z5Wb~uz(axy3HIheg9P@LAtqCY_6sH7#M9x`Lna%nMaD~lhh#F{B2n28$aoB^KzG~i>UQaRBDv)Qb0L3vFGaf))tC{zNaQqkQP+Haj`z-qZ%-f6MX zXcPd=W^`rfYE4l4LsxrXd7?dVxwhQ z=O`QVp&!ytNbVthF5aAiSeA7zrMwJ+V3MZkW16OqK@j*-%1br*S@X8fvb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`R?R;^SXH{~KFAVmEU~Ucg%pX}i~a#Bfv92A zj4kX|>_U|$KvLT=hG;S~U3i90?1L{cyS$PYKIeSj`<}~p8FquB9W1ik#`*q$0We% z>FJ|twfc81m-{`PP8YVewrYm`zrY_ry-VS*zzy60;UcJrUD7m7 z?Umem8ktPyp5-L$-3W-9JMV|wD#CISpL8Oh1me+X^qbc?_RF9sN;MLR+%`l^SP7e> z;B&xHC=~Aa{r;~+3RP7_mSsw%5+^4o0C+qed_EtcPzamNCfr#*pT8dph1O|==x-tc zPTT06Qb%$V#bQx7?sB=_w{kTLxCSsdIOr7_n-8uV zT(;J3x0?|l6mVsbq)SVT);wSp@B-lM?Ci0~(&OnqosW)+vu?d!H+`Rr1e^m@DwT&K zW1r90wScLqDdBjzTsD0R1v~}F<#IWZaVQkR>lHqaSK#$}2?m40xt*OI)AuuxfF}Uy zbh@DHdP^YNY&H^!L|YMNA`)doUDsc(uCAKladFMfujMmfNS5XAg2CWz5s9j*cDHS(k0;2&@6s3BF#i%kfGh-H`aVuf7+!`=; zcz9?V7#MgEjYe-slGInI>bkBiFE9VNwzl?|#@%0>Z$q-NvC(rw0*&_R z77$ORQg>hHIuu2zEG;d4&;Ko%yDg&t7fop(5cqO$Z|^5f)0A#@y}!Tzi{;L5(xxBm zrY-*ncpD%ZjSeT1Nq;yTzV33l-m}~7lK}O4{ZYAGez?24yPHm@_l=qljXQrpo3^~$ z50eQRA11Axh8Q*APb~4?uK*KH8qI{8MnyBL+PU$2W{_5U^!o2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4UHn6DrXmeua(-Gsp1Z=PapQ2bi`#z*y_;0?Hw6Y zR6JwYKQ5Va_dQ>@;x?i6x0)B5`086eH)jYCVLkTPaN22Ah6Y16MHZ=E{@*D^JG&nL z5Ib;da|83S8#}etPaB;{GnPnB=s8$o#eO4q`|Wh`l%BVYs|;V?4P{(kIgfv?BM0L-%R>e(5^WFW zICBKFVdQ I&MBb@063}WiU0rr literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-checked-insensitive-backdrop@2.png b/Paper/assets/radio-checked-insensitive-backdrop@2.png new file mode 100644 index 0000000000000000000000000000000000000000..3de357a122bc5a6950e181276f0d23c5238c069a GIT binary patch literal 1193 zcmV;a1XlZrP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`$Qnt z&%gop`Vw0SqyxnWrJ+EA2rdO6`47mE6lwSqazRM0vPyv{QlvTw>5`mMT!W|*NWe(6 zNXBxBbuv*{+p*#Jb*%ADiZy7@HwGM{C{ps3w(!in_x;YB=Xr17zYe9z^*+E4v;ZDJ zt&LX!8?b;^K;`ci;0FSL_m=A~fTNn2I|)#M`#3wtFpTizlij$;8>W)L^_&(rCCX?fLBnR+BA`xR_W8xSFh690a_(ySra^c6QFl zyxF#mX_^!Y1x`**0MImzU@(ZT>v%l!fE^wlF7@{Iepw?gT#maV-~;X%h7lea8TkfD z=q<}4olcX_=dmmcAp}AQEX$%?E>kX->FVl2RqF!_e!u^N*4EY^*4Nk1fODLjc#Xsl zFf}#xkT;J8+qTJMGFQ8n;pF6mOeTYE+p=jj9*0Brjy7YZ@FSrGG0K8uB`!eHvK7S+mB?^Utblm6j_0{vb1*kOvy3F|W^z_yO8bwM~ z)wkVT^#cA0ypbGk0abu%wfeivvaPM{)-0N)NylBjuWm!P02`oEsbpowp-|}70)oMy zblm0pDiUr17C^CB{8?tK>w3eTxuIzq;c!?wXPV}v?{k@eR{$$3E2~KAx5wk5zrX)l z5t^pa-`|g-NQ>;n^78U8^#Y_Q-A;eL$%tDBl+uPfZYUF|j&1s|XR&m1RUs_svadvk0eJmF9 zw6(PjH4yEFeSCcUY++&H^V!+i49?EWNcuszU0dEst$HOA2|XT2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4!TIPFUoUn^XD{WJZ+&&B^@s43fAtrpYPX8X z2Z(PAt!dCR+8*<2X_T#iho8~p$;OiZI+qINN$$=_(%oSwSI~RCk~7NUn8GoQA6B<+ z9AwQqePv5Q-!Yk^ymOA;%->XP&mungOF*mF1X-U8{iSWra}wLfl;kt5)wNpB8pai9UHxhMB>e`*P4^u~ vV&y`v`GmglEIl_nv#EOJ%zMu?Vr1e^p3;|M+S>9P7+MUTu6{1-oD!Mb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`m1U6F24}lZl?79R(;1RH+-x0FI zw!TL?zphV3ALE%Hz%lS^6#`}8G2-eG@EK?VzY|CY$T8j14O{~6fOD7dEsv7hzzZM` zw1C&hZqj0?WVevGsRKRc9$QKv1fHw$ufPXjn!&ii6p4W~#G4iUzDgqS3<e#~V`kcqO zjct{QA1$i0rSBD6sXM9^--?A57{XiFSRS9vivz5wV{64Ucv}Q-7Xh^PrpGu;vL^@>eit@;D?z1F-eLZ1> zc;b!{XfO}9Bm`>oiT-;DyurG9ap7eMk@MTt?-6o_9i*_>xjj_ERpuG5hjdmewdFQy zNGFrFAPs>}!~*U*1Pn?@GASdwv~&B2d6cKgnEwI5ALEUfKnRxUO#lD@07*qoM6N<$ Ef@=nIZU6uP literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-checked-insensitive.png b/Paper/assets/radio-checked-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..074cbcece34e4e65f0def7628480caeda1cd614d GIT binary patch literal 644 zcmV-~0(b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`LlTVA~nPLZ9 zi9Cdw>{=cfr$8EbyulWL2iU;fF+p7janWoxtEOpoecxaB zzP~U{vsE~mh~;4&zH7Eq7_bs5N~?D-X|f%t78_W zlzqc6K1eA)1Iq^+{CTZbdz;N>-vO-GYeu6Hwr%6OF00jwL?VHrD8%FObS9IrTdmf2 zV0y90yl$ap-)ah!V>#bWUccmfa!JW^HlMMRiRr#sdslga%* znM}T9lhDZy^FS%eUx}}yPbBao2!iVfOr=sg0^8VpJ|6(L+X8O8-M)+nx~`*X8nIZ6 zSS*I7Y3TZ&_&c4>CE&ttj30#%uaB)FrR?W&x%WX3d;yk`gF7kZRjE{}N-6utn#<*K zB?y8mV7ZT@tEzh5Xf!Ir;jrs@-i_yZH-o|8YopPqsH%DnXxk0@j_D!rjNds&$8@{d e**-M+pX(PN|G@r!48lVI0000E|HP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`8h{l#f6f<;ag^D_rwi2Qntw32|>Ci46STZz;6d^&zNL5m`N{7&} zB81!)Y@kYAYQzxXh$fP89fOS%yLTPVMu+(@2C}t($-{m3-uwUk-uu4q9sJiJ9nroK zXa!t=6|k4rcYx=>Ch!z^_Ob=E13o~l(|#LB0DqlSfC5|qngGJ#uyb&5up<}@b~&BS zHxxx_2gv918(Ujjk7Kde&y$mr4@LU$>*n(W9S6M@R3@&dz3m7r-Kr64@UVtOd9PSjNW2&Rn~8?VHxt)_^2QaxHQI zNs^@I=4M}CU*CHUhvWB|nVAem3DX$8ve#Y^Ljl6TE4OdozTDf}`$av(BIvrVO;1l> z9T*shU}R#Bs&a@ja1l_)#>UR{_xFE&Tyik7;q`hitE#$G&O{TC++$Pa(+*q+g+k7$ zsi|8Qi^XwVax+S$(pGP8?`I1O3ppT$X?Ii$cn47D=H@>2`~4q_f@zvYDwQIgPP4OP zl+J<#a~OG``L0$eVaa6OaBRALJS zYy!k$v0p^aZnqmnQ4S?n6a}~2EqoV^Mk}#*yVNY;DZu39Y(llogV0?W1t2=k@Ji(~_iut{09@qp< z&(6+f&!0cP?)7>vOEot3VdVGk-@iICGO~;@kjw*nZYz<1B9H-2-@AA3v8t*|fk5Dr zEX&rTke5oO?9H1uzZ@MM{SD&)n#WZ83hEk4J32b-H*VZ`zq7M*K$0X&En;2Qwbj+t zAFo`w@_o7HFEEA>;bl_KSpGK93=j&1oWsMz=K_Ji#iphvkIiOl2PhN@8<|XIJsOSv zIx#U3FLyf_HDBhKW4Re^7#}9}j%eG!pP0J+qyj2v#26-A7<w&@YsK=`!iQTK|uO Z@Gs|Md;4~*Q^NoN002ovPDHLkV1h5EWYYiu literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-checked.png b/Paper/assets/radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..0aba9926018dbfa2c7434c9ed028fd4b347cb143 GIT binary patch literal 596 zcmV-a0;~OrP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`LlQC=CKorM+Rw2QS z5Wb~uz(axy3HIheg9P@LAtqCY_6sH7#M9x`Lna%nMaD~lhh#F{B2n28$aoB^KzG~i>UQaRBDv)Qb0L3vFGaf))tC{zNaQqkQP+Haj`z-qZ%-f6MX zXcPd=W^`rfYE4l4LsxrXd7?dVxwhQ z=O`QVp&!ytNbVthF5aAiSeA7zrMwJ+V3MZkW16OqK@j*-%1br*S@X8fvb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`R?R;^SXH{~KFAVmEU~Ucg%pX}i~a#Bfv92A zj4kX|>_U|$KvLT=hG;S~U3i90?1L{cyS$PYKIeSj`<}~p8FquB9W1ik#`*q$0We% z>FJ|twfc81m-{`PP8YVewrYm`zrY_ry-VS*zzy60;UcJrUD7m7 z?Umem8ktPyp5-L$-3W-9JMV|wD#CISpL8Oh1me+X^qbc?_RF9sN;MLR+%`l^SP7e> z;B&xHC=~Aa{r;~+3RP7_mSsw%5+^4o0C+qed_EtcPzamNCfr#*pT8dph1O|==x-tc zPTT06Qb%$V#bQx7?sB=_w{kTLxCSsdIOr7_n-8uV zT(;J3x0?|l6mVsbq)SVT);wSp@B-lM?Ci0~(&OnqosW)+vu?d!H+`Rr1e^m@DwT&K zW1r90wScLqDdBjzTsD0R1v~}F<#IWZaVQkR>lHqaSK#$}2?m40xt*OI)AuuxfF}Uy zbh@DHdP^YNY&H^!L|YMNA`)doUDsc(uCAKladFMfujMmfNS5XAg2CWz5s9j*cDHS(k0;2&@6s3BF#i%kfGh-H`aVuf7+!`=; zcz9?V7#MgEjYe-slGInI>bkBiFE9VNwzl?|#@%0>Z$q-NvC(rw0*&_R z77$ORQg>hHIuu2zEG;d4&;Ko%yDg&t7fop(5cqO$Z|^5f)0A#@y}!Tzi{;L5(xxBm zrY-*ncpD%ZjSeT1Nq;yTzV33l-m}~7lK}O4{ZYAGez?24yPHm@_l=qljXQrpo3^~$ z50eQRA11Axh8Q*APb~4?uK*KH8qI{8MnyBL+PU$2W{_5U^!ob*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`LkTGmhQ51&%dmqpT z12s=28Y7lA(2^QOin3K>bg`X`T}f{6z;G^xl?V@y~KLkE(g&c;PLIY`{pDukLA zuu2IN4HR0AMniaMSCy+0FW_PS556fCB&#oAzCG zN!`l7Lwu7Lj}g%{0O$_i!A9J6D+7Q~DAW}o%Q8HpRx4s_YTE!H5=F7+buESgQ3XJ4 z0}#G#78Si`_|&*8%RK>`#Y!HaM%#cf7K_9am3|E(@uWh)>o%Y+@Ni^gg3o9pedNxlgrofm306>%_MllGD@TcJY ey?+0yulxdTU(h6~m)yqy0000b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`D(isXTm_qHVOLGN=qfMaay+`MQ`vkT)`2wg1(<_ndqFzk9y(-SZvzuS?CotEhsi zx&l+lRuMJ;ZeU5Qu>HK@(VZ-m;kACY7XNzIF0hFRq zX>-TLns;u`8KCgPFV`D}Q7@3D&|RBz?SF20!BeCZ#&pmEy5VN$m2Yo6NYjRq2?Vvs z_STwRKg=4SaBtnKO7!FHk@+xv#sf$BEIC>bA)anmVE8FCm%by}pka^uQU zTS|)I^Z9T(oimyPD5Y>Zo%nn{9Co`=S>`KsBuWd2Q>&q`L7p1K9D7q-m9rhFR9bg^ z^7^W*jC7YJCnpEPm^SQ_$}kM#*vGE+{rmUN%XrV8JwP-& zR(m}*E_EW1Inw@Q1{BH-;BlqK|MO$YPIo$EZW94O1i)%dns)P;kCLoO!!a*C2>=0r zhl7y^{}w>^=-8bj&k{zP0RFZpf)KudMSC7^v+OU4(c zFJFi^z-Ol}U(ll6AZ<<66_+OffD%Of00+-p%^L_s`r~EZABsFWbnfbksEhKCZF_2) zYp$uNSBgfhCB6K>(d$~~9||p^-#&1xO$#pId{fPPN2de;B}$t+Ky}~m8z|j<@WeSS zqdEI5=DQD`ICrn_aS8As!DQ$7B6ZRVqqyp;jeHea$eanW4N`$LgO zZyh-H>;1mR#XwlYrq+EGXUF%OvcxH>s(o1@M+DLgrGn)p`8Ph;T)fUSjD)G)f#_G) zp1t>fl=;82?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4&=P*yXDbKSAuEo#GCNQsjzH3GT zvshEaw76S0k6ulm`svrFJ*u{O{I^1n`WEzTW&8TtLQAb;%Ci{p=!HMcPApMfX?-j( zqi(@TrQByO%L^=zYV$3%-2YfPXr0&YP5sd}PZn)Df92>pljnbo&n}r~yeCv8r%(Su Xo0^~KIp!xopEG#6`njxgN@xNA!#Apw literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-mixed-backdrop-dark@2.png b/Paper/assets/radio-mixed-backdrop-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..fddf98f6c77fa541f0e6c000939a4b925301c259 GIT binary patch literal 797 zcmV+&1LFLNP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`_$~Uowjmr`!;~{RO`<6K2 zX8PSq&!^H=OIPNZANYXZ7a>r^BjM^czF-~4eMlEXnC_(m?BhMQ&l0|Rj*^>LMiF(a zh|>&;W+HoC@wY%tu7Cg(zPar#a=`6t!Av<~IiLPd}EPB9Od><2mTX-U>;|kp# zXr#4fe8_a~WDoKLHgiJ5PD+EIkRy=QgDwKQqK!^raSQ|&MGiFa>ns994}iP6Ys6(y z)ae1A^BX4#Y>2^Q5)X_f6osU#Bw}CBZ=N*|G;muqj0xwAQbQQOj|DNBtr}n;Il#|E zqMC?o8Gb4%ikWgDy}K$G`(6ZymfR5EZ3TCdl0oMELNfX|y}OTha-ZHw;a(_<_|2sI zwus@DXe{~KUQUE(bt>MDn5-@|mgg}ivUqwx`KHMBdOyL7{57kI+?do|+uJ%>ek#`g baUT8vB+PwGYbrCQ00000NkvXXu0mjfuNzpU literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-mixed-backdrop.png b/Paper/assets/radio-mixed-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..e0289cab14d81b9a7242f1e64117ba617754a7c0 GIT binary patch literal 563 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4*;aXbx83$$u#|PK%;qf@oc=Wh6coRh zQhQ}VinGBc>7&qKXjY#R4YWdt(=@qBq5&qkU6XE^{#Uz zR=j4qO1}(zFMG^7;(x;6*t*?!-v!&v-+x0i(CcN0)>QWErS}=v@G1YjvhD3{6A6Zp z(7ju7f3qdd7myYyiQVtt{PBdvP08S9Ro#V9rR`@-1uI` zz|oW-`~ESD_xaCmt5!|ZIqhZop|+kSVWy9PG!NVP-)a(k?fM+-ua74Lt-fj%*4E|%twNEPuYcCO>pz}++@NQ5j#>3K-gVbs_y4W?FWj*GrBC4HEke)tIJ)FJ xb+ig3Il8Q$^SNzVrYb|L%7^#!Uta&p8(g$7@6kcqXkd&mc)I$ztaD0e0stA(b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`=5QKWQ;Ru2t9E-(by;d%}fOY`C-+!Umo$PivVu7`>b`+ z|$|JrN;xm@m-R4TPaZ7Vh{ zoBgnP0WdK!@w2L`|2exq6{@Pf86O|NuRrFk@9YA$fKoc0-cl6hd!QMq*i9yrH|FN% zUh~nkn%LKn%+Jpc_4M@oSVw5X8C=WP;JDNuCA{BHZU;Ij{{R`V2>@AW!W2x z#d-sQz(tS8(`mKkrBZ2gV`Jm@si~=qUhPoJ`Lq50`B7d>^4JQ_i2wr!UCp+sZ88mC b&Hl%~&ud=K_XdS(00000NkvXXu0mjfsbA&~ literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-mixed-dark.png b/Paper/assets/radio-mixed-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..6226591eec0471f352cb84bfa749a0f6057c6215 GIT binary patch literal 440 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4q(gr2MZ z5Y0($k-js1spKP(zgNvuECIN4_QVUMDs2 zMsOrWR%K2Pzdk?oRQKo2)4uGm%?KAYKWKPO>dN}ZD`q?hoK+l~)B5bT!sKa7-buJG z{Mo41y=A8G+(S=A)>}+@_NTAkW2e^JQ+9bDCv=~(3l`sfY0l^KCX=hqeF&Sl!EztN Y=VNMqi~UOkfj(#OboFyt=akR{0398!EC2ui literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-mixed-dark@2.png b/Paper/assets/radio-mixed-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..64647a348b54826cd95e565e54b8b9c438a0b0dd GIT binary patch literal 797 zcmV+&1LFLNP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`G@Q;YU#>6^8+97`yvFYcqCli#uu#PxDV-q2-CfEfPK8j_F2ML&rxy{%P69b z6>*wD(M)8oi@ce~j*iEA5-8(YGX52xa5RMR3`ZgdCWJR@>HeS}fu|zb>dAONm-oZA z@Ipo8(t3XL$_e55B-F;o5g35mEDBl#>UhgM(k-ug&ksFh`YkONK%TLAn bKhDD+OH6%CN`JIc00000NkvXXu0mjfw}xAB literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-mixed-hover-dark.png b/Paper/assets/radio-mixed-hover-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..6226591eec0471f352cb84bfa749a0f6057c6215 GIT binary patch literal 440 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4q(gr2MZ z5Y0($k-js1spKP(zgNvuECIN4_QVUMDs2 zMsOrWR%K2Pzdk?oRQKo2)4uGm%?KAYKWKPO>dN}ZD`q?hoK+l~)B5bT!sKa7-buJG z{Mo41y=A8G+(S=A)>}+@_NTAkW2e^JQ+9bDCv=~(3l`sfY0l^KCX=hqeF&Sl!EztN Y=VNMqi~UOkfj(#OboFyt=akR{0398!EC2ui literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-mixed-hover-dark@2.png b/Paper/assets/radio-mixed-hover-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..64647a348b54826cd95e565e54b8b9c438a0b0dd GIT binary patch literal 797 zcmV+&1LFLNP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`G@Q;YU#>6^8+97`yvFYcqCli#uu#PxDV-q2-CfEfPK8j_F2ML&rxy{%P69b z6>*wD(M)8oi@ce~j*iEA5-8(YGX52xa5RMR3`ZgdCWJR@>HeS}fu|zb>dAONm-oZA z@Ipo8(t3XL$_e55B-F;o5g35mEDBl#>UhgM(k-ug&ksFh`YkONK%TLAn bKhDD+OH6%CN`JIc00000NkvXXu0mjfw}xAB literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-mixed-hover.png b/Paper/assets/radio-mixed-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..7cfccd677165a39b2d588ee0e19f95abed12f745 GIT binary patch literal 482 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4B+N$6#hsn>Q*2s-A}!BF6KcHVPa>EwI++*5iqYwy=fHR-ep9GtR~KT|vM z3uE4_Wgj(*)iqODcGMnNeC=1Mo`Ys613!bf?t@F)a>W%qC#_TzZc}vXsJ_KJ*MFbf z_3MQX&g+(lzS*R6`;71W=RetQd`-S9bvpQFui?_v$n3sr9PQ3htzYb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`QF`xfvESOZpp zVyg}G09S#4&;A?0XW(1222|iW5C%vj62YONp=c}?i*#};0|EKNfJ$Mgb=(;|5l&~KrAw($_i#>2mbk{O)8!+1sxd~+4~(1hc9_qus;GP06IE4&NW4> zAyrk~6>y+|e<4}j;5G0IU~6mZ``@CM%Vl@&ZMV()4r~K~VzIa!3OiWCCaBdGx^DV%zEbCRP zcfwpQ_nbOgF;or;BOZ@G6hf3*1s6gT`}+Fa!>G#(tln}rfU_$rD{bxV?Kxf7?KyOW4$qZ1xY588Ev*8nVOnvxFCT_`7{6+sZ{F8QPLrVD2|Pd zJ?2kI7O6=*Kzl`LG#b6Xu(0q)@#{d28fCfP50h>xA0{V#_TKt^Zv*B4LgA5^E!Hl-2eap07*qoM6N<$f^5UBq5uE@ literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-mixed-insensitive-backdrop.png b/Paper/assets/radio-mixed-insensitive-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..2140af11a20d3aeaf9ac5ef0d4191af9b5cd65f9 GIT binary patch literal 531 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4gAj7g#T7 z?(}D{W{75p&utS+&Y7TcQdv;9ML=5dNLz>4oX?ucISdD~MA{Qy2nxopzy5odvx|J9 zL{+JpRC3M*H9Ip+^NW4PJG>@6IaoMn`L`2XOERs#+Ps%^ST{9h`~CO*=LDG>a&Ie( zD28j6^Bms6*zmLFp4PWo`L@J6b=h05y-W-7kKDUCC@XW8+UMH;OQJNlx?JqdYL1BxC zUGE-S_%W{7C3(6uw!PR+aZ$OVi(bo#&KJGKc7?Im5B7`w`b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`L@KTidyy zW+Ti_w26Z8L{dULVgd&A03^E`(SsNM1eK8VWaELDc)*i{1dZ|FW!XtVWrQ=yARcMR zFlKR15E6va)kC|b)WH~=#zdc_N&EHd`#gQWw{M>h{&fUuoG$@kAOr*f!5z1NBCrem z0L(@U2m_}9@rd*HfK69ST>=E48RyN>b^YwXz(9X27P~G<(gi^f&I4GM^~p5N)qFnx zCY4IfjE;`x+~-Z;8%~C5MhJ)ltz%d zgn$-+bUNMF(b4fV5D1*AMZIm?o6F0~BRxGm?*SVq;M7P}0Rj*Mf|*R_wxTExaSHA@ zD6Xxo-B(q08mCC}_?Dwm;ASA0PN)0oBnJp8ilWcW&0TZjMEw&4-*p%`scBk#XlUql zAP_iF2YCqrS(a~zqWEfletrk%3)w5*^i4hkh$|~AkD}4&a0AH8*x1;ZYHMqI;F5nS zjeFB80iv$!XQR>R%|?;~L?V%4P1E8yy+o=cAPg`#IC!03m!=UA5{X2=m&-381klpb z()Sz40gz?66uaCPysb3|Ad2E8??Vd<3w4opcXyZ1B}r=ca_u|8O}i+H@wylffglLy zyj*?(e*#7SfLDM8U|H7Z-^K2UUG9e78YlvorfG~ zZyUzwLoSyq#onnT;0Hh|m73w0|L-c;OD2==`~oVrV#6@>NF;Knk?ia1>(AQT+s8Ph z6@z1=n4Fw^Y}@u`qsVRB{ys4=@x;qfLM1;C1Eks6*{fY$T`#G>Ef+JH%&p$u-VZo+ z_O+S-uOS&$6h)^FLz2yA?{#)|KBoplV&ND`TUFKRrKP3e<1B}5+us)#7jL=bHV2r~ zgVJl^q$@l%HMP3Ez5PN})nHRoQ`Z5ay(n&NZM_^HAHO>?GV&4U&A(B>55m!Gc@+2W zrD<9`kx2B*vfM98(nX&wH*&e$Ofs3A)ikYS%Xfiw4*9JA`i+Sn)wX6k?s4R;*?;^5 X0NgP~w&=Qs00000NkvXXu0mjfmL92?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4S@~kBI&f?fkvt%;x%}{_G>G)sjmV%zdKyY)5{=h680%d$&xI=`c4xD)M{7%p-j( zOk%Eg2^jX$QtuKuBQ@Vm}P%fqsA+<`aKUp;X7vh#;e@yBPJcG^Pg`sJ&itHqsQc`66= OGJ~h9pUXO@geCy&&!dX~ literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-mixed-insensitive-dark@2.png b/Paper/assets/radio-mixed-insensitive-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..6b27a382fb9067003011f935134e50cb235156fb GIT binary patch literal 783 zcmV+q1MvKbP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`A@Bh7fDUk5w15_{34BaxKLAdF%e(?y;4AP+?}x|= zJ9<6T=T-eR^k*V-4IBY~rx8#Gc9Br~z!}g6UK2z+NSd~E0gu3M;3~@a!vrUvfgeB# z@PGqkHEA(Wv5QFEw17UNh{XzUf$vIw4*UULGLRd*AT=2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4VqeWBDa{cw!sn<)R9R+%t6eM=8yS?gaR;r*Sdk}Zx?QPxjo|m#WA3VP2 zapk>av)Q_5)H>a62uz$@w!2nW$-PiFYwhlBx$#+R^BZ4gy?7tG`s(9UgNBYJ+Ecyc zZm@RZ=E5 zB|cB_QPVxWY1*a34>z#)q+3^Hnn;=N*S()(mfs-$W9Kn#LC@m{qh9B!P2Op6?2h5) zW1ZK2Eez0@vh~_siyaX<(|Qc~50u3DcxjeCv+!Ga|NZuw`}JRI|8Kqi`mS|faFEwr y#@(9_>^Z;X+;!!f&wd;C9-cX0JoMjYJI3Utv)z21K0g7*2!p4qpUXO@geCxBb?LwW literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-mixed-insensitive@2.png b/Paper/assets/radio-mixed-insensitive@2.png new file mode 100644 index 0000000000000000000000000000000000000000..4ff2fa6819212b13944c9cb7ae584df77bf92e5a GIT binary patch literal 1121 zcmV-n1fKheP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`tK_uhO5{_7AfINk&J zfPTOZIL-dwfk(i7;2!Xx+X4oFK|nm`_$u%d@JpuxT)=g}3lND!q^YT?U^pBel_co} zm&-K(aCCH3tW+v@R8{>tlgZr9<#JVX{%^n*aMX@~en1B7;c(bJJ3ISEAP{(45QN@V zigjH--rwK%=%_1-Yh{cqsv2knxB5e>iJKPHOemKg~z@bjrL4RZ#7>x!aCtE;OY z*=#mNj0uY(Sw< zsIPt4Ou#*WOeS+%*Y!WUO|I*@mQJUCFq#EcV*%_U+Np(N{b99E0Hr z78VxXUs_tai;?@?Rsz5%#w*!uwmdvMeBk%{#{@yRsCzykUs+kX6_3ZaF$_r_czl+C z$3O|Vvb?-}M-;^^S(b0~^z_&-Lau3Ad47KWy+k7M9mWBa$CCRx&Sgr2!Ju<)ZtnF^ zC^RVug000IbX`B*+uQqmW@hHo&CSh+7;mm(Zu5%>0K*@?0`vhWiXz2gv1_s{k9fV_ z7ab1A06?u)E0#*7gF>P3Z91LaF{>SnoNv>nEw|z_hLbt3OR8d2`2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4B+N$6#hsn>Q*2s-A}!BF6KcHVPa>EwI++*5iqYwy=fHR-ep9GtR~KT|vM z3uE4_Wgj(*)iqODcGMnNeC=1Mo`Ys613!bf?t@F)a>W%qC#_TzZc}vXsJ_KJ*MFbf z_3MQX&g+(lzS*R6`;71W=RetQd`-S9bvpQFui?_v$n3sr9PQ3htzYb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`QF`xfvESOZpp zVyg}G09S#4&;A?0XW(1222|iW5C%vj62YONp=c}?i*#};0|EKNfJ$Mgb=(;|5l&~KrAw($_i#>2mbk{O)8!+1sxd~+4~(1hc9_qus;GP06IE4&NW4> zAyrk~6>y+|e<4}j;5G0IU~6mZ``@CM%Vl@&ZMV()4r~K~VzIa!3OiWCCaBdGx^DV%zEbCRP zcfwpQ_nbOgF;or;BOZ@G6hf3*1s6gT`}+Fa!>G#(tln}rfU_$rD{bxV?Kxf7?KyOW4$qZ1xY588Ev*8nVOnvxFCT_`7{6+sZ{F8QPLrVD2|Pd zJ?2kI7O6=*Kzl`LG#b6Xu(0q)@#{d28fCfP50h>xA0{V#_TKt^Zv*B4LgA5^E!Hl-2eap07*qoM6N<$f^5UBq5uE@ literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-unchecked-active.png b/Paper/assets/radio-unchecked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..579469b25b8348a8fe9ff2cce5b417cd9dd7f1fc GIT binary patch literal 676 zcmV;V0$crwP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`L&^>HYQ5eSY=RFs= zg@Kx@k{Htutk4pTr3GcH#^_=@8M~6$#Mq_mO)4_f7{`X814&V5<6=8GNZkB{P}2go z0-e)YlCm5X+nzk@I zHcBVTHD(M(ngIX-0L(PuzwA~H zivL9XW5dUod7=#vXu#v_>p8UkHSb_=FF|`Ucgqp~2yNEIU zZvOW3{{jFoGP`urV5Aw=Fb*Oo0Dw8e#LJNO!XH9+cl7?1uKfT@|H-Ql>Kd>B0000< KMNUMnLSTZOyCseQ literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-unchecked-active@2.png b/Paper/assets/radio-unchecked-active@2.png new file mode 100644 index 0000000000000000000000000000000000000000..b3c1f646de1082025fa4ea5527434a1fbcf79ff3 GIT binary patch literal 1370 zcmV-g1*Q6lP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`D=RD2I*ty1IkMOtMAJ_x&L3zJ@=k_;lD05`%qD({>D;M z$uMv#5LidoLvjfk&3P}>Abo*1Ca*RWg} zatNUkz|gUv$6>ws@-o-r+~?9984DLU0YVQ(2YUY=x!3%A|NY+vBTL0Fa{!d0RcUkQ z`M}#Z<_u8w!5140!)Ox7ROr4f%N&1heZHVvDU9i$1$6VZ-izN{y_=~GBM%5^ksY0Z z-QUj|plomBD@yctfW>8%cHd_2>Qqb00;|=E-EJp6Jsq3PhQ(q5AR3Jl4u=^U8e(v8 zkVqs#cq}&Z;fbqV15s55L=^IB+rHh+GXj+P8kQ?1KLHsl?J4K#Hm$0%S*=EHZZ1xz z6Q!mv8xbKC3K0wj2}dIOlT*L6b`QnYgX%ZLsGPhUlhP?l8FC27a9O3jZquqNdwROz z^?J$3$e7U_Kq-aG<-+Ur;&eESx@vEg(;^)pF0IDC0+}$0IsT`@U$g_LQ(E_Z{Mu@F zUQV{PsHh0Tn0DEd$}kKZ4hLgnW2!VO&3@wA?Ez6nNpAJU%e~D_#Cet)=yYmf?-4ZWArMFE15M%>D zwI^q>)9IWy^M`Ueom4N+S_q)xNBLv`@&H~~vD7}BYM-l=QmpY5*vETK08pqLfczzn zjCprYXlb^~m2jI103rZ3Tk5pU<7t#?ON}MGbP@o90QW|tcb^qN|D(BklK{vqfNOmN z{m%;EdT<~FpppRyoCauW>mGSl08Q=Pqwz2GZ&P}d0h40@mwWDbw3gU>o5!>syVBEN z9QTrMrvP-+*ZvH2$F$^re(J)x`3Cs(`ZIe>8YAx9{`;T1F^7KogMf6+yk9KJx3pm>rc=yO- z0YHh;=1x%kcZNo)_8d5VM$4l;`y}Rj4jeyod+0$Wa5u$d*W^oT(lfWh|K%n@odB%a z_J!xaes8-s&1P9N7xUq8^!}UskN$dR=s^V#(XhF5U+wA1agROp%l!>6Ddey~rlC}* zrn2Pf`&%m3n}(4xov{|t4W}>v_}R%$Pa^FhQASP2NALWQEPmRqQ|UWc6u(BP7Xb`q z1lJU}uD?-HlIF>BIP)BfvH)(~8@_!#I1p-T?;gF<(_b8~b^y+%nCxn;uf6#=k6ArT z%J(+Dp18@B%p4COT}qU%El_)SrpP(<-Ex29I+Wg~gpC5Zpb}3r`Ab2s2rVjwW8?Sv c|C&kv0K&n(%1nEL2><{907*qoM6N<$f;Mb?-T(jq literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-unchecked-backdrop-dark.png b/Paper/assets/radio-unchecked-backdrop-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..659c82ae56f7d5b8cefd077cc2b8cfb415d58271 GIT binary patch literal 423 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4^>lFzvFKfTdAFCdqXf%?^DIhnLe|NPTAO-Xr}i&+^4C%Rfe4#^!c>>e zsE9ZF6(2pEV{5VD?3;52yFcsyKjO!`y}P)lP~eWx`V|}UjAlHL`W(^ypxxrI$oGm> z-o^)I-FQ3Qcl2(qPdXoUb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`_;$n6`(diVu1L4yDFp5zmyf6qWF`Agz79_;64^(7;3Kz?e6r zm6{^>Q*24C*{%s1k_&tfh+2Rgo4zZWlX}Xncz0J}?MDHSj^qX&1i+(kGD*K*iJ&jz z-E+KC`04c;k5W}yzty;IOKW&69W2GYy&AylIy>H})LGrAEiY2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4zAZAiSG;pL|&YH9LL4=O`oIDod53E zex1KvPS3?XIt6sq?zQCS8*#kaFk2z7y)>17b>0JZ7Gt{qH+@iz0faL+t zftPB(*$kKs7&qKf*D*S#<ZL?4d3mzYp<35ExIo{HOOykRBcJ@cjg1HDke|QxxLSth1tPw{{Bt5 zzr_;g3vhDH`P}YY5Hja;b&KykuA*7XVwZ?!%sR&SMs`rwkd_2pB7&M8J{KE0B)mG98XBPZ43&p$7&w~@16 zmKm46`R3=?g2fjrUVZ-^&#-5SvFl-jQ%)Uff_uF+#e+_<3hw1poYj^%g;C_uf&KN% c;;-}HJUnNuOtC-?F!&ifUHx3vIVCg!0He**$N&HU literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-unchecked-backdrop@2.png b/Paper/assets/radio-unchecked-backdrop@2.png new file mode 100644 index 0000000000000000000000000000000000000000..4736b9cb5065e0b133fdf8a796e7faca60813520 GIT binary patch literal 1025 zcmV+c1pfPpP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`c>g;QajjNH7?@4z%pY+@hU@g@v1;P$&g#1MAqj&n`k+FK#k^%MQmq_ebX2in5n@R6>rt_zJc2k?5m7iC%YP@PNKod7xk z#>U3_1VL~b8+Az#gagrNw9o2g2j~Fs`Fv*@ZEnc#_Zzj%PudC~0=QhR6U_o}yWKzN zr>#x^tpK7Z9&HwYD2m67QzrneS;nS;rtR3htN;~&a=HAfSpbzv#i(8RUw~4n^rBe+ z#bVK@?Fg_1kjZ2oHw$2GZOy1{E=pE_*8s6tEUjsp+Gul4)3&Fkrk?7TZ=3+$0q+$> zDdcjw2aN{EX0yL1lgSOLQ?VJ@?2FAyfQgBTUsP57Z0-J9sjB*Re0==AewnlWW(U{+ zim6m;Ls68=KqI7<{>WhJ7Zf2&($(9n<(NYRed`>J$*?x*MPt5=6lHurTzW={fmo>_wxCCrIt{- zva<4UaBy&dIzp+TU9nu2WluC3?eqKnXWedhmo=6bi^Uh~>+4S@CnwYTXoqT_KmXF3 vH*;f>!#3dR0Wh@J)@+mNBvbR&?7Kb!u2)(iHQMsh00000NkvXXu0mjfH+|SQ literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-unchecked-dark.png b/Paper/assets/radio-unchecked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..659c82ae56f7d5b8cefd077cc2b8cfb415d58271 GIT binary patch literal 423 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4^>lFzvFKfTdAFCdqXf%?^DIhnLe|NPTAO-Xr}i&+^4C%Rfe4#^!c>>e zsE9ZF6(2pEV{5VD?3;52yFcsyKjO!`y}P)lP~eWx`V|}UjAlHL`W(^ypxxrI$oGm> z-o^)I-FQ3Qcl2(qPdXoUb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`_;$n6`(diVu1L4yDFp5zmyf6qWF`Agz79_;64^(7;3Kz?e6r zm6{^>Q*24C*{%s1k_&tfh+2Rgo4zZWlX}Xncz0J}?MDHSj^qX&1i+(kGD*K*iJ&jz z-E+KC`04c;k5W}yzty;IOKW&69W2GYy&AylIy>H})LGrAEiY2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4^>lFzvFKfTdAFCdqXf%?^DIhnLe|NPTAO-Xr}i&+^4C%Rfe4#^!c>>e zsE9ZF6(2pEV{5VD?3;52yFcsyKjO!`y}P)lP~eWx`V|}UjAlHL`W(^ypxxrI$oGm> z-o^)I-FQ3Qcl2(qPdXoUb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`_;$n6`(diVu1L4yDFp5zmyf6qWF`Agz79_;64^(7;3Kz?e6r zm6{^>Q*24C*{%s1k_&tfh+2Rgo4zZWlX}Xncz0J}?MDHSj^qX&1i+(kGD*K*iJ&jz z-E+KC`04c;k5W}yzty;IOKW&69W2GYy&AylIy>H})LGrAEiY2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4WkH9?)cN4VIJy_T?_!z{!^pc-4&7CyW zU@GUbbz4={gMw8&SadpPEmGNf#6HshpS}I>`nLL4YnGca=QU_QShR9#1C!Z-=Mn{a zEgX+5`nFt)jJ=*3dwuCOtI0ubP8|$0_-EOkuQoci=O51riOt_?|8L|s5_V!qex|qN zWy&p99iSe+nbDq_&IuP;Z8Fxz=P-J$ZdG9RF z1$jwoE#0(gRat20+bKckgHCO*{CVQe_nFHM=oXxOX#94zb$)~X?d_W`>GSS4S?15c Rb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`=oF zTI&}!8ohb32TfR-x=A%b4!T#P_%{$5gE#MzCUDt=vkB3t!E*3lfMDTbHw}J-8yG(h zVq2kw49t4yuC7gKx3u-bo9tmXGxI(>znz(P;iyY#vV9O30Kz~w(BnKW1G~Tv;5$%g zH$Viq4D|YJzXf~(zP1XW0@r{LKq8Uo8yg#o#$vHpe}Dh^-rn8_!1ng`mtwK_Ig`n} zHBB?Ou&}V@^#2LG14=%@|4|sY1sL&o{Jv#b&!v=mb^}Q%_t)0e-V6^9KL8A11US{K z`AOgoU`$U>KN3RxYGhn3Aw)5iN=-Nrx1BM4Np+}=`T6-tDdm2%=HA&zr_)b7Goktc z(A_t0#oP-y+nru`rZA&RkB?4AR0t{%Wmz{urtui9nq%Cf8%4#16r z%!7cDNF+x6eC^FjO1Y=&`ltgDbWM+W00scY$H$|JqI5N?RkKnQr7M|CUU6>E)&d9v zXqqvcfxEo`-}!#F;or;BOZ_67eW-V)<3z1c0vVeaU3EH_Xz7Z-`(Op TSVg4w00000NkvXXu0mjfQPrwq literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-unchecked-insensitive-backdrop.png b/Paper/assets/radio-unchecked-insensitive-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..f8571388acd637eead1fb2988a509a8f0140b484 GIT binary patch literal 514 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR46L@OSd)?qg1vuN@ewgunYniUEA1(`CGsa-psm1TdE60kAG}Vjr2dPyLzh1$y23w(-~SXRb0NAV`HI;+ z$_a}yZ=H>3SeCgxLv6{Nm2WR+PH}e#o%ZzkjgsK#t&G2QPA}TnpmRDdK>r%&hR?P2 zx=WutKNRG(FGAb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`L_gTidyy zW+TiFw26X8l9I)%2^fY4Alco39=z};sDz{^8xO?91D+rxXov?c%T5X^;}0Mi#3KtC z#w^b9GeH<#J+xbzIv8V{G0|_*!`{AozMnqt+o#V9|GGRi&X)i`-~+sXV2>L>5jX~Z z0)<8c_<^f{c+UAJz`hMr7k~h?Vm&#!uD1^k4n{+v(10XKHw8hs0bm%$*FvGNnakzg zClZOp@$vDj{r>{6jg_IAqSbL-@fB=L5Zz`2~s3^*FtPOV& z6}Pswo~o)khqXy_xR#?*;8wt!OeXv5Gzai1ilQ$sFW?S<|%e@bK`0 z$K$zFhj~dJS(fjMqWErQW#tI#4LK>_bWOenh#MOlFM`3~Xamg4+TGoq?dZeJ&WU;~7k1t18*b*Gmb;7_RN9&iE}0ES_F zYnHnscDWil0g3>HLLuEO07vX{CY%7r0J&W5L$d&~*=#BHQ6+$%0Et9mkqdsmtLP*i zkAHLnR4m2mbXpGt0*@N$zO%D4-PP4K!5O6(tTu|7nVFZSY3?`5+%(O-si~<~PLGl* z^#dV5T3TAV8;L~bslO~2Q>oNQUtiy6tbO*Q8i2DQ8C4WTr;dgslgT{k>FIex4GoEb z)kvDEs?M#gt&Lt}IZV^sTU}ipvCU0RX--c|uYr{=|LpAS=HcPtTUAxPEiEmPQ=pwH z9vmFZPfkug9vd6`g7xIvROkocd~JCU`|G7?S~wPqMP*rzN|JQT)t0BT+3aFG9$(Tl xt<;tu13R4YTL1M26St}z&5rEr+()zj`UM=5EnqY7k`4d>002ovPDHLkV1jw#sv-aY literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-unchecked-insensitive-dark.png b/Paper/assets/radio-unchecked-insensitive-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..659c82ae56f7d5b8cefd077cc2b8cfb415d58271 GIT binary patch literal 423 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4^>lFzvFKfTdAFCdqXf%?^DIhnLe|NPTAO-Xr}i&+^4C%Rfe4#^!c>>e zsE9ZF6(2pEV{5VD?3;52yFcsyKjO!`y}P)lP~eWx`V|}UjAlHL`W(^ypxxrI$oGm> z-o^)I-FQ3Qcl2(qPdXoUb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`_;$n6`(diVu1L4yDFp5zmyf6qWF`Agz79_;64^(7;3Kz?e6r zm6{^>Q*24C*{%s1k_&tfh+2Rgo4zZWlX}Xncz0J}?MDHSj^qX&1i+(kGD*K*iJ&jz z-E+KC`04c;k5W}yzty;IOKW&69W2GYy&AylIy>H})LGrAEiY2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4S>XL7PY?c0lU_PGo~zVFjhQrbz_5%T5)fJ(@N%@zrP5^IUU#?^y+QI z_oAI83^|J$ekK^akmr`*Yp-P}e(+sFzGKCVl(e+nAzG$Wg3fpJ6rMgKeApoBOpf|Y z-^)2#OVt?43N0%YUCwS=^Q^>5)>AV)=+xB57W>Osf?-^$i+=T!D literal 0 HcmV?d00001 diff --git a/Paper/assets/radio-unchecked-insensitive@2.png b/Paper/assets/radio-unchecked-insensitive@2.png new file mode 100644 index 0000000000000000000000000000000000000000..727ed528faad725d29279ae6c729fcc09aee80a4 GIT binary patch literal 1097 zcmV-P1h)H$P)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`GqpJwsTO7Qk@RD+?idTA2d~Aw*wa z-{AQ8_**WQ>*w|L^)gxs57E}jlkp}w96$tkVR3PBEE2z-CGvNV#e)4T0@ct9-IX504M_&mY0`rIGxTdS(dN#^z>NIVy-Ak zWqyACqeLR{6WRfk$58u*PSunK0s;Hn+}zv2U~p0hVQFQos_OCH-rm2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4WkH9?)cN4VIJy_T?_!z{!^pc-4&7CyW zU@GUbbz4={gMw8&SadpPEmGNf#6HshpS}I>`nLL4YnGca=QU_QShR9#1C!Z-=Mn{a zEgX+5`nFt)jJ=*3dwuCOtI0ubP8|$0_-EOkuQoci=O51riOt_?|8L|s5_V!qex|qN zWy&p99iSe+nbDq_&IuP;Z8Fxz=P-J$ZdG9RF z1$jwoE#0(gRat20+bKckgHCO*{CVQe_nFHM=oXxOX#94zb$)~X?d_W`>GSS4S?15c Rb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`=oF zTI&}!8ohb32TfR-x=A%b4!T#P_%{$5gE#MzCUDt=vkB3t!E*3lfMDTbHw}J-8yG(h zVq2kw49t4yuC7gKx3u-bo9tmXGxI(>znz(P;iyY#vV9O30Kz~w(BnKW1G~Tv;5$%g zH$Viq4D|YJzXf~(zP1XW0@r{LKq8Uo8yg#o#$vHpe}Dh^-rn8_!1ng`mtwK_Ig`n} zHBB?Ou&}V@^#2LG14=%@|4|sY1sL&o{Jv#b&!v=mb^}Q%_t)0e-V6^9KL8A11US{K z`AOgoU`$U>KN3RxYGhn3Aw)5iN=-Nrx1BM4Np+}=`T6-tDdm2%=HA&zr_)b7Goktc z(A_t0#oP-y+nru`rZA&RkB?4AR0t{%Wmz{urtui9nq%Cf8%4#16r z%!7cDNF+x6eC^FjO1Y=&`ltgDbWM+W00scY$H$|JqI5N?RkKnQr7M|CUU6>E)&d9v zXqqvcfxEo`-}!#F;or;BOZ_67eW-V)<3z1c0vVeaU3EH_Xz7Z-`(Op TSVg4w00000NkvXXu0mjfQPrwq literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scalable/bullet-symbolic.svg b/Paper/assets/scalable/bullet-symbolic.svg similarity index 100% rename from Paper/gtk-3.0/assets/scalable/bullet-symbolic.svg rename to Paper/assets/scalable/bullet-symbolic.svg diff --git a/Paper/assets/scalable/grid-selection-checked.svg b/Paper/assets/scalable/grid-selection-checked.svg new file mode 100644 index 0000000..2498934 --- /dev/null +++ b/Paper/assets/scalable/grid-selection-checked.svg @@ -0,0 +1,146 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/Paper/assets/scalable/grid-selection-unchecked.svg b/Paper/assets/scalable/grid-selection-unchecked.svg new file mode 100644 index 0000000..d7d6249 --- /dev/null +++ b/Paper/assets/scalable/grid-selection-unchecked.svg @@ -0,0 +1,140 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/assets/scalable/pane-separator-grip-prelight.svg b/Paper/assets/scalable/pane-separator-grip-prelight.svg new file mode 100644 index 0000000..d2cce28 --- /dev/null +++ b/Paper/assets/scalable/pane-separator-grip-prelight.svg @@ -0,0 +1,109 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/Paper/assets/scalable/pane-separator-grip-vertical-prelight.svg b/Paper/assets/scalable/pane-separator-grip-vertical-prelight.svg new file mode 100644 index 0000000..f1d2486 --- /dev/null +++ b/Paper/assets/scalable/pane-separator-grip-vertical-prelight.svg @@ -0,0 +1,113 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + diff --git a/Paper/assets/scalable/pane-separator-grip-vertical.svg b/Paper/assets/scalable/pane-separator-grip-vertical.svg new file mode 100644 index 0000000..09c8879 --- /dev/null +++ b/Paper/assets/scalable/pane-separator-grip-vertical.svg @@ -0,0 +1,113 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + diff --git a/Paper/assets/scalable/pane-separator-grip.svg b/Paper/assets/scalable/pane-separator-grip.svg new file mode 100644 index 0000000..d65cddb --- /dev/null +++ b/Paper/assets/scalable/pane-separator-grip.svg @@ -0,0 +1,113 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/Paper/assets/scalable/sidebar-radio-checked-dark.svg b/Paper/assets/scalable/sidebar-radio-checked-dark.svg new file mode 100644 index 0000000..84f85b2 --- /dev/null +++ b/Paper/assets/scalable/sidebar-radio-checked-dark.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/Paper/assets/scalable/sidebar-radio-checked.svg b/Paper/assets/scalable/sidebar-radio-checked.svg new file mode 100644 index 0000000..f3b01d1 --- /dev/null +++ b/Paper/assets/scalable/sidebar-radio-checked.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/Paper/assets/scalable/sidebar-radio-prelight.svg b/Paper/assets/scalable/sidebar-radio-prelight.svg new file mode 100644 index 0000000..4ae7f92 --- /dev/null +++ b/Paper/assets/scalable/sidebar-radio-prelight.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/Paper/assets/scalable/sidebar-radio-selected-dark.svg b/Paper/assets/scalable/sidebar-radio-selected-dark.svg new file mode 100644 index 0000000..11253ae --- /dev/null +++ b/Paper/assets/scalable/sidebar-radio-selected-dark.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/Paper/assets/scalable/sidebar-radio-selected-prelight.svg b/Paper/assets/scalable/sidebar-radio-selected-prelight.svg new file mode 100644 index 0000000..96a6c69 --- /dev/null +++ b/Paper/assets/scalable/sidebar-radio-selected-prelight.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/Paper/assets/scalable/sidebar-radio-selected.svg b/Paper/assets/scalable/sidebar-radio-selected.svg new file mode 100644 index 0000000..887174e --- /dev/null +++ b/Paper/assets/scalable/sidebar-radio-selected.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/Paper/assets/selected-checkbox-checked-dark.png b/Paper/assets/selected-checkbox-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..97069344a2d6fc5edd0ab478f97c00577fd4fcfc GIT binary patch literal 562 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4AuiIZ&c){`+rc7mplMxag}?*T9=7(0k9rb(VFfhO@8i z4{;$jVdk|FKBcoWzD!#pJlRtz$-t1qa6-hLd!Hk>WQJUMChO<7@AJO*-=7?)_m-OO zwDQr4Q+yZhD}E4AvgD2xtk^tTU+Xs4yGuEb9&K-Getb%z@rTwCk#%d*-o*SGVm)$`_uO)NdYptEe*ImS2dkL`IrpW{o` z7Q4xXbKD!8R$47u#oo|*LTZ&XZ@qM*!}>!8jj^YvpRWCVbhBfqE@LcL^vo+)(pK;9 zby)mWl4&;^kKhf{>qa7$A$0zeVfCm@3Vwq5A*c{0tN~NlAVU{cjevK$dHhz z_t9mG-O2*yJ2U$Yc24lv^Z!Y%7>A9B*VTz(LbnYPXL=N!^tCg8w)^Pizz6%@@{648 xdX;$Z^W)ygAEnQ1_opu3xqZqTf0O@<{maxEP0qa9$_|VW22WQ%mvv4FO#q2S=Fb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`5ryzXnrSd*EO$Yh z`UBjw=*Oa;CY^H8S83(T!p(ar|xDkfF;$pimDq3jz21+Z&p=y0~DTt zC6pUa^(cDUR~lYg%k{{`+S&}jAM1dd7&{DdIY0hG?EP(#$k(~?9|3UVsU4`^FXrFn z?D>#8UUGneL~0WvBfzqp@b~%h1JA&{#MpLK?L}E8=!N#CdT+km{=~Djwr0nGH928} zNE@m}*9CS!ReOOg2%A-8$W5d>iskhsli`ptNnoRIJ@mw!y5af!gSS9^t+Y`3^C3LX zvn#R{Lx^t6jf={yj>gFKh3o?X1ib*5g&@9GuDU76!94Ip_{Zd#ApgKK(B4$<4aQR| z1R2NywonG#M5+>GB}%s+nwM6X)|N<1HpqWbUqMG>y^GL=zY~JWZImm%WZ|`C*q8gQ zmkj_Ab0UL^9w&c0{2reTCfe2<`M6l$lJ0?y#(K91#GJkxV>z8p!$c{bC0|7IK&S}E zJDc}DFV*k2Zo(XhnL{S@v^$Z9zvER5U>aurWC9^nj)L5YIgx7%t`RoECyg4 zAY|Kpfe=k~L$SuXQ-Q^WJ^&R-=g$}114hhwORb$iG-TUv-FU&8(xm`=%4Ra>@}~+q z(CIWx7%?>pkASK2t23n{UM8E}x>Ub;|Mhq2CweRTt0kalbN~PV07*qoM6N<$f|t>! Ap8x;= literal 0 HcmV?d00001 diff --git a/Paper/assets/selected-checkbox-checked.png b/Paper/assets/selected-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..e54e1611441235eace23d99a4b3601b97793dcfa GIT binary patch literal 571 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4UCTZx(lP)||Gvv)4g$Yn;~9yt~P=${AauuDmX75s2Ay zu4qrR4RgU?kuWXMQ%{YSW%8BJ^=pq>+ZNQ7Vs!HF?<*6ESt6#nZolp7)tNau-16`}iI`nYELuxYC9TBp49$hKUa(@J996TOzoT$Pcp*c->y%Csb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`sIMih*p&su`gWiRHo5 z9E8ACH?&;;H0A!8uS4s)J2UI5YnSSQf#G@I?|GkjzwiA9{^MVVWJaFxKC6&oJOCPj z{48s%0dEl6oyq&xl&-F>vzn$o1BAt5xneL7Fa91V%(Ac^p;I}lSKRjSbD${BeU$ZC z@h>lQ%G#&Sb8c5rp8aq(Rllh}7azV=W`D*wU6vc`1sq9XmsP)@q~X#NAot$+6S6bU zek7aX00(Sx-pQl+Hfiy*Bi|CUCC4O5x@+hF@jX9&?C6oQvNCKon@P&fv9Ym1Utizh zB5O2-7eYMg?CgAONw?7Da%Ei{V0?U>g@pw@{Yq8Un*eDIB_V6O;;LJSNH5RGmfI$4$(|53o2W*EB62Il7G=;`U9ySp1jQMS!hRh8b}UQ|_0 zaFQg^+}zA!)V$dl4Ga$tv$V9t^71l1pO5M3Y16z&Btn0GKPxLMDSUl>J#M!OGs$P30=L^uBoe{z_a{!Z5CXs7kEUsa!(qd$7Z(@P($bP*e9r~|s;a6IU!FW# zBO@b*+=7Av+S=N7e2eaQ46CcF@pwFj?MOCcx7%rNZ^z+qm`P-30DgBuZ(+{R&^FRr(qK}z%;0?glr>_IS(7NGAo{Wl$3YwalG8Vu7^wm6oK=}1>V+VwG z2g!17aaFCo_^5AN@g1Th{(P0Kv0M6}p#zimuPF%atU$a3R`2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4poy9 zqiyD)x20>fsuP|mnsm)DiHv1%x*m8_GiRG;jl9r_T+xM9 zEMoe-YcxvNynUBrFzpLpJa^0AruS1!I+xD=f6uYLng6o=MNSTrookik9~SJ>ZQOPC uF29K3qN-C}MRqzLS1=!~N%^i{!L;|L?ov@JVO^kO89ZJ6T-G@yGywphrGroa literal 0 HcmV?d00001 diff --git a/Paper/assets/selected-checkbox-mixed-dark@2.png b/Paper/assets/selected-checkbox-mixed-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..8a5c7d54ead67188bb03b56420787683e05e9e85 GIT binary patch literal 524 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh#&1N`~K6Zp}!c)-oLmJ7^1=J!ClF4G3d>`rTz;0 zoCIgZ3NX7WI;YQHSo~TeW4Bs4U#4SGYnWcdh2P7R|HstD{}b0^@B80(qr^~3-8AT( zz#Jy_X_DRvi&~^gqRzeyYs{E)ygdsPtQI*dULk# ztG|y=Pt<=Zz+t1B-}s^Wu5sFvT=lb;=H*&AnDac7s`|P4Yvsl~t~J;8NV65+{$P6j z?XetFn>(%#!V8)F4%}hqaw%Mt%e3xRZ}0B6v-XxB;LQ2Uwr%Y~-Rk!Z!UasTS*A^x zpK^*z@~CI2>7P5U2}}>XEp?oeMASoBoEdaog4Rg?ZV<|Pkolg4qee45Fz3uq%b)k3 z*m_^C+n7?a;BuDV)PPc6{{x5Y=C+DGQaroqu~C0z-~Pkma~L8_9?$gQ1qL;Pr>mdK II;Vst0E3Osx&QzG literal 0 HcmV?d00001 diff --git a/Paper/assets/selected-checkbox-mixed.png b/Paper/assets/selected-checkbox-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..217f15629cc0aeda05e122e89c7ff17ff2b1741b GIT binary patch literal 379 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4)Ew+c)z}xUZ+;LCoTB&Xi&}hN(oFgRv{t!IxQLzRdp5UyKxa-ScgC z9yxH}gTyiSmV^KQzpU*3b|xj^hyMv4M>e-*B|))X)(i|PUv&RZ+VWr((D4kOu6{1- HoD!Mv<}TafGKwCN$kX5oJcMan`(`PkU_4ZpefY0f_D#hNke+hY4~Y%&dv_YW+vopSYtbOD15gLMPjf#S74O;!o) zy>;d6>FtROpBQ%UT>VKy;Y(KV{nN3p7?=ukzgC}TOk7g1GkI!NcJ1#cF=p}!7iIM0 z{J$T_`eqVvLZypCSxZ3Np_YZAw9(>og_U;s%fFvEt`&bd{)KVPo)lL<=e9&(>@aw` L`njxgN@xNA#klDT literal 0 HcmV?d00001 diff --git a/Paper/assets/selected-checkbox-unchecked-dark.png b/Paper/assets/selected-checkbox-unchecked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..c68841f40637f8d299a0acb95fcbbe50a9156050 GIT binary patch literal 346 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4yORk;o-T&Vq)|2{DB$sBpz(*Z3F^V zz0dOtkJYoaZCJwaJ^2Su#D>D@ricIkKP@RC@gzXyS^kZm^CQxgSEnk43F{eT9av!0 zFtPFB$)?`jYdAA!?9SWH%glT@SweoE(0^ltWyb&h?@#*IHrMD!?~m^@UfMfbMV?#A a$-odOr?KL!iF7s4Z492SelF{r5}E+jAAP3) literal 0 HcmV?d00001 diff --git a/Paper/assets/selected-checkbox-unchecked-dark@2.png b/Paper/assets/selected-checkbox-unchecked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..9ed8585443dc4b0fd396ad78d9c2a182bff9bbed GIT binary patch literal 498 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh(xCe&{2sK=^pDP!{f%S7{&zn`4`)Ofvq`i(6!{66z_ zNwc&c=u18(H6wH3@#ebxf4UAbDO{* zq4;T6{@IqO7ljE;%nDpfW0uS;efHdlVUL(s>{Z>>%s_XpYkenG!4UTD<(eLW@>Lq& hX3Kou^RLg2!S-3O`Oe?VR|5l-!PC{xWt~$(699Zk!`J`- literal 0 HcmV?d00001 diff --git a/Paper/assets/selected-checkbox-unchecked.png b/Paper/assets/selected-checkbox-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..9b1e47e71539be40db1da2131ffabc61fdf68c23 GIT binary patch literal 361 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4)Ew+c)z}xUZ+;LCoTB&X%l{@^Sqvgy0`l@@2Y>g!) o{s|j7PiUN|IX7hbB|Zj*fP^g(0-eg>>FVdQ&MBb@08;0EssI20 literal 0 HcmV?d00001 diff --git a/Paper/assets/selected-checkbox-unchecked@2.png b/Paper/assets/selected-checkbox-unchecked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..7712761354792f08deeb99bc1e94d7978a35f175 GIT binary patch literal 552 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybhUzobSw4+2iiKSH9xmyT1kRKi~O2jd|*S zxwF~DTMM==;k9HlIxt0LG4m9`uzf*i!s3E z<{G7`DQ`Bqvi+X><0spGU6Eo5yTIgr;M{k+2OoXd9uyc)ozTjBL`~`A9XGAS`+1ht z*I72~|M}=ojLl3RA-?vdEWiHRZH?09>u0!p?p`(%gG8GmFZ+d3*~12I-;`NPVyCzD z7hm&eyx%1hz~tq?slllFK=lG+MP}*zzfCjFuFH(y*RLGFc0)Jz`rio#vtx_bm!vXr z9O>O${$G$&yI;)1{MO#BZ!dF4+8t=x8|QrRVdLf!-vvM)30~Xf5W|!!&vJ{YP>zRh l+I#NbrSj*3e5uE|!02UQ@O1TaS?83{1OT%=*;xPp literal 0 HcmV?d00001 diff --git a/Paper/assets/selected-radio-checked-dark.png b/Paper/assets/selected-radio-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..7417ee4b0b1a90cbed9a37366af780d036d7712f GIT binary patch literal 688 zcmV;h0#E&kP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`Tk-bloQ5431=f3?2 zDM}Y1y81CRG3mcRqEw|sX`m)5HH85fU~tf_Cb+vWxU~jSLmJcarAc4^11CtpfrNhm z89Gp`{kX@)_l4BzBF}X0xzBx`=iCGT3F&UEl&gbn!=k__a1%h$1EccED9f2t;^;iz zoIeyc+(~P6AGoA2=kzh;^f3f7ufl*ex}RUKPV`Jr*l;IB^=-#$awc_ew^!Uk#f>An zsqkX@QR1U7uu`rLTBG|N%bmYHJ})9-zu2aYO{X7x4*;|ciy$9nQi)xFQmGU=315CA zDpP=htVWu(Tsoa@X2(Z%-dEf;39|s?41fqpN44m=)I-rFQF#em1+Iab*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`~>o;ghXNQ@Vyi5CpDOIj1beoT>- zmH-h#s28n?k&aCM?#|<()6(t^+gx2@E*vjEbCrTI2aDrbc={S zHb6&jbft><1@OE#Gz!>?aZ)95Eq{SA1`vPXmW$?97^)2_8U&Vl@k6G;uGgDtujUMJ zr04Vo!*IKS#lW~I?=Fl_90`R&$xP6eWf{xXzPKILkAMo`wi<+5n`+Ny4G^(URl6z! zKt9lS&nbBAtx)ydOu}gsuPx;}hq zd#>UDdxOEr(cz(Hg*KqTFx;<>_75!22%xIst@)Ec-}N7d-mxsp%~gEbEX#67hcCUY zXul#)C0x2xb6d3!TWi-$ zkIyVYq;GJYcb|_I#wH?uMItB8loiL#?-ULJRY0NlsX}NgcFdv3i8Ez>xkb*M&jrSS z)e-yj+B5)QD}X|u->udbjRssdaT4V@KLO7w-DKkHwrDhv>Ij8GNkwe{*L8zw04lNp zKt#Xst6buk`{og!fhdX_Z~D88sP|)I8UU(g07>}8FIC~yEW`m272jA_lD|#`FtbcE z03wtE#A1P)zD41gtN|Ww&N=oVwqV@zrvoTtJT!7K1>a}KqN4jos(;od)ZYP$@{&s) zQS|2=7<^;nNprgPjWhs7#sOS2vBI~c(wVKgigx)rlCr|9l@0)M0YF@1i(l?!AbA)V z&O(2afn8 z%R^}dP&N9~0KyHmKLA&NrT6j|?eVL=yK&Qap)*mXqWgg%fx7~C6)vgh{z7M>YIozN zalhP(J5H-Yxx(debIr^o<{U=teFHlLjsxSaJXo_g7@W*7+pMiK8ZC)C<_J)VxZA_Q z%{|k;ImdB0Skny*0cE0rPRp{=`h{H0vMeL+n4Lf=aB)vlUGHrF903tg(_ojNe+bg_ zbmjVw{|SU;S;n%;^`8KZ2)9tTCACTQZOPhu245CK2Y~`b`&D8sxh_X%G+L5~n_a3j z01oIY;jMKSQsW-kly=yIFR5w|uo&SM$OqR;@;|kzs}q@oEz2@0Dqm<(opAdtYmd^%_QhnIio6f3o-ZCi;j)N(aQ1G0Y=GGou}`n{nu(1FOT?S0!Wha849??< gJ^McY-{!Nw0mf9=+`Y~M>;M1&07*qoM6N<$f={`ETL1t6 literal 0 HcmV?d00001 diff --git a/Paper/assets/selected-radio-checked.png b/Paper/assets/selected-radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..3ef2ada9213ebf542761b8be3d1e8d77f142b375 GIT binary patch literal 785 zcmV+s1Md8ZP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`Lkxfh!Q51#Gn}O0c z4VWq=Vl?#c<#5jsH z#X`%Ew1H}9=_F!X(zG+rMKeVhS#ee`=iT?cbMFO?DRS7j9DLPeP|JR(qz?r4ic41r znAsxBOhkgd^pSw>KxmMmm~3xg~3l{_A9gcTWP114u2gVdZPn$ z2SS64sy-hT+KN3L=Uc5-D@-O60AO!#53(#niv8Gl_HoTf!T2=@(PGyr%F?5o_T65O z+onA{tU{rH_n*IQJo&IzUoO+mg{MQA8UQe;Wxu1LHs0%Tdrc-26h(n3iik#|AcVl_ zbb{x3n9XL~^0;lU=aZjS|CB}m1Q-CIl=SgaT1O)VLrD*8Z3du7OUg%Uagwlpyxe6XYI>p1!gqayMRSO<(} P00000NkvXXu0mjf-5yF) literal 0 HcmV?d00001 diff --git a/Paper/assets/selected-radio-checked@2.png b/Paper/assets/selected-radio-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..43d5003a3d929072302583fb88e4d6ce4e0e5612 GIT binary patch literal 1590 zcmV-62Fdw}P)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`Y)M2xR9J=OmrG2XRTRg6_kJ)S zpv>cQ9<+>N2Q4El;hFkuO{}pCQ-fAbV_NCL#JH(z!BioxT{JN+v|yr%kHOZ&L>pgy zX_aX!k9MTB@qscFW@xeWF%0t^7eEU$!$6HY&+40V&;9@Z_uMn*-V6VCQ_Bw(RoB*4 zXDHb$!UKR0SUEd51dIrB5QBZkcI`O+9|{oF*w(d0kapnCW#SGZ(i-k)34xM-Eug-& zbCuHaK0*_Kwo=i6!}i;QcbGSq-BRRm72o6ph+n!gKK%FP^9RnxF8*?1>UPnF4?ro7 zD$CgVW5>2%Z&*P6%WvPWwGIim71qe6I~;#JR_$+43Y|-|fOX*XaPNmF$K00ID}cBq z^3?H;9bYe7K>aIS4=J&}0P;_*s`2Zx7NfLO5?>Mlefcn< zRqO1fr8*c4Vw&cXD6T$di#eD?2XLD<;`Ec z(Af^~Sfz8w=f2hJ_xm$|Q>hfay}d*t5n{0z0H$eDRaHezO$~;zU`_b_ev-*#(WZc7 z;Ip$69z;5T(6x-seblve)@vlJtyJ`_CmTF#)>P|su*u0uLZJ|2V`EuY?RL9qZf>Te zq$ERhfB%5>{Kv;eMQbnUx^VmU6ELp^40s%%(qa3xynJN_c`B94Ne(bNI!bqUH>p%= zf!{C;%F9>kfIWYv0F||QZtR)>LGB0G5b)jXbUHJ@dwY9xlFt{>*VmWfcRHPHSmh}O zP&2JOT>vWp)&~5JY}Fo#L^6Df*{M^fGJHxY)&%_a`CJPGD3lMt?{Q@=AFdVLa%{2K z+r6ea%a$nsL;wm33UeMF%dy4!MPWhVY;lN{MF3HN^H-8tH`<&NzYKG^Tv`3G>)69t z1jt_ir$@%K=C7)%YS{vU!C+SZndo>NKxGpka0npOGk7`MfSK=pPylSeB&H=3*EI&CSg@Ma(s#^d16`vaIQWp;+Y%n0$Jj zcGjZb?j0#x|I;%fR0tetsPNsE4q~&}sIIQ2xVV_BSFe&tBrpsEuh&acQxh9EZltiV zFsryXzdUjH#P1{3Ad&EEJKE;_^UeY#$UChl_0gV#eU;nptDY<>$S+9;G7N*-+FELB zYZuK#x=kjM7vDYHch?MyYMno};Ft?{w1kx6sAY+F%kEDGEXmx88#PPBdS>_Dh$VP{ zBRw6@eX^(kP@*hjE2!A$#N~A_?D_n#CD;G6|Azd9J)a*wH*u*67|SzwHvN*CwPQ54 zy|Z3W`vIHRUi{++FFqd3wjH@_GLgLa^zOYsk4{`_1g0!__;`EEq4c;#uQ&~Do%boE zTfnWAif?IJee$JEjrST_=Pfn|W>(#KsQ>%7zB(S5O?zCF-g4}RKh)6_5XrTm2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4;w@wHp`?cOl| z*O1oFF~3z@dwkkKr2FyZ*kkxwAs@x#3cXEE@hiHyWXh3 zZN|^<|CXO$Yro_7QN}N_(Q?(MXL$nRc6}AxDSLXy*(bbbG+2UaXH{yjhE3OCSi<0= zQ}a62j@f1HHZ>s;XY04i`1IpGgbOhpbh*4EZS#HE^m$hz-&)N6H<8(HO83M3-G=Mp z?B@zMKW;g2q|viK3&{n)JsX5Wo%t81&6%IpH>)ttZ}nbt>a-<3vw@bFvxK>O+Ma;cLRk7KiT yzt@XCmis98Vox@Mkh_uf3)YvfHhiwXtgo%O=-dDI{*k~)WbkzLb6Mw<&;$VPfBzT& literal 0 HcmV?d00001 diff --git a/Paper/assets/selected-radio-mixed-dark@2.png b/Paper/assets/selected-radio-mixed-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..f5cff18621729663224928ecfeea0a32685e298e GIT binary patch literal 1191 zcmV;Y1X%ltP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`b(xytwF!PR!c{260a319F7U#XG&=>SKkBEqFTfo3r z5-eBwY(0jetAnm+@C=YE=b$6D*=OP+$Y)}5cd{4Zh1d*EG-}uo;>Q+`TWyM4?~3_PoX^a;DSIDI1+NE>azp@od62q%}Q-M z2m}HNMI8Xwb^TcaROA?dh<;mW@)ekfchi`%6s5;hs}V@RubHo02v6i}rJEtx*^=Jq zt|WdlYCxz?OG@2{PzkWKRC;$Ogt_o!scZp2SVw@ujw0O(_LM(19#^`zWNbqH1E9Pp zQT1;LSWfs-bKgnX(tALW1%bn^FMbgCC1uZC!yO|b2fbXU1!QDEt^$Z_P85uA4Meof zyQV)%D*}A31E8Y*;o)Ilp~>y^bP-BBfT|hK5)f=_`4PAY>{~3}(^F^xwGU#w3N;Eh zf?dtCSpq~v75V^Fc(>niDhfqD7>Vpw!6td!zRa;zpW~pvc?6gNszpl&t+iR_g?wSH zHOn#IAW#Wh>*;76+faarsLyal&_4y~c&@JD>E<04Tyoh8tiPny4G*Q8Xs^bUslyoU@yWw zkPqf|7k_S>n&P>Lt+l4M?!|6JJ|vm;`$qKioBr16_55=-nTz8S2jVV60u7#XR8hyM zTyl%JwfMLs3b5;`SdG_YP6%}9$`8vm)a?#-9lyO1$5ww#PI@PqBb)gHDBKWn`-1-C zqnr8W)n-G^RK0hYXhf(IFH(gl${h?>aK*{2^Z&6K{sAmEi2S2}W^Dif002ovPDHLk FV1m|H8?OKW literal 0 HcmV?d00001 diff --git a/Paper/assets/selected-radio-mixed.png b/Paper/assets/selected-radio-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..e8842814ff2dd43e5712f06ca8e531e2257ea95b GIT binary patch literal 696 zcmV;p0!RIcP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`LkTGmhQ51&%dmqpT z12s=28Y7lA(2^QOin3K>bg`X`T}f{6z;G^xl?V@y~KLkE(g&c;PLIY`{pDukLA zuu2IN4HR0AMniaMSCy+0FW_PS556fCB&#oAzCG zN!`l7Lwu7Lj}g%{0O$_i!A9J6D+7Q~DAW}o%Q8HpRx4s_YTE!H5=F7+buESgQ3XJ4 z0}#G#78Si`_|&*8%RK>`#Y!HaM%#cf7K_9am3|E(@uWh)>o%Y+@Ni^gg3o9pedNxlgrofm306>%_MllGD@TcJY ey?+0yulxdTU(h6~m)yqy0000b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`D(isXTm_qHVOLGN=qfMaay+`MQ`vkT)`2wg1(<_ndqFzk9y(-SZvzuS?CotEhsi zx&l+lRuMJ;ZeU5Qu>HK@(VZ-m;kACY7XNzIF0hFRq zX>-TLns;u`8KCgPFV`D}Q7@3D&|RBz?SF20!BeCZ#&pmEy5VN$m2Yo6NYjRq2?Vvs z_STwRKg=4SaBtnKO7!FHk@+xv#sf$BEIC>bA)anmVE8FCm%by}pka^uQU zTS|)I^Z9T(oimyPD5Y>Zo%nn{9Co`=S>`KsBuWd2Q>&q`L7p1K9D7q-m9rhFR9bg^ z^7^W*jC7YJCnpEPm^SQ_$}kM#*vGE+{rmUN%XrV8JwP-& zR(m}*E_EW1Inw@Q1{BH-;BlqK|MO$YPIo$EZW94O1i)%dns)P;kCLoO!!a*C2>=0r zhl7y^{}w>^=-8bj&k{zP0RFZpf)KudMSC7^v+OU4(c zFJFi^z-Ol}U(ll6AZ<<66_+OffD%Of00+-p%^L_s`r~EZABsFWbnfbksEhKCZF_2) zYp$uNSBgfhCB6K>(d$~~9||p^-#&1xO$#pId{fPPN2de;B}$t+Ky}~m8z|j<@WeSS zqdEI5=DQD`ICrn_aS8As!DQ$7B6ZRVqqyp;jeHea$eanW4N`$LgO zZyh-H>;1mR#XwlYrq+EGXUF%OvcxH>s(o1@M+DLgrGn)p`8Ph;T)fUSjD)G)f#_G) zp1t>fl=;8b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`Tlg(;VQ4~hk-Zvo> zA|2U2fYw1k$SVk9)JD|MTKu8VIxroy10Tdm2F`M!5Gf)_Yg-}Lmr!UN6#4?yq10%S z^Eols5UL62H#>*3*52n2{xLQ_vE6LX^_?w)MPLCy=-6e4E^4cl(&^}WA05Pd$#QUY zfD3|ZG{bx}!#voAjM?Do)OXuU=XMb9CCetg7zCA{R&IVguidzn6fwOOJYT<8dXoya zo9(&a>I?$c{{)Xp%)%StI0=qhNl~tqUX-n+g4IgtG+-NM+W(tm_>dq}pWV6k1;+kD zeYd^j=q2(UMbzneJ6t^hmB12-UT_x0>m8#;ep{zq@ET-z3g4(! literal 0 HcmV?d00001 diff --git a/Paper/assets/selected-radio-unchecked-dark@2.png b/Paper/assets/selected-radio-unchecked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..b9867d255c2d1ab49cc09f15df5b68fe51d39c2f GIT binary patch literal 1158 zcmV;11bO?3P)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`f2A&|F}BNtS;ypj2&_+-varlel|6E?bKGy0nU2f zqv^?s7KP7&0%P2F7lua;WCc)F3FiD6U})->iFd8FZmZ@Cvevrk$!qT@I;_aENk^}$ zt{C+dA6Y7S!3*2z`C97q{Su=^H-IuxeZ8%vv45d%aRk!6=RAN4=W=BZ z>FH49T)J)fV0qmlK=;t-kzk!qKRx%bJ6GllDo#B3N+1p#?)Jy3GXQ`S0187JEw$|^ z5{aY~^#Po7UIu`Q90d^3?{jUwBohl>YBK;(EeA-!uRCS$B=s8rLU{&&2&DjXbA@+z z3gF3H(M;NZ4FH9#hej^6r}(i6ycYMCWj~?*0Z^QmD%&Z5`BZ43?K>F&ip&7GQ1akT z0g#e|fmtR1$Q1x_=J-zei)d5uTs)MP07A|OP*Jb1uP>Bqb2~nshtdq7YKAiaqD>7y z12=(vv-x}4at%=VAknT+p>RFgQa_miAR?;J0ieQroxWd^EAyUMY_|$F?c+L@*R42? zqh5VKFaeZ{7WP#0OVdXv%P0%2Xcuv|r5YqaIq?e#o1 zdoei~WHN_0iU&}*F5)_(-m!s=VmEy?1L*e0s)J;r7NJano+`vq?qIl#6My+S|6d#F YA9qTC`=s*#RsaA107*qoM6N<$f-$51@&Et; literal 0 HcmV?d00001 diff --git a/Paper/assets/selected-radio-unchecked.png b/Paper/assets/selected-radio-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..579469b25b8348a8fe9ff2cce5b417cd9dd7f1fc GIT binary patch literal 676 zcmV;V0$crwP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`L&^>HYQ5eSY=RFs= zg@Kx@k{Htutk4pTr3GcH#^_=@8M~6$#Mq_mO)4_f7{`X814&V5<6=8GNZkB{P}2go z0-e)YlCm5X+nzk@I zHcBVTHD(M(ngIX-0L(PuzwA~H zivL9XW5dUod7=#vXu#v_>p8UkHSb_=FF|`Ucgqp~2yNEIU zZvOW3{{jFoGP`urV5Aw=Fb*Oo0Dw8e#LJNO!XH9+cl7?1uKfT@|H-Ql>Kd>B0000< KMNUMnLSTZOyCseQ literal 0 HcmV?d00001 diff --git a/Paper/assets/selected-radio-unchecked@2.png b/Paper/assets/selected-radio-unchecked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..b3c1f646de1082025fa4ea5527434a1fbcf79ff3 GIT binary patch literal 1370 zcmV-g1*Q6lP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`D=RD2I*ty1IkMOtMAJ_x&L3zJ@=k_;lD05`%qD({>D;M z$uMv#5LidoLvjfk&3P}>Abo*1Ca*RWg} zatNUkz|gUv$6>ws@-o-r+~?9984DLU0YVQ(2YUY=x!3%A|NY+vBTL0Fa{!d0RcUkQ z`M}#Z<_u8w!5140!)Ox7ROr4f%N&1heZHVvDU9i$1$6VZ-izN{y_=~GBM%5^ksY0Z z-QUj|plomBD@yctfW>8%cHd_2>Qqb00;|=E-EJp6Jsq3PhQ(q5AR3Jl4u=^U8e(v8 zkVqs#cq}&Z;fbqV15s55L=^IB+rHh+GXj+P8kQ?1KLHsl?J4K#Hm$0%S*=EHZZ1xz z6Q!mv8xbKC3K0wj2}dIOlT*L6b`QnYgX%ZLsGPhUlhP?l8FC27a9O3jZquqNdwROz z^?J$3$e7U_Kq-aG<-+Ur;&eESx@vEg(;^)pF0IDC0+}$0IsT`@U$g_LQ(E_Z{Mu@F zUQV{PsHh0Tn0DEd$}kKZ4hLgnW2!VO&3@wA?Ez6nNpAJU%e~D_#Cet)=yYmf?-4ZWArMFE15M%>D zwI^q>)9IWy^M`Ueom4N+S_q)xNBLv`@&H~~vD7}BYM-l=QmpY5*vETK08pqLfczzn zjCprYXlb^~m2jI103rZ3Tk5pU<7t#?ON}MGbP@o90QW|tcb^qN|D(BklK{vqfNOmN z{m%;EdT<~FpppRyoCauW>mGSl08Q=Pqwz2GZ&P}d0h40@mwWDbw3gU>o5!>syVBEN z9QTrMrvP-+*ZvH2$F$^re(J)x`3Cs(`ZIe>8YAx9{`;T1F^7KogMf6+yk9KJx3pm>rc=yO- z0YHh;=1x%kcZNo)_8d5VM$4l;`y}Rj4jeyod+0$Wa5u$d*W^oT(lfWh|K%n@odB%a z_J!xaes8-s&1P9N7xUq8^!}UskN$dR=s^V#(XhF5U+wA1agROp%l!>6Ddey~rlC}* zrn2Pf`&%m3n}(4xov{|t4W}>v_}R%$Pa^FhQASP2NALWQEPmRqQ|UWc6u(BP7Xb`q z1lJU}uD?-HlIF>BIP)BfvH)(~8@_!#I1p-T?;gF<(_b8~b^y+%nCxn;uf6#=k6ArT z%J(+Dp18@B%p4COT}qU%El_)SrpP(<-Ex29I+Wg~gpC5Zpb}3r`Ab2s2rVjwW8?Sv c|C&kv0K&n(%1nEL2><{907*qoM6N<$f;Mb?-T(jq literal 0 HcmV?d00001 diff --git a/Paper/assets/selection-mode-checkbox-checked-active.png b/Paper/assets/selection-mode-checkbox-checked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..69aa4ee39d22657a1bfe7c59e6cbc72c560336c8 GIT binary patch literal 1250 zcmV<81ReW{P)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`bri=x_ulSO z{*;cv%-GgJCy+@7WJ88qz)d4+Vxmv;!Niv(KH-Be#t;@~d?4{fV@!-1P0Xe-#>7X5 zvN$3#vXxPXiaO$8EQ@o6$}Nln?d{KpOG__p=`AgkZ_?!E-1GaLZ_oLi^ZWhIl}JP( zPyv(zDj+A($t5Dd5-4bWtaHJ9(OCPM{Kr~s81ZryH>03l;!>vn}h#waD*6{-zub*>1g26nQV zSQ~{7%mS0Z!b@jfX=pq3dT#y40Lg4*#eD}^W^STmWzAOS<(QEuP;$0VDdpZoc( zuGim5roW{GZ~SqSvGKo6vc<*4vG?A7vnv<~=*h-d32{y^apx|>zy5BL1s4`(&VT&T zYg1EG!4$)`hTuKlH2qhH5kkadq2BT1`QnPen~yf+eRUDduyjvr~v z)LiBvKIqy{IIJ_^8Hr`35Q3ksji5&ap-_miar5%3*j2_8kF}Wo*rpK#sB>2VhUel- z$Cc~9BbG->D* zMWLhpI8KKn8xz?V>Qp4#TaL1)qCDH_bF-7IC3&prFf~=KTug0g4eEfRX_{}nGhv;( z3Pq8*cYm73Lv`y;I6FHV-Qtp-VB%rrMC|~IG)$KweAGZ+n{l#qbtGz6oUrd*$VLcj>Hyq=O34~8%rIRz`fY}c)h;kmJN#^?$A@=PWfd_XYTYYAYqT{pg~=N5Aq z%_UPa$d6I$iZD0Vw-N%wbCWC2Nr^;1LpaDy-Ajk)XNc&|V!9*$598fN0@mu5YXATM M07*qoM6N<$g4e`Lod5s; literal 0 HcmV?d00001 diff --git a/Paper/assets/selection-mode-checkbox-checked-active@2.png b/Paper/assets/selection-mode-checkbox-checked-active@2.png new file mode 100644 index 0000000000000000000000000000000000000000..c5732430a9e0fb4efe266e5c468410b122d7a9e1 GIT binary patch literal 2301 zcmVb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`sFSjOn5L;;cFC7&8k^QN>$*)_*UQ#w%@V1LRCTMg zizZFlhpgH~2_+q4fdC~Wq=}P~3rV0rAcVW&fPKzByf!rs_#B&KY_NY45;{CQ=gmLw z<^MiD=f#A6%)lBT9Y_Ie-fN~1a>ODk-~nV{3K$1Qz1K9+^N&vk@_VJK#L!J3 zumTRm{5b3XgFpe3fJeQ*kYGM$#5ynvxP2G>7X=9@CLvxhEC`L}bo1|lg$RWc1jpCG z#^F;XlM$MyM)-=CI}C^ zgfPwt!XrgOnCArHVe>5_3Bto{!FcwXO9Z%{lS3`j=u5QyY~kM9w;6JU@`#}1~t^T6^vz1sUk$YiMKqpapT6c@BZZH z$CHy&Hv0#o#b&+s!Y$`ucBD zQ`5Ev23nJn)|PB~Z1~K7>MjRMXq5je_BLvzu*PgQ7ytD2H-DU#_E6EZ$uBw#c$YFS6AC>Yipn1x^?T0Xp0A6v)NM1%gcAx)zuxYs;Wu{c;=gj zwv|=Xk^0mfQNp7 z$?>tKmtH*lE4{f_y?~0MaJsRDp^;I|Sb2K->XBc*{G+L{Fc`y zXYnXOizon`Yiat|+eeT5dnxx@RXxx(HOYodFzeW-WeSpmW{givMeI<%nTQ=c5-)ch*^(^?92=vE7?GX-M-}9 z7n~pC)Zz7PNmlmns^V*1UE`X;ArNr^<(V1Yd%vEsiHW&uL&GE7xZTa(s_hi!=Z2m8 z`t5GoJ_=fK2f!>z?0sSf8Fu5JA&B@8zIe5Bo_Ido9uMy~Hq+Cmz0F#PzJWm+TF>c< z-BnpZeol5+_t7Ha0`?CszB}@GJk*{!%bi~B`OBY?v2p4en^AOly=|W_W&OIMkn)E@ z#07MFf)_RvMd5T)tL~mCyk4U&ueWLaBW&4JqAPE>L|nk^%nZ#KkIvyd>vmJC)9V!# z)v`R>{ADrHYx8n>Qm2TDqEOe^GEc;gD<9*$ zrtS5TtXB3_?<6I8`Cf5Zww*}0BHp~yL)%B%bv;Rv*jrVJW6jddc_=LFR&H%xF8iwV zi+H-JmH)Q1p{lB8{O-yM3UVJdqM0GF?0ezDeEmJqqXk@1tTiOgiwaF7A3`> ziMZDbM%1b?Mu=FHpG(!_MME=7$?B895)ha|RE-IwF^s`G%i!955rE%R)VJ(Ic0?s>E#p!fjFd!#+*;zdG z#cI|SCb4`Q$6dk;#+QJ26X3Z|3CW zjlUKSrz&-ExX75+Dy`~3otlc1D&Kp3q&k!u$WJdNF z7h*`q1FD1pW-^ZPNC+E}AUtFVF+U^-k0}Z7AzBH-VoXAKB14w+I70zOeT&F&lpC`W z83GiaN9)HxZxjb82tz(+a;FgnGl4$t;w?h>?-F`}$*44EWif>qvB3Pd%~iyL;vo8` z4aF*M#CCA*5ZXYY6ojpbr&G)I;uCLP6?>tcHjC(q=_F3{^)bZ);=$rW)s0xDK^&|T ztL3RkqafzHTlfuIfAk1rMO2%!h@WAtAUaSV8YTZwdX^cmd%srepTltR>7T>UwLAMi Xca@S!nWUG900000NkvXXu0mjfpyy?D literal 0 HcmV?d00001 diff --git a/Paper/assets/selection-mode-checkbox-checked-backdrop.png b/Paper/assets/selection-mode-checkbox-checked-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..6d7f30b93a1f74834c40c29323df522b1a67a17b GIT binary patch literal 1261 zcmVb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`>S2qs=o4vj5<^l-hNiWWj*hvntv9Glf@#pm;V6AFdm z*ED+=!2SJw=H})|rBdfMS(a&QYh!zR`{bs!A06=Y^px4zSv2ip1|>M?8M*tmdfT5ex(ZghC-s zPEPQ8y=-o7=JiV^lT1%fb9Q!?V|TmVG&VNgI$ptm*;AEDrSSQDS0Hs=$LsZSczBp& zZ*Om>qobpscm)HxTrLFR;wY03a$#ZNO0H{YXrQyRv(RvbuR*)rP9l-O@AseY$_%8Y zX(SQ}*4Ni_+SqJ1`uh41#lrVw!GHixrxQUC@cDc>kn{8NS9~ifD(LU;zw@i|&S}Qs zaM07!b7i`-bDhOvVPIh3R_Wy40UxM-RaF7d zb^RZs_=Zy)jYi)B1cSk3rsM0>)YL?Gcef$j-rimkARG?=X%ydZ1ZQSu-V6^9w@0H< zWov88$o;l5X_^)u9UcA2$kFgrx4F3)P9~GT*VorSH=E7R1wkn49Ifm6zh`G>%OfKr z-}-#MBO`wSXr%<7{113V1J)t_g=q43keGAfBnP zMo5=kpOlU#M^WG%T$F$zT@y9|R&tB$52+OCk$d;yIWI`&8bTpGq7QWq5dq$F=^EmH X+_HGj4`?9m00000NkvXXu0mjfS1v;i literal 0 HcmV?d00001 diff --git a/Paper/assets/selection-mode-checkbox-checked-backdrop@2.png b/Paper/assets/selection-mode-checkbox-checked-backdrop@2.png new file mode 100644 index 0000000000000000000000000000000000000000..2edf6f4ff107b7a25c3a4191097ef43b682bee5e GIT binary patch literal 2328 zcmV+z3Fr2SP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`DBR@g9oq( zU>?9{DMKj%X#n2=*iNu3WCQ>U0A?YIx`vH}DFRRjpd>T(`sVlq;2nT)@(a3kjJE># z9%9$k5Gev+fjB<0@h>C`XaKM``VSh3=pfDm%K##=hw+mF4PZAk@ubj0)aZ+D@hxx% zM1?h^i8ZhQ@KwoTh_kJRJZy*x857Ws%^Rwu0}Y@m_DgJV)JP2r038i+dA3YJOJ9TtnF(O@uCQWUjC zP5-GP2ttTqm^r`SKQc5l^mBK2_uFKfii(P2hr@B%WHL2V6eTP#FaPV#ojd;s1OjW4 z2T4#AfZwQ5(Ta)+!}aUee`mAVT9LoAI`8#*?{;=}URzjL2m`>*ojXgMPG^_VX#91& zA;U1EU0q#QS(aTljTJ+OXh5ihii!$DcX#*SEEY>M@;e}>N=r)*oIZWJ!Q=7#!t*?J z>C&ZZ#l^)xBpd4W`tNq_+O_!d<;yWChpGtJ-QE3%sCeH527{rhsi~>VYPJ4$>(;F& zHnKAsjlX*O^r>6QmtJXQIyyS)qun;XU{qCA!DKRlrgPhyd7eig5Wwv0EEtCQ@;nd- zw3U{YO7<4LUSCP_uUNq5=4J=t#yq3Zh`oFFLZ{1*$(^QYn9XLCmX>02auN)~U}k0p zQ&UsKp@wDI4@Cb;D`>G;8sq=2s;bHx@#4|xbf~PXgwN;0`1m*kK_LB$@b2Bazmtp< z3#ixY?eTw`O!>PqWEci7Uc3O$OHQl+fQ5yHuKV}zkC5yX3#ilS5|)Cw9`iOL7!2a> z-Me5}mT0@Ovf{pR<3^7hzxnxYRVEw`qqnygD=RBR+fXR<@1CBXKg;!9@B(ri2e;b| zuh&boWm$H@<#PQL3Wa3tN&q&2fF6$r@87>C+Ho8=J1{WNIX5@=DHZ<(E#UC*FrGhu zPP7vQAviiZ`s2jJgfG=H3Rb{ZuU=tzc$jD>2m(7cHun2Rj~=Z_GRUDI1)QFq#=yV; zG1j9f3e(fmf9mh=A5FKcf)mi^^WomTdx%6LMBDoMdfdK!dq7Ef1ts9>>MC3=7e0TM z+>r(V*s)^=YHMp1msv0ZhQndFTrMmxFB5Ic%gb@#zyVdtEeHX5p2vd+4`ju9Wo2b( zXlMXMsgt%;oQ=r`JRT3;ym>>kGn>sgbm)+($&RcD7z%|jGBSdhnHjJw3!BY`#>Pfi ztyaappFDYjXV0Dy?TU+wasK>yeE2}jP^Co11q_8kxOwv?78e)4Jo9?J7#|Kjv#?sNstcI$F>qvLBtg6wkw^r6eSNZ)S?e)9J&lJCAIggL z&YU@e>gwvW${~?)0Y85HxZ!IY$DyyU4{zV5wg`yDdK^by^B+Hc9Q*h0Psx8OWL!W} zKpV@J$Zd(K#Ci=44LEY-h%CS9l5qiTHXG3<))Gk~vMh_<-dJ`BB{JXeuKR-=5vQ@>yLA*VNRc)ScaKH~RbgWyN|eEiI_2sZpt>^2vHKp|-X* zrIsisub1gqPl}vmV^ZnPBn}=tnDJOoikzjh)DUs^?%gXeGLN}ZhM1C@wqx7*R$ z+M4s75IIk%rXymuV?8NyE+CMah`EUMq{s^a0eK?kD%O)CZv+ISThru8oqT07_AC4Y9s@QLG0yeqs z>7ZD^NFSP zm1>tmWo0FtPN%GVB8f;Of|;3_glB%gpSXpWgkk}QhK7Dd+@&-O!(ei95=%=Z*)Q>8& zaA#-dwO}y#Up0JXgJ3ZDpQ~4|{#6ZMsvPxNU0vlo9?vgLO-*GbB_;bQwKkrpj35ZS z*Xwm%xpL)?e!ri*U0(*Ooz{$T`SRtu6DLkMwr$&X#9%PkX`0UIiFlspKZV2LIltdO zGB`Ns?&;|vf3T7Q6o4O)-zO~d8G(k(iv~5;g`*+f+^CTr3=Q$xOO5mh(THB6rI8jZ zG{pPxlxF}oA3T8N*d(%c1D^&79{@hK5}Aj1;i`r_cmQ+2*QMNNh_}^h$is{1U8?bG z;aLEyIjPRKMF?V#1(0~{lK^o-u|T^HY9k^5-XQK0+GL@4h+)lUy0u&`G4T@i7O&UR zScomr1noxO7$K}9904f1kv3a^R53vEw yA?fDwWKwBaIsj$SpF;gQj8FLbbr`Z%Xa5I8PV0T<_z`yi0000Dv literal 0 HcmV?d00001 diff --git a/Paper/assets/selection-mode-checkbox-checked-hover.png b/Paper/assets/selection-mode-checkbox-checked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..67ceabda52f69b1a4ba04eb966a685f9f2c43e03 GIT binary patch literal 1254 zcmVb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp` zZnvh24J|GUR!Gwn6j~@D`7nc9iHe#f8wMhY_!1!8Ms~iHOl&n@2T3AG#YuWd7`JR^6 zgLb>4L8!u(O+;PO!=X^H_vg0nKKlOT$!iB*exNAm-$<|pgMrR> z54~|DmH&zYUbu9Hfx*8MY|&_R;KTRcJ{0l$wN!0Z3~*@lI-cMEOtK&QOs@yM^IJOG%XU9G2p-B6P)<*G{=89 z#nsV&()vcC)3mjB5uKi%vnh(g?(ObH$1^R|3)SWEGCAc3;7oTPu~>|%it;4Cn5J>6 z;~ardD8b%XvyBR8>7wIhoIy?3=dPucbo6<-GBljvBcqZUr81*< z83Wc=Z$(k&molj!yS*2ZYMrZeBRgwrG7Xpc5Z~{-k628jqpyGNtCUjmYi~cAE}5B` zVPNoTLYv~d*YoI(hJ*)OHb8)?3Kw8xF1~b}JO5jfuVby9Cz^L*u`DUn(f|#}azIJS zWW0(B3wiR9U0Bx?Ej3Jbb+D?!MRP-4%Ar$LmB*WRa+f2!X=K)g`c9C|4Rw?h-;-_k zx%rbUglv3p8xOdgx#-&b9n>{FEL33&g(GR_gjE$TR8=r`bDWwjRcZSSg^js^uIoXw z_@)^Qg@U~RogS~8?f6dGT;}9qcdaR0r>9>61pR?-v-qZqrq=!YT~9r8;EP-@nlw$D z`s%Y!pYJ;R%guCtDzGV?!{Fu1Q&Ps-OUqmv3JMA~D2m8x9j)tHC@>W``|Yu#ubaVv zk-=K>F!f)gGy&YoH$@uV5`aJ76lvra7~8I^Q4*LC7<b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`>ks3<7qg3=6;sU>cmLw~$U462JxkHMwcmZASpW6#(Jn zKPXceR|9ARH+0KzkO1`H=0__256J?m0o)mVLzzUB;MM^z06KOseo-I*tVdZqK2+c| zTG1`O2d)99a2bAL9c&S}sbnR%)wYZ{nh+H-CZG|kH&n?60zh-@m)PW3CNuN^lmxi# z*=pHg$O!>JLx9`cmdOqc0WNSZlO0tAxZt@=c2vX`kuuq#R6*wO<)KF(Ywhgr-d|Uz z+omE(6QNL4$>~2+7?usvRM_G3cx|KB;l93q{QYvWP4l{Sl|TK(lRwhe8+uuQop(7u zdi9UL|I577c}wyj355bcha3&nH#Vvd{O0hJ^#;R(DBe|_anHHld+G3@S7PF{wzk$h zaqzigm6cWP@rD7v-~Pu~Gf}k(ZBZwAx-2cR;SFuCBSu z+|#?oK4LjZDwT?-UU>19>gt+%lMP9=x}|O7-3!D2IW@uS5Hj?@7hik**?NQFyHfq+ zlLhzOJ5VSpbo%-S(%CErgAvMdeZ#{L7%l1wwModoum5zsh=Nm1XgM?~WFvX9udCB-i+|m@xxHw_i$_h8=-j+1lee(v&zyNf z$Vjq)Dy7O8|GK%Uc(Yn>)0Y}cB!_>^IpdC$9(|>#8*v}`w`bxN)#!=D&o}IXe&o5sU zv||`%>BE2j>z6jG)t%`%N>;!tH>U9Ee=i8yu`Ek{Vi`P;D#;**k`&P4n!})NOqA`V ziHYC6dF(ZD%X11!PC$>(hf~8Nh%mfKloein;koyvoUfz=3VG_m`-1E}*VXgT39`p%f`%x;b(5>^LSJGlD*9YpStt_s+asTF6Tv-C}IQ z{USwV7zU>-wgeH!KmP(3z7&r2)Fg?$yLO_gGJlV_05IM0N%tpj~$9jAeTtFZ*5epIP@lg~40^&q0RIJBG(Fh0#$BBiC_4p_%0Rb*f{C0}@ zt)u;}g2j4#NEVQZFbTOOil)<u~?Bolp|eXPQtr4BKbt6OMU3^MbeV3L&{=qt@X*#1*CSE-s?4|1_>mO@oq2 zNGVVhg{zZOc<;mj{DI)gah7En+tAQ)ss818(B|mtPuDjX9+v7SpSYaPx1W9DCof6$ zBg>;+XU6Pyb5HLUk|ZVj$_IYGf9%M?1BZgaptxJOc#uWFpx+;{k62E2Z0*uiR#$IS zCh&XI!$4$aTc%QC;n_Oxb<2Os&~hHd6u`|EVt?Ifu-Din%>J`vBd zY#u~9dQF-Vte5ka0OS(h=T#(0B$A|mcdo4 zEhCOuL~E(WXJe)T_zTjU+lwH$5ep!(>=O%aLD8dJ4k{fqfG-hOgf>|y23%OPnyQwI zB_>`%W%E=$jRMybYf-M~8zYDm;sNQ0Dh+O#2DobGt2NocfSd2GA#T{lBSsh!fC)f7 zR?o0zz;z%8k}8)clS$7~0?b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`bri=x_ulSO z{*;cv%-GgJCy+@7WJ88qz)d4+Vxmv;!Niv(KH-Be#t;@~d?4{fV@!-1P0Xe-#>7X5 zvN$3#vXxPXiaO$8EQ@o6$}Nln?d{KpOG__p=`AgkZ_?!E-1GaLZ_oLi^ZWhIl}JP( zPyv(zDj+A($t5Dd5-4bWtaHJ9(OCPM{Kr~s81ZryH>03l;!>vn}h#waD*6{-zub*>1g26nQV zSQ~{7%mS0Z!b@jfX=pq3dT#y40Lg4*#eD}^W^STmWzAOS<(QEuP;$0VDdpZoc( zuGim5roW{GZ~SqSvGKo6vc<*4vG?A7vnv<~=*h-d32{y^apx|>zy5BL1s4`(&VT&T zYg1EG!4$)`hTuKlH2qhH5kkadq2BT1`QnPen~yf+eRUDduyjvr~v z)LiBvKIqy{IIJ_^8Hr`35Q3ksji5&ap-_miar5%3*j2_8kF}Wo*rpK#sB>2VhUel- z$Cc~9BbG->D* zMWLhpI8KKn8xz?V>Qp4#TaL1)qCDH_bF-7IC3&prFf~=KTug0g4eEfRX_{}nGhv;( z3Pq8*cYm73Lv`y;I6FHV-Qtp-VB%rrMC|~IG)$KweAGZ+n{l#qbtGz6oUrd*$VLcj>Hyq=O34~8%rIRz`fY}c)h;kmJN#^?$A@=PWfd_XYTYYAYqT{pg~=N5Aq z%_UPa$d6I$iZD0Vw-N%wbCWC2Nr^;1LpaDy-Ajk)XNc&|V!9*$598fN0@mu5YXATM M07*qoM6N<$g4e`Lod5s; literal 0 HcmV?d00001 diff --git a/Paper/assets/selection-mode-checkbox-checked@2.png b/Paper/assets/selection-mode-checkbox-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..c5732430a9e0fb4efe266e5c468410b122d7a9e1 GIT binary patch literal 2301 zcmVb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`sFSjOn5L;;cFC7&8k^QN>$*)_*UQ#w%@V1LRCTMg zizZFlhpgH~2_+q4fdC~Wq=}P~3rV0rAcVW&fPKzByf!rs_#B&KY_NY45;{CQ=gmLw z<^MiD=f#A6%)lBT9Y_Ie-fN~1a>ODk-~nV{3K$1Qz1K9+^N&vk@_VJK#L!J3 zumTRm{5b3XgFpe3fJeQ*kYGM$#5ynvxP2G>7X=9@CLvxhEC`L}bo1|lg$RWc1jpCG z#^F;XlM$MyM)-=CI}C^ zgfPwt!XrgOnCArHVe>5_3Bto{!FcwXO9Z%{lS3`j=u5QyY~kM9w;6JU@`#}1~t^T6^vz1sUk$YiMKqpapT6c@BZZH z$CHy&Hv0#o#b&+s!Y$`ucBD zQ`5Ev23nJn)|PB~Z1~K7>MjRMXq5je_BLvzu*PgQ7ytD2H-DU#_E6EZ$uBw#c$YFS6AC>Yipn1x^?T0Xp0A6v)NM1%gcAx)zuxYs;Wu{c;=gj zwv|=Xk^0mfQNp7 z$?>tKmtH*lE4{f_y?~0MaJsRDp^;I|Sb2K->XBc*{G+L{Fc`y zXYnXOizon`Yiat|+eeT5dnxx@RXxx(HOYodFzeW-WeSpmW{givMeI<%nTQ=c5-)ch*^(^?92=vE7?GX-M-}9 z7n~pC)Zz7PNmlmns^V*1UE`X;ArNr^<(V1Yd%vEsiHW&uL&GE7xZTa(s_hi!=Z2m8 z`t5GoJ_=fK2f!>z?0sSf8Fu5JA&B@8zIe5Bo_Ido9uMy~Hq+Cmz0F#PzJWm+TF>c< z-BnpZeol5+_t7Ha0`?CszB}@GJk*{!%bi~B`OBY?v2p4en^AOly=|W_W&OIMkn)E@ z#07MFf)_RvMd5T)tL~mCyk4U&ueWLaBW&4JqAPE>L|nk^%nZ#KkIvyd>vmJC)9V!# z)v`R>{ADrHYx8n>Qm2TDqEOe^GEc;gD<9*$ zrtS5TtXB3_?<6I8`Cf5Zww*}0BHp~yL)%B%bv;Rv*jrVJW6jddc_=LFR&H%xF8iwV zi+H-JmH)Q1p{lB8{O-yM3UVJdqM0GF?0ezDeEmJqqXk@1tTiOgiwaF7A3`> ziMZDbM%1b?Mu=FHpG(!_MME=7$?B895)ha|RE-IwF^s`G%i!955rE%R)VJ(Ic0?s>E#p!fjFd!#+*;zdG z#cI|SCb4`Q$6dk;#+QJ26X3Z|3CW zjlUKSrz&-ExX75+Dy`~3otlc1D&Kp3q&k!u$WJdNF z7h*`q1FD1pW-^ZPNC+E}AUtFVF+U^-k0}Z7AzBH-VoXAKB14w+I70zOeT&F&lpC`W z83GiaN9)HxZxjb82tz(+a;FgnGl4$t;w?h>?-F`}$*44EWif>qvB3Pd%~iyL;vo8` z4aF*M#CCA*5ZXYY6ojpbr&G)I;uCLP6?>tcHjC(q=_F3{^)bZ);=$rW)s0xDK^&|T ztL3RkqafzHTlfuIfAk1rMO2%!h@WAtAUaSV8YTZwdX^cmd%srepTltR>7T>UwLAMi Xca@S!nWUG900000NkvXXu0mjfpyy?D literal 0 HcmV?d00001 diff --git a/Paper/assets/selection-mode-checkbox-unchecked-active.png b/Paper/assets/selection-mode-checkbox-unchecked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..0e3ad6a1b04b409380e53e68cef4b291a43a4a1b GIT binary patch literal 671 zcmV;Q0$}}#P)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`FkiH419W88TcPrwN(dprUM;4Us*x+ZZ4LIzAEN)Q*X4WOhQoxyg|FCi)L^7`vc z=a+eJJbtnVG=K_F1k{!omwW>6z$@?q%+~+(zFnUIM>`gj#1MD}mH>YEqX%37^^`=d zvkx2qV^|41CmZ4-Nds?^A0QP*~1R2(>;Q>p9tk$e@s1Pg3D#Ze3K34{s zK#kSH`YQ`S1AX8vA=dYSQv-3A$kKOV+A7R>j9AG$F1TQjun81et=3tm)48owDpo6g zGMNm6An0|w-RCg(Q(U|UTqoqb0er3XUA0CKqT+F3^@-pe?yTTXKQ6!3%`z&;!U>vQPE^lzx;+d@Cbaw1({TJbL2@&;m7v9T>vAbSc(+~GJ;nQ zZn`TL3WKLekq-q-(^e6~R3UBGEV2Yf3h44nJ zNUsNB#yF{oGC)De64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq=1U#K#D># zOL9^feDkvt6+Dyk^AtidQgc%kLQ-=JauQ2Yk1&WT0aXfuR63THWaJky1SjSyc%+tR zmXzFY>2w3SN6FL0F{EP7+qq}+q(em-?EB~5Qa!@EPCz%+*>OX`Qmv%7u`Rn!d8fRU z%|CeTl=24=)zvvl8yy0bUE>-wJOVFYXc9_(Q*rA^T4CCyj}I&!Tbj=*thGBisn&Mq zteSoH&*NUpiF^17?qFWSu)VP;AZ*6MJ{uz@JqCFT=3Nfz8oQ^d{I6l%!Cu2s@$y~a zI|(NB1BM1O${w0D%6(w?@nhEOd+BZmv>$Lx{AIsRXfsO4F!Er#HJsChj=G zyh?72W-lpL1Ss$&|yMM?Bm&w*3B(D%m+XY~l~2*ZeP-Zcegt-M0J} z-)p@oGGStRte?e##U}EXN_O7uYkVHF(biOZ9ZS^#WfhfE#;gzQj0)u*I4oNIEciMKJ4u7irI1?b;<3xOBp7s)`q?I+#6RPqc`1{cXG}B_uFs3O+TCV`Q^KJdFG$4 z)jm)?Ww?={X7Ngf%v%0K;=OK*ckSK#H+E^z$_%M~_kC#sG$u&DHo-uq-RVtik;WX*xiULz^d-qQ(&v45=C>Iyq`Qnhm-G`<{ zpI$nDD!pNFio0Lq`MaAj|;tzgK`f$SP+8&2XxAwXn+Y^4`ujN9KkY}5Y zehHMDKTFw7j<4w?>$5}7hXj;m_qF%%yIGyHX;O)D)B5*u!i*Cqr|e7MY4o$`oRd;x z{Q1QF0|q@8`wAtbbs3yh6!!BJv3oRRsyy~@^6hw`^^oI5YLWHlqmq}B8$Sx)R!(tR zIk9%z!aYTOI_&zBFC25_owy-w;-+cps#DCjb=$67y4N-85!bYf=1+P!KRtN0uBy-H zvO;I+r(L$Cmw6_Be8;bJ*UU@E(ECK*=UB1j(fkwHzD&yA_9s0v(shB9&AsdM55M^Q h?zw@`+H?PyD{fvDog25N5m=Nkc)I$ztaD0e0swCNHlF|h literal 0 HcmV?d00001 diff --git a/Paper/assets/selection-mode-checkbox-unchecked-backdrop.png b/Paper/assets/selection-mode-checkbox-unchecked-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..954d756742fcdfd1fc69d87badd89d80afb592b9 GIT binary patch literal 756 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEEX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4}Ye z^}X63oV{>%@`qPzmjo-W{wTLQ`mV^y>uM&y3fNtrEIt-)q5f?_y44c-ONVO}_ojc) z7foPa!KCV-b7IXTksr(+57-Op{w^zA{g6=+295hZmyR)mkRM6VtD9gMFrLUJIG88**i!v8=pOC9M+w0^b`)@nb zHt&31c`y2SA)n9XJJ%|cC#j?dol3s{oxghTy$C^b-v=wb)?Ll2T@|9G-y*QBPo_cO zklysu)xBMGtIo=Z)#)R{{IWZR_`s7Q7?N2}929W2Ld&3!>KU3wk=W>F1p2))>EkI*Kht)w^HwGv;zR z#$uu=O`enHIDS*zqxC6$Y348Qsi9n6n*EGwlRfuvoz&=(=s#}gAkh{dTIntNq4xiV zyLs=uHRoQ;SfV>)zq#k64Y%Lcg|JSoF9kZd=kbpfaqHht^I95v*kH@Q#g|R~%Ca1s z?zjANo`FP7_*32os&{)Ir<_e`xRw2$?aXA+#y+TYHf1I a{&~}8Pfp);1DK*17(8A5T-G@yGywnu;zAMt literal 0 HcmV?d00001 diff --git a/Paper/assets/selection-mode-checkbox-unchecked-backdrop@2.png b/Paper/assets/selection-mode-checkbox-unchecked-backdrop@2.png new file mode 100644 index 0000000000000000000000000000000000000000..7f76060d21c577fa242283726e9a4155ccb3095c GIT binary patch literal 1387 zcmbu9`7_%I7{()Yq!Bw(Lo^9dN9>}hR;YG5QmG@3DwS>PXo)l`A-*Xg;)rWeTUVJ@ z9U-NPF=7>2T2?H2EZT9TNNKAmrLiSK!`5#64g1bK?=$Z+pC8^|-Z$6R$6W`Cgn~dI z9S@SrMV0&R3!BgA}deV#WEfz!}ar;2T z(>g>ge3+pZM=dThzE(rUBbV}5JNHs`zxH(h!&NHZb#H5a!esWfra9^!$WABKzv^_$ zGx-Q&3e?bQ_MyH09E;3krIy&R2;>cT5&*z$7wZqdy&BSBtq zVgWCVC_Wdu5WW+)xvx8T#D+%!-K8Cz7a4mKv$~u8M;lixc0ALjjBW)k@NgO!5o1!x(-=f9GZ~5U$ zD?G6!7y9SEc2W%cdCz)r1@mZoWPUTFK_A{l<)v+mC<;@naMerGDjY1UDZ_+2qGGxIx-v`Kro zAXhGNT#e7-ktxNmmwM%9Z;GPRrl+Uf`Sc{B`Jp2vFLiGZ+K#;CkBFH5O_Co=hw#Y! zk{z;@LNPo%40w5Y0ql>FsZWD(Cl?F!a$R18w++m%2bF4tmSfiwDx(~{%nzMvJPGTs zRMl8P3(BO-+bOQpt_*fhzng!D7LZq1Sly_CUbE*J+Gr#a8Cyzi{ZIu<+BJY?J=?(> z88XxF(fFsJniT0)Ehl_)YgW7OyNII>Z^(sAxTrHs!S?X<@>^%my9ltRzIy*NZr2dK zm7U{Ei;j6m!y!^xJfQsT!g%_q!4#uIG`kqs{0O!2Y*`l6Ha#VxOgwfj7#eF0UY!)i$PPS68SKXL(um>HPuZcpTzQ|-6#OqII!vUaBp@=IV8PBsQ zn4cO9Td#{w4yhss1_UUb_&%w%sHK$0Jw4xtHa9m5pWI9i$U-0xArq^LN!~yrM&$&A zfdOyB?4GM7H{%B_EiIWuA|YV0ST}b!w?FVOv!a7G=;y80cmHaU%jE=eljM`6x)b@n z>dluEc6M@BOiYZ`9nu-?oPO#f`nwgqbrBO|jKKguH%U6eTEE3`xk?OS9wnxlFXmoG zm#FFKKoMgOeq|^P0Pjtfdi9~)v3&Eu49h(`KjqhqBrTK9DKU=&=OzvDyKa90$8VcI z&iCxJf@SMO^?mkRGqMV5wl&m0-9?_gF?WK+vYzb~yfW63n8O0kVMb@~5!Co%EUA(2e;QVi+lz4Pp@VM;#WQC5yO5*l0 zA$>Jm_xO=e^tb!FcFoKQkhI1!mV0dSaDaiWl$+8($hrCA^J@x>eR>yjife7X8ALKx PeKL@TtB;G27@F}P5}k6P literal 0 HcmV?d00001 diff --git a/Paper/assets/selection-mode-checkbox-unchecked-hover.png b/Paper/assets/selection-mode-checkbox-unchecked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..2f683aeece495fbe74bc42492b70137b3d56a974 GIT binary patch literal 776 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEEX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR48G#0GWWf+siAQ0owvXF z3fAdX^{saf+Cw&2@ZR zFUwxP>05ix7CisW|NU3*?EdMiuP!gFeEYmqrd)1;NwyyQgD1IO#jcDGM7XY(RIW`h zc{XRy&KQ>~)22)-tF(UE+hDkIfhH!3I(UHJYC+kdW~D4`j;3vTt3|);`DS(C*0D4T z4$rMm|4T7#nY~tj*B*wn$4pa?9$gvzU2gBRX(hdHt3K53|M>0b=l1#G_J4a$Xa0Y+ zEo-Zr#Jlw|v*t*hPTQR9*kaYz9{R^*Ot^@f$X~iTeo&V6wxI9Np%#=$ra*2bUnadatXa0usKF|04KJWMW{O~@{`#f(h)X!T{UPm4P04Rce zK!Fm69!ge5((_e>uOxQlmIoLnE2(tZ=p4x`m*@k(1pw&Q9!e@)r$A2Ttikw7O7AsCu~MFD(q7=!^h3YTC2i$%qw3}C4E zL@a`U>INJ)l#nWiqs{uP((C=z`vX8CE4dI7~~F1DO+XmG1r3iI$cGk zb{NN!4Us=$n$F5Uw=$tP@g`tnG}%mdk~~fI59~n{wG)2YL@VtBS%cQ0D&5rv1Rl+* z`y`2zN2ze-oW!dA!at1P>^CCf^Mybu)@K9Z%o~=NOew2y5dh<(zwZ3qBw zK8HKR`KG(Sv3Ea@&AtTtQIp`BW>4Pywo_1RI3s9%QWPk71XqT{#-i6UT*N&l8 zsZt2$B|ok%BOF_v2$x4vmWnoNcGJ=9ZH}xFtt*uS-B52<2meB{++Dl zZ0Dq!3;KvBn@^6Ez_a}reb`A(r)$gOp#^GvKz|9Zu&FJiUWh+eisOz1zF>w>2Nz3CKFA2m1yJ8- zm1yYr0C5?SmDkF5?!18IsT=i5Pf)y)Kh-q{=*MQa4b1OgD`HXsb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`FkiH419W88TcPrwN(dprUM;4Us*x+ZZ4LIzAEN)Q*X4WOhQoxyg|FCi)L^7`vc z=a+eJJbtnVG=K_F1k{!omwW>6z$@?q%+~+(zFnUIM>`gj#1MD}mH>YEqX%37^^`=d zvkx2qV^|41CmZ4-Nds?^A0QP*~1R2(>;Q>p9tk$e@s1Pg3D#Ze3K34{s zK#kSH`YQ`S1AX8vA=dYSQv-3A$kKOV+A7R>j9AG$F1TQjun81et=3tm)48owDpo6g zGMNm6An0|w-RCg(Q(U|UTqoqb0er3XUA0CKqT+F3^@-pe?yTTXKQ6!3%`z&;!U>vQPE^lzx;+d@Cbaw1({TJbL2@&;m7v9T>vAbSc(+~GJ;nQ zZn`TL3WKLekq-q-(^e6~R3UBGEV2Yf3h44nJ zNUsNB#yF{oGC)De64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq=1U#K#D># zOL9^feDkvt6+Dyk^AtidQgc%kLQ-=JauQ2Yk1&WT0aXfuR63THWaJky1SjSyc%+tR zmXzFY>2w3SN6FL0F{EP7+qq}+q(em-?EB~5Qa!@EPCz%+*>OX`Qmv%7u`Rn!d8fRU z%|CeTl=24=)zvvl8yy0bUE>-wJOVFYXc9_(Q*rA^T4CCyj}I&!Tbj=*thGBisn&Mq zteSoH&*NUpiF^17?qFWSu)VP;AZ*6MJ{uz@JqCFT=3Nfz8oQ^d{I6l%!Cu2s@$y~a zI|(NB1BM1O${w0D%6(w?@nhEOd+BZmv>$Lx{AIsRXfsO4F!Er#HJsChj=G zyh?72W-lpL1Ss$&|yMM?Bm&w*3B(D%m+XY~l~2*ZeP-Zcegt-M0J} z-)p@oGGStRte?e##U}EXN_O7uYkVHF(biOZ9ZS^#WfhfE#;gzQj0)u*I4oNIEciMKJ4u7irI1?b;<3xOBp7s)`q?I+#6RPqc`1{cXG}B_uFs3O+TCV`Q^KJdFG$4 z)jm)?Ww?={X7Ngf%v%0K;=OK*ckSK#H+E^z$_%M~_kC#sG$u&DHo-uq-RVtik;WX*xiULz^d-qQ(&v45=C>Iyq`Qnhm-G`<{ zpI$nDD!pNFio0Lq`MaAj|;tzgK`f$SP+8&2XxAwXn+Y^4`ujN9KkY}5Y zehHMDKTFw7j<4w?>$5}7hXj;m_qF%%yIGyHX;O)D)B5*u!i*Cqr|e7MY4o$`oRd;x z{Q1QF0|q@8`wAtbbs3yh6!!BJv3oRRsyy~@^6hw`^^oI5YLWHlqmq}B8$Sx)R!(tR zIk9%z!aYTOI_&zBFC25_owy-w;-+cps#DCjb=$67y4N-85!bYf=1+P!KRtN0uBy-H zvO;I+r(L$Cmw6_Be8;bJ*UU@E(ECK*=UB1j(fkwHzD&yA_9s0v(shB9&AsdM55M^Q h?zw@`+H?PyD{fvDog25N5m=Nkc)I$ztaD0e0swCNHlF|h literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/apps.css b/Paper/gtk-3.0/apps.css new file mode 100644 index 0000000..59c7828 --- /dev/null +++ b/Paper/gtk-3.0/apps.css @@ -0,0 +1,65 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/******** + * Apps * + ********/ + +@import url("apps/appcenter.css"); +@import url("apps/archive-manager.css"); +@import url("apps/baobab.css"); +@import url("apps/bijiben.css"); +@import url("apps/birdie.css"); +@import url("apps/budgie.css"); +@import url("apps/calculator.css"); +@import url("apps/calendar.css"); +@import url("apps/cheese.css"); +@import url("apps/epiphany.css"); +@import url("apps/fallback.css"); +@import url("apps/geary.css"); +@import url("apps/gedit.css"); +@import url("apps/gnome-calendar.css"); +@import url("apps/gnome-clocks.css"); +@import url("apps/gnome-contacts.css"); +@import url("apps/gnome-disks.css"); +@import url("apps/gnome-documents.css"); +@import url("apps/gnome-music.css"); +@import url("apps/gnome-photos.css"); +@import url("apps/gnome-software.css"); +@import url("apps/gnome-system-monitor.css"); +@import url("apps/gnome-terminal.css"); +@import url("apps/gnome-tweak-tool.css"); +@import url("apps/gnome-weather.css"); +@import url("apps/gnome.css"); +@import url("apps/logs.css"); +@import url("apps/midori.css"); +@import url("apps/nautilus.css"); +@import url("apps/noise.css"); +@import url("apps/pantheon-files.css"); +@import url("apps/pantheon-terminal.css"); +@import url("apps/pantheon.css"); +@import url("apps/rhythmbox.css"); +@import url("apps/scratch-text-editor.css"); +@import url("apps/settings.css"); +@import url("apps/shotwell.css"); +@import url("apps/snap.css"); +@import url("apps/synaptic.css"); +@import url("apps/unity.css"); +@import url("apps/vocal.css"); +@import url("apps/xfce.css"); +@import url("apps/yelp.css"); \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/appcenter.css b/Paper/gtk-3.0/apps/appcenter.css new file mode 100644 index 0000000..7689525 --- /dev/null +++ b/Paper/gtk-3.0/apps/appcenter.css @@ -0,0 +1,33 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color appcenter #378BE6; + +/********** + * Header * + **********/ + +AppCenterMainWindow .titlebar, +AppCenterMainWindow .header-bar { + background-color: @appcenter; +} + +AppCenterMainWindow .titlebar:backdrop, +AppCenterMainWindow .header-bar:backdrop { + background-color: shade(@appcenter,0.9); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/archive-manager.css b/Paper/gtk-3.0/apps/archive-manager.css new file mode 100644 index 0000000..d6efd66 --- /dev/null +++ b/Paper/gtk-3.0/apps/archive-manager.css @@ -0,0 +1,61 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color archives #A88A67; + +/********** + * Header * + **********/ + +FrWindow .header-bar, +FrWindow .titlebar { + background-color: @archives; +} + +FrWindow .header-bar:backdrop,titlebar +FrWindow .titlebar:backdrop { + background-color: shade(@archives,0.9); +} + +/* Switch */ +FrWindow .header-bar GtkSwitch.trough:active { + background-color: @archives; +} + +FrWindow GtkSwitch.trough:active { + border: 1px solid shade(@archives, 0.8); + background-color: @archives; +} + +FrWindow GtkSwitch.slider:active { + border: 1px solid shade(@archives, 0.8); +} + +FrWindow .header-bar GtkSwitch.slider:active:backdrop, +FrWindow .header-bar GtkSwitch.slider:backdrop { + background-color: shade(@archives, 0.9); +} + + +FrWindow .toolbar.primary-toolbar { + background-color: @archives; +} + +FrWindow .toolbar.primary-toolbar:backdrop { + background-color: shade(@archives,0.9); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/baobab.css b/Paper/gtk-3.0/apps/baobab.css new file mode 100644 index 0000000..2908188 --- /dev/null +++ b/Paper/gtk-3.0/apps/baobab.css @@ -0,0 +1,53 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color baobab #CC5E55; + +/********** + * Header * + **********/ + +BaobabWindow .titlebar, +BaobabWindow .header-bar { + background-color: @baobab; +} + +BaobabWindow .titlebar:backdrop, +BaobabWindow .header-bar:backdrop { + background-color: shade(@baobab,0.9); +} + + +/* Toolbar */ +.baobab-toolbar.toolbar { + border-color: shade (@background, 0.9); + border-style: solid; + border-width: 0 0 1px 0; + border-radius: 0; +} + +/* Cell */ +.cell.baobab-level-cell, +.cell.baobab-level-cell:hover, +.cell.baobab-level-cell:selected, +.cell.baobab-level-cell:selected:hover { + border-color: alpha(#000, 0.06); + border-width: 1px; + border-style: solid; + background-color: @base; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/bijiben.css b/Paper/gtk-3.0/apps/bijiben.css new file mode 100644 index 0000000..7d10b07 --- /dev/null +++ b/Paper/gtk-3.0/apps/bijiben.css @@ -0,0 +1,39 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color bijiben #ebdd4d; + + +/********** + * Header * + **********/ + +BjbMainToolbar, +BjbWindowBase .header-bar, +BjbWindowBase .titlebar { + background-color: @bijiben; + color: @header_text_dark; +} + + +BjbMainToolbar:backdrop, +BjbWindowBase .header-bar:backdrop, +BjbWindowBase .titlebar:backdrop { + background-color: shade(@bijiben,0.9); + color: @backdrop_header_text_dark; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/birdie.css b/Paper/gtk-3.0/apps/birdie.css new file mode 100644 index 0000000..95a8c0e --- /dev/null +++ b/Paper/gtk-3.0/apps/birdie.css @@ -0,0 +1,75 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color birdie #3998E7; + +/********** + * Header * + **********/ + +BirdieWidgetsUnifiedWindow .titlebar, +BirdieWidgetsUnifiedWindow .header-bar { + background-color: @birdie; +} + +BirdieWidgetsUnifiedWindow .titlebar:backdrop, +BirdieWidgetsUnifiedWindow .header-bar:backdrop { + background-color: shade(@birdie,0.9); +} + + + +BirdieWidgetsTweetList * { + background-image: none; + background: none; +} + +BirdieWidgetsUserbox { + background-color: alpha(@birdie, 0.2) +} + +/* Notebook */ +BirdieWidgetsNotebook +BirdieWidgetsNotebook .notebook .header, +BirdieWidgetsNotebook .dynamic-notebook .header { + background-color: @base; +} + +/* Active */ +BirdieWidgetsNotebook tab:active { + box-shadow:inset 0 -3px 0 0 @birdie; +} + +/*Menu Button*/ +BirdieWidgetsUnifiedWindow .titlebar .menu-button, +BirdieWidgetsUnifiedWindow .header-bar .menu-button, +BirdieWidgetsUnifiedWindow .titlebar .menu-button GtkImage, +BirdieWidgetsUnifiedWindow .header-bar .menu-button GtkImage { + padding: 0px; + padding-left: 6px; + padding-right: 6px; +} + +BirdieWidgetsUnifiedWindow .titlebar .menu-button:backdrop, +BirdieWidgetsUnifiedWindow .header-bar .menu-button:backdrop, +BirdieWidgetsUnifiedWindow .titlebar .menu-button GtkImage:backdrop, +BirdieWidgetsUnifiedWindow .header-bar .menu-button GtkImage:backdrop { + padding: 0px; + padding-left: 6px; + padding-right: 6px; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/budgie.css b/Paper/gtk-3.0/apps/budgie.css new file mode 100644 index 0000000..e7365c5 --- /dev/null +++ b/Paper/gtk-3.0/apps/budgie.css @@ -0,0 +1,162 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/********** + * Budgie * + **********/ + +.budgie-panel { + background-color: alpha(black, 0.0); + background-image: none; + border-top: 1px solid alpha(white, 0.0); + border-bottom: 2px solid black; + transition: 100ms ease-out; +} + +.max-budgie-panel { + background-color: alpha(black, 0.7); + border-top: 1px solid alpha(white, 0.2); + border-bottom: 2px solid black; + transition: 100ms ease-in; +} + + +/* top panel */ +.budgie-panel.top { + border: 1px solid alpha(white, 0.0); + border-top: 2px solid black; +} + +.max-budgie-panel.top { + border: 1px solid alpha(black, 0.7); + border-top: 2px solid black; + border-bottom: 1px solid alpha(white, 0.2); +} + +/* left panel */ +.budgie-panel.left { + border: 1px solid alpha(white, 0.0); + border-left: 2px solid black; +} + +.max-budgie-panel.left { + border: 1px solid alpha(black, 0.7); + border-left: 2px solid black; + border-right: 1px solid alpha(white, 0.2); +} + +/* right panel */ +.budgie-panel.right { + border: 1px solid alpha(white, 0.0); + border-right: 2px solid black; +} + +.max-budgie-panel.right { + border: 1px solid alpha(black, 0.7); + border-right: 2px solid black; + border-left: 1px solid alpha(white, 0.2); +} + +.budgie-panel .message-area { + background-color: alpha(black, 0.2); + border: 1px solid alpha(white, 0.06); + border-radius: 6px; + text-shadow: 1px 1px alpha(black, 0.5); + icon-shadow: 1px 1px alpha(black, 0.5); + transition: 100ms ease-out; +} + +.budgie-panel .max-message-area { + background-color: alpha(black, 0.36); + border: 1px solid alpha(white, 0.2); + transition: 100ms ease-in; +} + +.budgie-panel .launcher, +PanelToplevel .launcher { + border: 2px solid alpha(white, 0.0); + background-image: none; + transition: 100ms ease-in; +} +.budgie-panel .launcher:hover, +PanelToplevel .launcher:hover { + border: 2px solid alpha(white, 0.0); + border-bottom: 2px solid alpha(white, 0.5); +} +.budgie-panel .launcher:active, +PanelToplevel .launcher:active { + border: 2px solid alpha(white, 0.0); + border-bottom: 2px solid white; +} +/* Top launchers */ +.top .launcher:hover { + border: 2px solid alpha(white, 0.0); + border-top: 2px solid alpha(white, 0.5); +} +.top .launcher:active { + border: 2px solid alpha(white, 0.0); + border-top: 2px solid white; +} + +/* Left hand side launchers */ +.left .launcher:hover { + border: 2px solid alpha(white, 0.0); + border-left: 2px solid alpha(white, 0.5); +} +.left .launcher:active { + border: 2px solid alpha(white, 0.0); + border-left: 2px solid white; +} + +/* Right hand side launchers */ +.right .launcher:hover { + border: 2px solid alpha(white, 0.0); + border-right: 2px solid alpha(white, 0.5); +} +.right .launcher:active { + border: 2px solid alpha(white, 0.0); + border-right: 2px solid white; +} + +.panel-applet { + background-image: none; + border-color: alpha(white, 0.12); + border-radius: 6px; + border: solid alpha(white, 0.1) 1px; +} +.budgie-panel .menu-icon, +.budgie-panel .menu-icon:active, +.budgie-panel .menu-icon:hover { + background-image: none; +} + +.budgie-panel * { + color: white; + icon-shadow: 1px 1px alpha(black, 0.5); +} + +.notification .priority.low { + background-color: @info; +} +.notification .priority.high { + background-color: @warning; +} +.notification .priority.critical { + background-color: @error; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/calculator.css b/Paper/gtk-3.0/apps/calculator.css new file mode 100644 index 0000000..72f1c50 --- /dev/null +++ b/Paper/gtk-3.0/apps/calculator.css @@ -0,0 +1,164 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color calculator #07ce8e; + +/************** + * Header bar * + **************/ + +PantheonCalculatorMainWindow .titlebar, +PantheonCalculatorMainWindow .header-bar, +MathWindow .titlebar, +MathWindow .header-bar { + background-color: @calculator; +} + +PantheonCalculatorMainWindow .titlebar:backdrop, +PantheonCalculatorMainWindow .header-bar:backdrop, +MathWindow .titlebar:backdrop, +MathWindow .header-bar:backdrop { + background-color: shade(@calculator,0.9); +} + +/*********** + * Buttons * + ***********/ +MathButtons .button, +MathButtons .button GtkImage, +MathButtons .button.text-button, +MathButtons .button.image-button { + background-color: transparent; + background-image: none; + border: none; + color: @calculator; + font: Bold; +} + + +MathButtons GtkComboBox, +MathButtons GtkComboBox * { + background-color: transparent; + background-image: none; + border: none; + color: @calculator; + font: Bold; +} + +MathButtons GtkComboBox:focus, +MathButtons GtkComboBox *:focus, +MathButtons .button.text-button:focus, +MathButtons .button.image-button:focus, +MathButtons .button:focus { + background-color: transparent; + background-image: none; + color: @calculator; + border: none; +} + +MathButtons GtkComboBox:hover, +MathButtons GtkComboBox *:hover, +MathButtons .button.text-button:hover, +MathButtons .button.image-button:hover, +MathButtons .button:hover { + background-color: transparent; + background-image: none; + color: @calculator; + border: none; +} + +MathButtons GtkComboBox:active, +MathButtons GtkComboBox *:active, +MathButtons .button.text-button:active, +MathButtons .button.image-button:active, +MathButtons .button:active, +MathButtons GtkComboBox:active:hover, +MathButtons GtkComboBox *:active:hover, +MathButtons .button.text-button:active:hover, +MathButtons .button.image-button:active:hover, +MathButtons .button:active:hover { + background-color: transparent; + background-image: none; + color: @calculator; + border: none; +} + +MathButtons GtkComboBox:backdrop, +MathButtons GtkComboBox *:backdrop, +MathButtons .button.text-button:backdrop, +MathButtons .button.image-button:backdrop, +MathButtons .button:backdrop { + background-color: transparent; + background-image: none; + color: shade(@calculator, 0.9); + border: none; +} + +MathButtons GtkComboBox:hover, +MathButtons GtkComboBox *:hover, +MathButtons .button.text-button:hover, +MathButtons .button.image-button:hover, +MathButtons .button:hover { + background-color: @calculator; + color: @base; + border: none; +} + +/* Images */ +MathButtons .button GtkImage { + color: @calculator; +} + +MathButtons .button:active GtkImage, +MathButtons .button:focus GtkImage, +MathButtons .button:hover GtkImage { + color: @selection_foreground; +} + +MathButtons .button:backdrop GtkImage, +MathButtons .button:backdrop:hover GtkImage, +MathButtons .button:active:backdrop GtkImage { + color: shade(@calculator, 0.9); + -gtk-image-effect: dim; +} + +MathButtons .button:insensitive GtkImage { + color: @insensitive_text; + -gtk-image-effect: dim; +} + +/* Labels */ +MathButtons .button GtkLabel { + color: @calculator; +} + +MathButtons .button:active GtkLabel, +MathButtons .button:focus GtkLabel, +MathButtons .button:hover GtkLabel { + color: @selection_foreground; +} + +MathButtons .button:backdrop GtkLabel, +MathButtons .button:backdrop:hover GtkLabel, +MathButtons .button:active:backdrop GtkLabel { + color: shade(@calculator, 0.9); +} + +MathButtons .button:insensitive GtkLabel { + color: @insensitive_text; +} diff --git a/Paper/gtk-3.0/apps/calendar.css b/Paper/gtk-3.0/apps/calendar.css new file mode 100644 index 0000000..d27fab1 --- /dev/null +++ b/Paper/gtk-3.0/apps/calendar.css @@ -0,0 +1,54 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color calendar #F34235; + +/********** + * Header * + **********/ + +MayaViewMayaToolbar .titlebar .header-bar, +CaliforniaHostMainWindow .header-bar, +CaliforniaHostMainWindow .titlebar { + background-color: @calendar; +} + +MayaViewMayaToolbar .titlebar .header-bar:backdrop, +CaliforniaHostMainWindow .header-bar:backdrop, +CaliforniaHostMainWindow .titlebar:backdrop { + background-color: shade(@calendar,0.9); +} + +/* Switch */ +CaliforniaHostMainWindow .header-bar GtkSwitch.trough:active { + background-color: @calendar; +} + +CaliforniaHostMainWindow GtkSwitch.trough:active { + border: 1px solid shade(@calendar, 0.8); + background-color: @calendar; +} + +CaliforniaHostMainWindow GtkSwitch.slider:active { + border: 1px solid shade(@calendar, 0.8); +} + +CaliforniaHostMainWindow .header-bar GtkSwitch.slider:active:backdrop, +CaliforniaHostMainWindow .header-bar GtkSwitch.slider:backdrop { + background-color: shade(@calendar, 0.9); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/cheese.css b/Paper/gtk-3.0/apps/cheese.css new file mode 100644 index 0000000..cf05099 --- /dev/null +++ b/Paper/gtk-3.0/apps/cheese.css @@ -0,0 +1,33 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color cheese #ad7fa8; + +/********** + * Header * + **********/ + +CheeseWindow .titlebar, +CheeseWindow .header-bar { + background-color: @cheese; +} + +CheeseWindow .titlebar:backdrop, +CheeseWindow .header-bar:backdrop { + background-color: shade(@cheese,0.9); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/epiphany.css b/Paper/gtk-3.0/apps/epiphany.css new file mode 100644 index 0000000..29dbe07 --- /dev/null +++ b/Paper/gtk-3.0/apps/epiphany.css @@ -0,0 +1,94 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color epiphany #6573C3; + +/********** + * Header * + **********/ + +EphyWindow .titlebar, +EphyWindow .header-bar { + background-color: @epiphany; +} + +EphyWindow .titlebar:backdrop, +EphyWindow .header-bar:backdrop { + background-color: shade(@epiphany,0.9); +} + +/* Switch */ +EphyWindow .header-bar GtkSwitch.trough:active { + background-color: @epiphany; +} + +EphyWindow GtkSwitch.trough:active { + border: 1px solid shade(@epiphany, 0.8); + background-color: @epiphany; +} + +EphyWindow GtkSwitch.slider:active { + border: 1px solid shade(@epiphany, 0.8); +} + +EphyWindow .header-bar GtkSwitch.slider:active:backdrop, +EphyWindow .header-bar GtkSwitch.slider:backdrop { + background-color: shade(@epiphany, 0.9); +} + + +/************ + * Notebook * + ************/ + +/* Active */ +EphyWindow .notebook tab.top:active, +EphyWindow .dynamic-notebook tab.top:active { + box-shadow:inset 0 -3px 0 0 @epiphany; +} + +EphyWindow .notebook tab.bottom:active, +EphyWindow .dynamic-notebook tab.bottom:active { + box-shadow:inset 0 3px 0 0 @epiphany; +} + +EphyWindow .notebook tab.left:active, +EphyWindow .dynamic-notebook tab.left:active { + box-shadow:inset -3px 0 0 0 @epiphany; +} + +EphyWindow .notebook tab.right:active, +EphyWindow .dynamic-notebook tab.right:active { + box-shadow:inset 3px 0 0 0 @epiphany; +} + + +/****************** + * Incognito Mode * + ******************/ + +EphyWindow .titlebar .incognito-mode, +EphyWindow .header-bar .incognito-mode { + background:none; + background-color: shade(@epiphany, 0.8); +} + +.incognito-mode .button { + background-image:none; + +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/fallback.css b/Paper/gtk-3.0/apps/fallback.css new file mode 100644 index 0000000..50d1e57 --- /dev/null +++ b/Paper/gtk-3.0/apps/fallback.css @@ -0,0 +1,99 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/************ + * Fallback * + ************/ + + +/* Panel */ +PanelWidget, +PanelApplet, +PanelToplevel { + padding: 0; + background-color: #000; + background-image: none; + color: #fff; +} + +PanelApplet { + border-width: 0; +} + +PanelSeparator { + border-width: 0; + background-image: none; + color: @base; +} + +.gnome-panel-menu-bar, +PanelApplet > GtkMenuBar.menubar, +PanelApplet > GtkMenuBar.menubar.menuitem, +PanelMenuBar.menubar, +PanelMenuBar.menubar.menuitem { + -Panelpanel-icon-visible: true; + + border-width: 0; + background-color: @panel; + background-image: none; + color: @panel_text; +} + +PanelAppletFrame { + border-width: 0; + background-color: @panel; + background-image: none; +} + +PanelApplet .button { + -GtkButton-inner-border: 2; + + border-width: 0 1px; + border-radius: 0; + border-color: transparent; + background-color: @panel; + background-image: none; + color: @base; +} + +PanelApplet .button:active { + border-width: 0 1px; + border-radius: 0; + border-color: mix(@panel, @base, 0.23); + background-color: mix(@panel, @base, 0.21); + background-image: none; + color: shade(@base, 1.08); +} + +PanelApplet .button:prelight { + border-color: mix(@panel, @base, 0.13); + background-color: mix(@panel, @base, 0.11); + background-image: none; + color: shade(@base, 1.08); +} + +PanelApplet .button:active:prelight { + border-color: mix(@panel, @base, 0.33); + background-color: mix(@panel, @base, 0.31); + background-image: none; + color: shade(@base, 1.08); +} + +WnckPager, WnckTasklist { + background-color: @panel; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/geary.css b/Paper/gtk-3.0/apps/geary.css new file mode 100644 index 0000000..eecfb1d --- /dev/null +++ b/Paper/gtk-3.0/apps/geary.css @@ -0,0 +1,65 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color geary #F2B035; + +/********** + * Header * + **********/ + +.geary-titlebar-left, .geary-titlebar-right { + background-color: @geary; +} + +.geary-titlebar-left .separator { opacity: 0; } + +.geary-titlebar-left:backdrop, .geary-titlebar-right:backdrop { + background-color: shade(@geary, 0.9); +} + +/********************* + * Conversation View * + *********************/ + +ConversationListView .view:active, +ConversationListView .view:selected { + background-color: @selection; + color: @selection_foreground; +} +ConversationListView .view:active:backdrop, +ConversationListView .view:selected:backdrop { + background-color: @backdrop_selection; + color: @backdrop_selection_foreground; +} + + +ConversationListView { + -GtkWidget-focus-line-width: 1px; + -GtkTreeView-grid-line-width: 0; +} + +ConversationListView.view.cell { + border-style: solid; + border-width: 0 0 1px 0; + border-color: alpha(#000, 0.2); +} + +ConversationListView.view.cell:selected { + color: @base; + border: 0px solid shade(@selection, 0.8); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/gedit.css b/Paper/gtk-3.0/apps/gedit.css new file mode 100644 index 0000000..ab1db97 --- /dev/null +++ b/Paper/gtk-3.0/apps/gedit.css @@ -0,0 +1,175 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color gedit #DC4836; + +/********** + * Header * + **********/ + +GeditWindow .titlebar, +GeditWindow .header-bar { + background-color: @gedit; +} + +GeditWindow .titlebar:backdrop, +GeditWindow .header-bar:backdrop { + background-color: shade(@gedit,0.9); +} + +/* Switch */ +GeditWindow .header-bar GtkSwitch.trough:active { + background-color: @gedit; +} + +GeditWindow GtkSwitch.trough:active { + border: 1px solid shade(@gedit, 0.8); + background-color: @gedit; +} + +GeditWindow GtkSwitch.slider:active { + border: 1px solid shade(@gedit, 0.8); +} + +GeditWindow .header-bar GtkSwitch.slider:active:backdrop, +GeditWindow .header-bar GtkSwitch.slider:backdrop { + background-color: shade(@gedit, 0.9); +} + + +/************ + * Notebook * + ************/ + +/* Active */ +GeditWindow .notebook tab.top:active, +GeditWindow .dynamic-notebook tab.top:active { + box-shadow:inset 0 -3px 0 0 @gedit; +} + +GeditWindow .notebook tab.bottom:active, +GeditWindow .dynamic-notebook tab.bottom:active { + box-shadow:inset 0 3px 0 0 @gedit; +} + +GeditWindow .notebook tab.left:active, +GeditWindow .dynamic-notebook tab.left:active { + box-shadow:inset -3px 0 0 0 @gedit; +} + +GeditWindow .notebook tab.right:active, +GeditWindow .dynamic-notebook tab.right:active { + box-shadow:inset 3px 0 0 0 @gedit; +} + +/************ + * Etc etc. * + ************/ + +GeditPanel .toolbar { + border-style: none; + background: none; +} + +GeditDocumentsPanel .view { + background-color: @background; +} + +GeditPanel.vertical .notebook { + padding: 0; + border-width: 1px 0; +} + +GeditPanel.horizontal .notebook { + padding: 0; + border-width: 0 1px 1px 0; +} + +GeditWindow .notebook { + border-width: 1px 0; +} + +GeditPanel .notebook tab, +GeditWindow .notebook tab { + border-width: 0; +} + +GeditStatusComboBox .button, +GeditStatusComboBox .button:hover, +GeditStatusComboBox .button:active, +GeditStatusComboBox .button:active:hover { + padding: 1px 6px 2px 4px; + border-style: solid; + border-width: 0 1px; + border-radius: 0; +} + +GeditStatusComboBox .button:hover, +GeditStatusComboBox .button:active, +GeditStatusComboBox .button:active:hover { + border-color: shade(@background, 0.8); +} + +GeditViewFrame .gedit-search-slider { + padding: 4px; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: shade(@base, 0.8); + background-color: @base; +} + +GeditViewFrame .gedit-search-slider .not-found { + background-color: @error_background; + background-image: none; + color: @error_foreground; +} + +GeditViewFrame .gedit-search-slider .not-found:selected { + background-color: @selected_background; + color: @selection_foreground; +} + +GeditFileBrowserWidget .primary-toolbar.toolbar { + padding: 2px; + border-top: none; + background-color: @background; + background-image: none; +} + +GeditWindow .pane-separator { + background: url("../assets/scalable/pane-separator-grip.svg"); + background-repeat: no-repeat; + background-position: center; +} + +GeditWindow .pane-separator:hover { + background: url("../assets/scalable/pane-separator-grip-prelight.svg"); + background-repeat: no-repeat; + background-position: center; +} + +GeditWindow .pane-separator.vertical { + background: url("../assets/scalable/pane-separator-grip-vertical.svg"); +} + +GeditWindow .pane-separator.vertical:hover { + background: url("../assets/scalable/pane-separator-grip-vertical-prelight.svg"); + background-repeat: no-repeat; + background-position: center; +} diff --git a/Paper/gtk-3.0/apps/gnome-calendar.css b/Paper/gtk-3.0/apps/gnome-calendar.css new file mode 100644 index 0000000..7f4031c --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-calendar.css @@ -0,0 +1,33 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color gnomeCalendar #477ABF; + +GcalWindow .titlebar, +GcalWindow .header-bar { + background-color: @gnomeCalendar; +} + +GcalWindow .titlebar:backdrop, +GcalWindow .header-bar:backdrop { + background-color: shade(@gnomeCalendar,0.9); +} + +.calendar-view * { + border: 1px solid @border; +} diff --git a/Paper/gtk-3.0/apps/gnome-clocks.css b/Paper/gtk-3.0/apps/gnome-clocks.css new file mode 100644 index 0000000..04b8200 --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-clocks.css @@ -0,0 +1,251 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color gnomeClocks #4BAE4F; + +/********** + * Header * + **********/ + +ClocksWindow .titlebar, +ClocksWindow .header-bar { + background-color: @gnomeClocks; +} + +ClocksWindow .titlebar:backdrop, +ClocksWindow .header-bar:backdrop { + background-color: shade(@gnomeClocks,0.9); +} + +/********** + * Frame * + **********/ + +ClocksWindow > .frame { + background-color: mix(@foreground, @background, 0.95); + box-shadow: inset 0 5px 2px -6px black; +} + +ClocksWindow > .frame:backdrop { + background-color: mix(@backdrop_foreground, @backdrop_background, 0.95); + box-shadow: none; +} + +ClocksWindow .clocks-tiles-view { + background-color: transparent; +} + +ClocksWindow .clocks-digital-renderer { + /*background-color: transparent;*/ + color: @text; +} + +ClocksWindow .clocks-digital-renderer.stripe { + font-size: 32px; +} + +/* world */ + +ClocksWindow .clocks-digital-renderer.light.stripe { + background-color: rgba(255, 255, 255, 0.4); + color: black; +} + +ClocksWindow .clocks-digital-renderer.light.stripe:prelight { + background-color: rgba(255, 255, 255, 0.6); +} + +ClocksWindow .clocks-digital-renderer.dark.stripe { + background-color: rgba(0, 0, 0, 0.4); + color: @text; +} + +ClocksWindow .clocks-digital-renderer.dark.stripe:prelight { + background-color: rgba(0, 0, 0, 0.2); +} + + +/* alarms */ + +ClocksWindow .clocks-digital-renderer.active { + background-color: @selection; + background-image: none; + color: @selection_foreground; +} + +ClocksWindow .clocks-digital-renderer.active:prelight { + background-color: @selection; + background-image: none; + text-shadow: 0 2px 2px rgba(0,0,0,0.5); + color: @selection_foreground; +} + +ClocksWindow .clocks-digital-renderer.snoozing { + background-color: transparent; + background-image: -gtk-gradient(radial, + center center, 0, + center bottom, 1.0, + from(@warning), to(shade(@warning,0.9))); + color: @text; +} + +ClocksWindow .clocks-digital-renderer.snoozing:prelight { + background-color: transparent; + background-image: -gtk-gradient(radial, + center center, 0, + center bottom, 1.0, + from(shade(@warning,1.1)), to(shade(@warning,0.99))); + text-shadow: 0 2px 2px rgba(0,0,0,0.5); + color: @text; +} + +ClocksWindow .clocks-digital-renderer.inactive { + background-color: transparent; + background-image: -gtk-gradient(radial, + center center, 0, + center bottom, 1.0, + from(shade(@insensitive_background,0.9)), to(shade(@insensitive_background,0.85))); + color: shade(@insensitive_foreground,0.9); +} + +ClocksWindow .clocks-digital-renderer.inactive:prelight { + background-color: transparent; + background-image: -gtk-gradient(radial, + center center, 0, + center bottom, 1.0, + from(shade(@insensitive_background,0.99)), to(shade(@insensitive_background,0.9))); + color: @insensitive_foreground; +} + +ClocksWindow .clocks-ampm-toggle-button { + font-size: 18px; +} + +ClocksWindow .clocks-digital-renderer.active.stripe, +ClocksWindow .clocks-digital-renderer.snoozing.stripe, +ClocksWindow .clocks-digital-renderer.inactive.stripe { + background-color: transparent; + background-image: none; +} + +ClocksWindow .clocks-standalone-label, +ClocksWindow .clocks-ringing-label { + font-size: 64px; +} + +ClocksWindow .clocks-secondary-standalone-label { + font-size: 18px; +} + +ClocksWindow .clocks-button { + font-size: 14px; +} + +ClocksWindow .clocks-alarm-setup-time { + font-size: 32px; +} + +ClocksWindow .clocks-spinbutton { + font-size: 48px; +} + +ClocksWindow .clocks-stopwatch-label, +ClocksWindow .clocks-timer-label { + font-size: 48px; + color: @text; +} + +ClocksWindow .clocks-analog-frame.trough { + color: mix(@foreground, @background, 0.85); +} + +ClocksWindow .clocks-analog-frame.progress { + color: mix(@foreground, @background, 0.5); +} + +ClocksWindow .clocks-analog-frame.progress-fast { + color: @foreground; +} + +ClocksWindow .clocks-laps-panel { + border: 0; +} + +ClocksWindow .clocks-laps-panel > .frame:dir(ltr) { + border-image: linear-gradient(to bottom, + mix(@border,@background,0.5)) + 0 0 0 1 / 20px 0px 20px 1px stretch; +} + +ClocksWindow .clocks-laps-panel > .frame:dir(rtl) { + border-image: linear-gradient(to bottom, + mix(@border,@background,0.5)) + 0 1 0 0 / 20px 1px 20px 0px stretch; +} + +ClocksWindow .clocks-laps-panel .list, +ClocksWindow .clocks-laps-panel .list-row { + background-color: transparent; +} + +ClocksWindow .clocks-laps-panel .list-row { + padding-left: 20px; + padding-right: 20px; + font-size: 14px; + border-image: linear-gradient(to bottom, + mix(@border,@background,0.5)) + 0 0 1 0 / 0 20px 1px 20px stretch; +} + +ClocksWindow .clocks-laps-panel .first-lap-row { + border-image: none; + border-color: transparent; +} + +ClocksWindow .clocks-laps-panel .lap-time { + font-weight: bold; + padding-right: 20px; +} + +/* disguise insensitive spinbuttons as normal labels */ +ClocksWindow .spinbutton .clocks-timer-label, +ClocksWindow .spinbutton .clocks-timer-label .button { + color: @foreground; +} + +ClocksWindow .spinbutton .clocks-timer-label, +ClocksWindow .spinbutton .clocks-timer-label GtkLabel { + color: @foreground; +} + +ClocksWindow .spinbutton .clocks-timer-label .button { + color: @foreground; +} + +@keyframes clocks-blink { + 0% { color: @foreground; } + 100% { color: @insensitive_foreground; } +} + +ClocksWindow .clocks-paused ClocksWindow .clocks-timer-label, +ClocksWindow .clocks-paused ClocksWindow .clocks-timer-label GtkLabel { + animation-name: clocks-blink; + animation-iteration-count: infinite; + animation-timing-function: cubic-bezier(1.0,0,0,1.0); + animation-duration: 1s; +} diff --git a/Paper/gtk-3.0/apps/gnome-contacts.css b/Paper/gtk-3.0/apps/gnome-contacts.css new file mode 100644 index 0000000..5a0464b --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-contacts.css @@ -0,0 +1,53 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color gnomeContacts #2095F2; + +/********** + * Header * + **********/ + +ContactsWindow .titlebar, +ContactsWindow .header-bar { + background-color: @gnomeContacts; +} + +ContactsWindow .titlebar:backdrop, +ContactsWindow .header-bar:backdrop { + background-color: shade(@gnomeContacts,0.9); +} + + +/* Switch */ +ContactsWindow .header-bar GtkSwitch.trough:active { + background-color: @gnomeContacts; +} + +ContactsWindow GtkSwitch.trough:active { + border: 1px solid shade(@gnomeContacts, 0.8); + background-color: @gnomeContacts; +} + +ContactsWindow GtkSwitch.slider:active { + border: 1px solid shade(@gnomeContacts, 0.8); +} + +ContactsWindow .header-bar GtkSwitch.slider:active:backdrop, +ContactsWindow .header-bar GtkSwitch.slider:backdrop { + background-color: shade(@gnomeContacts, 0.9); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/gnome-disks.css b/Paper/gtk-3.0/apps/gnome-disks.css new file mode 100644 index 0000000..ff5456a --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-disks.css @@ -0,0 +1,43 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color disks #8561C5; + +/********** + * Header * + **********/ + +GduWindow, +GduWindow * { + color: #555555; +} + +GduWindow .titlebar, +GduWindow .header-bar { + background-color: @disks; +} + +GduWindow .titlebar:backdrop, +GduWindow .header-bar:backdrop { + background-color: shade(@disks,0.9); +} + +GduWindow GtkToolbar, +GduWindow .toolbar { + background-color: @disks; +} diff --git a/Paper/gtk-3.0/apps/gnome-documents.css b/Paper/gtk-3.0/apps/gnome-documents.css new file mode 100644 index 0000000..70eabd7 --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-documents.css @@ -0,0 +1,143 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color gnome-documents #C2352A; + +/********** + * Header * + **********/ + +#Documents .titlebar, +#Documents .header-bar { + background-color: @gnome-documents; +} + +#Documents .titlebar:backdrop, +#Documents .header-bar:backdrop { + background-color: shade(@gnome-documents,0.9); +} + + +/******************* + * GNOME Documents * + *******************/ +.documents-dropdown, +.documents-dropdown .view { + background-color: shade (@background, 1.02); +} + +.documents-dropdown.frame { + padding: 6px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-radius: 0 0 5px 5px; +} + +.documents-dropdown .view.radio, +.documents-dropdown .view.radio:focused, +.documents-dropdown .view.radio:selected { + background-image: none; + background-color: alpha(@base, 0.0); +} + +.documents-dropdown .view.radio:active, +.documents-dropdown .view.radio:active:focused, +.documents-dropdown .view.radio:active:prelight { + background-image: url("assets/sidebar-radio-checked.svg"); +} + +.documents-dropdown .view.radio:prelight { + background-image: url("assets/sidebar-radio-prelight.svg"); +} + +.documents-dropdown .view.radio:active:selected, +.documents-dropdown .view.radio:active:selected:focused { + background-image: url("assets/sidebar-radio-selected.svg"); +} + +.documents-dropdown .view.radio:selected:prelight, +.documents-dropdown .view.radio:selected:focused { + background-image: url("assets/sidebar-radio-selected-prelight.svg"); +} + +.documents-load-more.button { + border-image: none; + border-color: @border; + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-scrolledwin.frame { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: @documents_emblem_background; + border-radius: 4px; + + color: @base; +} + +.documents-collection-icon { + background-color: @documents_collection_background; + border-radius: 8px; +} + +.documents-counter { + background-image: url('assets/dnd-counter.svg'); + background-size: contain; + background: none; + color: @base; + font: bold; +} + +.documents-favorite.button:active, +.documents-favorite.button:active:hover { + color: shade(@selected_background, 1.20); +} + +.documents-entry-tag { + background-color: @selection; + color: @selection_foreground; + + border-radius: 4px; + border-width: 0; + + margin: 2px; + padding: 4px; +} + +.documents-entry-tag:hover { + background-color: shade(@selection, 1.10); + color: @selection_foreground; +} + +.documents-entry-tag.button, +.documents-entry-tag.button:hover, +.documents-entry-tag.button:active, +.documents-entry-tag.button:active:hover { + background: none; + background-image: none; + border-image: none; + border-width: 0; +} + +.documents-entry-tag.button:hover { + color: shade(@selection, 2.10); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/gnome-music.css b/Paper/gtk-3.0/apps/gnome-music.css new file mode 100644 index 0000000..f22a411 --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-music.css @@ -0,0 +1,172 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + + +@define-color gnomeMusic #fe9700; + +@define-color music_topbar_selection_bg_color #eb8e4d; + +@define-color music_selection_box_a #8e9c80; +@define-color music_selection_box_b #4f6838; +@define-color music_selection_box_border #3e7b05; + +@define-color music_selection_button_a #7fc141; +@define-color music_selection_button_b #47850d; +@define-color music_selection_button_c #4e9a06; + +@define-color music_selection_button_dark_a #3b3b3b; +@define-color music_selection_button_dark_b #1c1c1c; +@define-color music_selection_box_dark_border #3e7b05; + + +/********** + * Header * + **********/ + +/* Doesn't work despite the unique app name */ + +gnomemusic+window+Window .titlebar, +gnomemusic+window+Window .header-bar { + background-color: @gnomeMusic; +} + +gnomemusic+window+Window .titlebar:backdrop, +gnomemusic+window+Window .header-bar:backdrop { + background-color: shade(@music,0.9); +} + +/********* + * Music * + *********/ + +.cover { + padding-left:24px; +} + +.title { + padding-left:24px; +} + +.artist-panel-white{ + background-color: @background; +} + +.artist-panel-white:selected { + background-color: @selection; +} + +.artist-panel-dark { + background-color: #282528; +} +.artist-panel-dark:selected{ + background-color: #77757A; +} + +.playlist-controls-white { + background-color: @background; +} + +.playlist-controls-white:selected { + background-color: @selection; +} + +.playlist-controls-dark { + background-color: #282528; +} + +.playlist-controls-dark:selected { + background-color: #77757A; +} + +.playlists-list { + box-shadow: inset 0 -1px @view_separators; +} + +.songs-list { + box-shadow: inset 0 -1px shade(@borders, 1.30); + box-shadow: inset 0 1px shade(@borders, 1.30); + background-color: @background; +} + +.music-selection-mode { + background-image: -gtk-gradient(linear, left top, left bottom, + from(@music_selection_box_a), + to(@music_selection_box_b)); + color: @base; + border: solid @music_selection_box_border; + border-top-width: 1px; +} + +.music-selection-mode .button, +.music-selection-mode .button:focus { + background-image: -gtk-gradient(linear, left top, left bottom, + from(@music_selection_button_a), + color-stop(0.83, @music_selection_button_b), + to(@music_selection_button_c)); + + border: 1px solid @music_selection_box_border; + color: @base; +} + +.music-selection-mode .button.dark, +.music-selection-mode .button.dark:focus { + background-image: -gtk-gradient(linear, left top, left bottom, + from(@music_selection_button_dark_a), + to(@music_selection_button_dark_b)); + + border: 1px solid @music_selection_box_dark_border; + color: @base; +} + +.music-selection-mode .button:hover { + background-image: -gtk-gradient(linear, left top, left bottom, + from(shade(@music_selection_button_a, 1.20)), + color-stop(0.83, shade(@music_selection_button_b, 1.10)), + to(shade(@music_selection_button_c, 1.10))); +} + +.music-selection-mode .button:active, +.music-selection-mode .button:hover:active { + background-image: -gtk-gradient(linear, left top, left bottom, + from(@music_selection_button_b), + to(shade(@music_selection_button_a, 0.90))); + + border: 1px solid @music_selection_box_border; +} + +.music-selection-mode .button *:hover { + color: @base; +} + +.music-player, .music-topbar { + background-color: @background; +} + +.music-albuminfo-artist { + font-size: 15px; + font-weight: bold; +} + +.music-albuminfo-album { + font-size: 14px; + font-weight: bold; + color: mix (@foreground, @background, 0.50); +} + +.content-view { background-color: @background; } \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/gnome-photos.css b/Paper/gtk-3.0/apps/gnome-photos.css new file mode 100644 index 0000000..7df9f8b --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-photos.css @@ -0,0 +1,78 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color photos #BA174E; + +/********** + * Header * + **********/ + +PhotosMainWindow .titlebar, +PhotosMainWindow .header-bar { + background-color: @photos; +} + +PhotosMainWindow .titlebar:backdrop, +PhotosMainWindow .header-bar:backdrop { + background-color: shade(@photos,0.9); +} + +/* Switch */ +PhotosMainWindow .header-bar GtkSwitch.trough:active { + background-color: @photos; +} + +PhotosMainWindow GtkSwitch.trough:active { + border: 1px solid shade(@photos, 0.8); + background-color: @photos; +} + +PhotosMainWindow GtkSwitch.slider:active { + border: 1px solid shade(@photos, 0.8); +} + +PhotosMainWindow .header-bar GtkSwitch.slider:active:backdrop, +PhotosMainWindow .header-bar GtkSwitch.slider:backdrop { + background-color: shade(@photos, 0.9); +} + + +/************ + * Notebook * + ************/ + +/* Active */ +PhotosMainWindow .notebook tab.top:active, +PhotosMainWindow .dynamic-notebook tab.top:active { + box-shadow:inset 0 -3px 0 0 @photos; +} + +PhotosMainWindow .notebook tab.bottom:active, +PhotosMainWindow .dynamic-notebook tab.bottom:active { + box-shadow:inset 0 3px 0 0 @photos; +} + +PhotosMainWindow .notebook tab.left:active, +PhotosMainWindow .dynamic-notebook tab.left:active { + box-shadow:inset -3px 0 0 0 @photos; +} + +PhotosMainWindow .notebook tab.right:active, +PhotosMainWindow .dynamic-notebook tab.right:active { + box-shadow:inset 3px 0 0 0 @photos; +} diff --git a/Paper/gtk-3.0/apps/gnome-software.css b/Paper/gtk-3.0/apps/gnome-software.css new file mode 100644 index 0000000..f6e2991 --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-software.css @@ -0,0 +1,49 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color star #E6E663;/* star color */ +@define-color gnome-software #1A77C2; +@define-color tag #1A77C2; +@define-color kudo @selection; + + +#window_software .titlebar, +#window_software .header-bar { + background-color: @gnome-software; +} + +#window_software .titlebar:backdrop, +#window_software .header-bar:backdrop { + background-color: shade(@gnome-software,0.9); +} + + +.app-row-tag.label { + border-radius: 2px; + background-color: @tag; + background: @tag; + border:none; + color: shade(@tag, 0.8); +} + +.kudo-label.label { + border-radius: 4px; + background-color: @kudo; + border:1px solid shade(@kudo, 0.8); + color:shade(@kudo, 0.8);; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/gnome-system-monitor.css b/Paper/gtk-3.0/apps/gnome-system-monitor.css new file mode 100644 index 0000000..35bcc76 --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-system-monitor.css @@ -0,0 +1,33 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color gnome-system-monitor #6fbe72; + +/********** + * Header * + **********/ + +#gnome-system-monitor .titlebar, +#gnome-system-monitor .header-bar { + background-color: @gnome-system-monitor; +} + +#gnome-system-monitor .titlebar:backdrop, +#gnome-system-monitor .header-bar:backdrop { + background-color: shade(@gnome-system-monitor,0.9); +} diff --git a/Paper/gtk-3.0/apps/gnome-terminal.css b/Paper/gtk-3.0/apps/gnome-terminal.css new file mode 100644 index 0000000..2de2640 --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-terminal.css @@ -0,0 +1,130 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color terminal #dbdee0; +@define-color terminal_background alpha(#002B36, 0.9); +@define-color terminal_text #839495; +@define-color terminal_window #636E73; +@define-color terminal_window_text #dbdee0; +@define-color backdrop_terminal_window_text shade(@terminal_window_text, 0.8); +@define-color insensitive_terminal_window_text shade(@terminal_window_text, 0.95); + +/********** + * Header * + **********/ + +TerminalWindow .titlebar, +TerminalWindow .header-bar { + background-color: @terminal_window; +} + +TerminalWindow .titlebar:backdrop, +TerminalWindow .header-bar:backdrop{ + background-color: shade(@terminal_window,0.9); +} + +/********** + * Screen * + **********/ + +TerminalScreen, +VteTerminal { + background-color: @terminal_background; + color: @terminal_text; +} + +/************* + * Scrollbar * + *************/ + +TerminalWindow .scrollbar { + background-image: none; + border-style: solid; + border: 1px solid transparent; + -GtkRange-trough-border: 2; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkRange-slider-width: 6; + -GtkScrollbar-min-slider-length: 30; + + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; +} + +/* Slider */ +TerminalWindow .scrollbar.slider { + background-color: @terminal_text; + border-radius: 10px; +} + +TerminalWindow .scrollbar.slider:hover { + background-color: shade(@terminal_text, 1.1); + background-image: none; +} + +TerminalWindow .scrollbar.slider:active. +TerminalWindow .scrollbar.slider:prelight:active { + background-color: shade(@selection, 1.2); + background-image: none; +} + +TerminalWindow .scrollbar.slider:insensitive { + background-color: alpha(@insensitive_foreground, 0.2); +} + +TerminalWindow .scrollbar.slider:backdrop { + background-color: alpha(@backdrop_foreground, 0.2); +} + +TerminalWindow .scrollbar.slider.fine-tune:prelight:active { + background-image: none; + border: 3px solid transparent; +} + + +/* Troughs */ +TerminalWindow .scrollbars-junction, /* the small square between scrollbars!!! */ +TerminalWindow .scrollbar.trough { + /*border-radius: 10px;*/ + background-image: none; + background: @terminal_background; + border-width: 0; + border-image: none; +} + +TerminalWindow .scrollbar.trough:insensitive { + background: none; + border: 3px solid transparent; +} + +TerminalWindow .scrollbars-junction:backdrop, +TerminalWindow .scrollbar.trough:backdrop { + background-image: none; + background: @terminal_background; + border-width: 0; + border-radius: 0; + border-image: none; +} + +TerminalWindow .scrollbar.trough:insensitive:backdrop { + background-image: none; + background: none; + border-width: 0; + border-radius: 0; + border-image: none; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/gnome-tweak-tool.css b/Paper/gtk-3.0/apps/gnome-tweak-tool.css new file mode 100644 index 0000000..08c14f8 --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-tweak-tool.css @@ -0,0 +1,37 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/************** + * tweak-tool * + **************/ +.tweak { + color: @text; +} + +.list-row .tweak:hover { + background-color: @selection; +} + +.list-row .tweak:hover GtkLabel { + color: @selection; +} + +.tweak-startup { + border:1px solid @border; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/gnome-weather.css b/Paper/gtk-3.0/apps/gnome-weather.css new file mode 100644 index 0000000..7c96c96 --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome-weather.css @@ -0,0 +1,32 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +#conditions-image { + color: #fff; +} + +#temperature-label { + color: #fff; +} + +#forcast-viewport { + background: alpha(#000,0.7); + border: none; + border-radius: 4px; + color: #fff; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/gnome.css b/Paper/gtk-3.0/apps/gnome.css new file mode 100644 index 0000000..730c922 --- /dev/null +++ b/Paper/gtk-3.0/apps/gnome.css @@ -0,0 +1,69 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/*************** + * font-viewer * + ***************/ +SushiFontWidget { + padding: 6px 12px; +} + + +/********** + * Sudoku * + **********/ +SudokuView SudokuCellView { + border: inherit; + background-color: inherit; +} + +SudokuView SudokuCellView:backdrop { + border: inherit; + background-color: inherit; +} + +SudokuView { + border: none; +} + +/************* + * gucharmap * + *************/ +GucharmapChartable { + background-color: @base; +} + +GucharmapChartable:active, +GucharmapChartable:focus, +GucharmapChartable:selected { + background-color: @selected_background; + color: @selection_foreground; +} + + +/************** + * GNOME Misc * + *************/ + +ApDocView, /* Abiword */ +EogScrollView, /* Eog */ +CheeseThumbView /* Cheese */ +{ + -EogScrollView-shadow-type: none; +} diff --git a/Paper/gtk-3.0/apps/logs.css b/Paper/gtk-3.0/apps/logs.css new file mode 100644 index 0000000..a687600 --- /dev/null +++ b/Paper/gtk-3.0/apps/logs.css @@ -0,0 +1,43 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color logs #009587; + +/********** + * Header * + **********/ + +LogviewWindow .titlebar, +LogviewWindow .header-bar { + background-color: @logs; +} + +LogviewWindow .titlebar:backdrop, +LogviewWindow .header-bar:backdrop { + background-color: shade(@logs,0.9); +} + +GlWindow .titlebar, +GlWindow .header-bar { + background-color: @logs; +} + +GlWindow .titlebar:backdrop, +GlWindow .header-bar:backdrop { + background-color: shade(@logs,0.9); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/midori.css b/Paper/gtk-3.0/apps/midori.css new file mode 100644 index 0000000..4b2738d --- /dev/null +++ b/Paper/gtk-3.0/apps/midori.css @@ -0,0 +1,58 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color midori #7FC843; + +/********** + * Header * + **********/ + +MidoriBrowser .titlebar, +MidoriBrowser .header-bar { + background-color: @midori; +} + +MidoriBrowser .titlebar:backdrop, +MidoriBrowser .header-bar:backdrop { + background-color: shade(@midori,0.9); +} + +MidoriBrowser .toolbar.primary-toolbar { + background-color: @midori; +} + +MidoriBrowser .toolbar.primary-toolbar:backdrop { + background-color: shade(@midori,0.9); +} + + +MidoriBrowser .toolbar.primary-toolbar .entry, +MidoriBrowser .toolbar.primary-toolbar .entry:focus { + background-color: @midori; +} + +MidoriBrowser .toolbar.primary-toolbar .entry:backdrop, +MidoriBrowser .toolbar.primary-toolbar .entry:backdrop:focus { + background-color: @midori; background-color: shade(@midori,0.9); +} + + +MidoriBrowser .toolbar.primary-toolbar .toolbar .entry:insensitive:backdrop, +MidoriBrowser .toolbar.primary-toolbar .toolbar .entry:insensitive { + color: @insensitive_header_text; +} diff --git a/Paper/gtk-3.0/apps/nautilus.css b/Paper/gtk-3.0/apps/nautilus.css new file mode 100644 index 0000000..4a0d61d --- /dev/null +++ b/Paper/gtk-3.0/apps/nautilus.css @@ -0,0 +1,235 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color nautilus #636E73; +@define-color disk_space_unknown #888a85; +@define-color disk_space_used #9FB0B9; +@define-color disk_space_free #D8D8D8; + +/********** + * Header * + **********/ + +NautilusWindow .titlebar, +NautilusWindow .header-bar { + border: none; + background-color: @nautilus; + padding:0; + border: none; + border-radius: 0; + background-color: @header; + color: @header_text; + box-shadow: none; +} + +NautilusWindow .titlebar { + border-radius: 4px 4px 0 0; + box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1); +} + +NautilusWindow .titlebar:backdrop, +NautilusWindow .header-bar:backdrop { + border: none; + background-color: shade(@nautilus,0.9); +} + +NautilusWindow .header-bar GtkSwitch.trough:active { + background-color: @nautilus; +} + +NautilusWindow GtkSwitch.trough:active { + border: 1px solid shade(@nautilus, 0.8); + background-color: @nautilus; +} + +NautilusWindow GtkSwitch.slider:active { + border: 1px solid shade(@nautilus, 0.8); +} + +NautilusWindow .titlebar .entry, +NautilusWindow .header-bar .entry { + box-shadow: none; +} + +/*********** + * Sidebar * + ***********/ + +NautilusWindow .sidebar, +NautilusWindow .sidebar:backdrop { + box-shadow: none; + border-width: 0px; +} +NautilusWindow .sidebar-row { + background-color: @background; + padding-top: 1px; + padding-bottom: 1px; +} +NautilusWindow .sidebar-row:hover { + background-color: @border; +} +NautilusWindow .sidebar-row:selected GtkGrid { + background-color: @selection; +} +NautilusWindow .sidebar-icon { + padding: 10px; +} +NautilusWindow .sidebar .separator { + color: @separator +} +NautilusWindow .sidebar .separator:backdrop { + color: @backdrop_separator +} + +NautilusWindow .pane-separator { + border-color: @border; + border-right-width: 1px; +} + +/************ + * Notebook * + ************/ + +NautilusWindow .notebook .frame, +NautilusWindow .notebook .frame:backdrop { + border: none; +} + +NautilusWindow .notebook tab.top:active, +NautilusWindow .dynamic-notebook tab.top:active { + box-shadow:inset 0 -3px 0 0 @nautilus; +} + +NautilusWindow .notebook tab.bottom:active, +NautilusWindow .dynamic-notebook tab.bottom:active { + box-shadow:inset 0 3px 0 0 @nautilus; +} + +NautilusWindow .notebook tab.left:active, +NautilusWindow .dynamic-notebook tab.left:active { + box-shadow:inset -3px 0 0 0 @nautilus; +} + +NautilusWindow .notebook tab.right:active, +NautilusWindow .dynamic-notebook tab.right:active { + box-shadow:inset 3px 0 0 0 @nautilus; +} + + +.nautilus-circular-button { + border-radius: 20px; + outline-radius: 20px; +} + + +.search-bar { + box-shadow: none; +} + +.disk-space-display { + border: 2px solid; +} + +.disk-space-display.unknown { + background-color: @disk_space_unknown; + border-color: shade(@disk_space_unknown, 0.8); +} + +.disk-space-display.used { + background-color: @disk_space_used; + border-color: shade(@disk_space_used, 0.8); +} + +.disk-space-display.free { + background-color: @disk_space_free; + border-color: shade(@disk_space_free, 0.8); +} + + +/****************** + * Desktop/Canvas * + ******************/ + +NautilusCanvasView, +NautilusCanvasView:active, +NautilusCanvasView:focus, +NautilusCanvasView:backdrop { + border: none; +} + +.nautilus-desktop { + color: @foreground; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label, +.nautilus-canvas-item.dim-label:backdrop, +.nautilus-list-dim-label:backdrop { + color: mix(@insensitive_text, @backdrop_text, 0.5); +} + +.nautilus-canvas-item.dim-label:selected, +.nautilus-list-dim-label:selected { + color: @selection_foreground; +} + +.nautilus-desktop.nautilus-canvas-item { + color: @selection_foreground; + text-shadow: 1px 1px black; +} + +.nautilus-desktop.nautilus-canvas-item:active { + color: @text; +} + +.nautilus-desktop.nautilus-canvas-item:selected { + color: @selection_foreground; +} + +.nautilus-desktop.nautilus-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:prelight, +.nautilus-desktop.nautilus-canvas-item:selected { + text-shadow: none; +} + + +.nautilus-desktop.nautilus-canvas-item { + color: #fff; + text-shadow: 1px 1px alpha(#000, 0.2); +} + +.nautilus-desktop.nautilus-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:backdrop +.nautilus-desktop.nautilus-canvas-item:selected { + background-color: @selected_background; + color: @selection_foreground; +} + +.nautilus-desktop.nautilus-canvas-item:selected:backdrop { + background-color: @backdrop_selected_background; + color: @backdrop_selection_foreground; +} + +.nautilus-desktop.nautilus-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:prelight, +.nautilus-desktop.nautilus-canvas-item:selected { +} diff --git a/Paper/gtk-3.0/apps/noise.css b/Paper/gtk-3.0/apps/noise.css new file mode 100644 index 0000000..d124531 --- /dev/null +++ b/Paper/gtk-3.0/apps/noise.css @@ -0,0 +1,48 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color noise #EE6020; + +/********** + * Header * + **********/ + +NoiseLibraryWindow .titlebar, +NoiseLibraryWindow .header-bar { + background-color: @noise; +} + +NoiseLibraryWindow .titlebar:backdrop, +NoiseLibraryWindow .header-bar:backdrop { + background-color: shade(@noise,0.9); +} + +NoiseWidgetsTileView { + background-color: @base; + color: @foreground; +} + +.tile-view { + background-color: @base; + color: @foreground; +} + +NoiseTopDisplay .seek-bar { + background-color: @header; + color: @header_text; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/pantheon-files.css b/Paper/gtk-3.0/apps/pantheon-files.css new file mode 100644 index 0000000..e1917d9 --- /dev/null +++ b/Paper/gtk-3.0/apps/pantheon-files.css @@ -0,0 +1,46 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/******** +* Files * +********/ +.pathbar .entry:focus, +.marlin-pathbar .pathbar .entry:focus { + padding: 0px; + border-radius: 2px; + background-color: @base; + color: @text; + border: 1px solid @selection; + box-shadow:inset 0 1px 1px 0 alpha(#000, 0.1); +} + +.pathbar .entry:active, +.marlin-pathbar .pathbar .entry:active { + padding: 0px; + border-radius: 2px; + background-color: @base; + color: @text; + border: 1px solid @selection; + box-shadow:inset 0 1px 1px 0 alpha(#000, 0.1); +} + +.marlin-pathbar, +.marlin-pathbar .pathbar .entry .button.raised { + background-color: red; + color: red; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/pantheon-terminal.css b/Paper/gtk-3.0/apps/pantheon-terminal.css new file mode 100644 index 0000000..f927545 --- /dev/null +++ b/Paper/gtk-3.0/apps/pantheon-terminal.css @@ -0,0 +1,39 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +@define-color pantheonTerminal #3B4245; +@define-color terminal_background alpha(#002B36, 0.9); +@define-color terminal_text #839495; +@define-color terminal_window #636E73; +@define-color terminal_window_text #dbdee0; +@define-color backdrop_terminal_window_text shade(@terminal_window_text, 0.8); +@define-color insensitive_terminal_window_text shade(@terminal_window_text, 0.95); + +/* CSD */ +PantheonTerminalPantheonTerminalWindow .csd, +PantheonTerminalPantheonTerminalWindow .dynamic-notebook .notebook.header, +PantheonTerminalPantheonTerminalWindow .dynamic-notebook .notebook tab{ + background-color: @pantheonTerminal; +} + +PantheonTerminalPantheonTerminalWindow .csd:backdrop, +PantheonTerminalPantheonTerminalWindow .dynamic-notebook .notebook.header:backdrop, +PantheonTerminalPantheonTerminalWindow .dynamic-notebook .notebook tab:backdrop { + background-color: shade(@pantheonTerminal,0.9); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/pantheon.css b/Paper/gtk-3.0/apps/pantheon.css new file mode 100644 index 0000000..563f633 --- /dev/null +++ b/Paper/gtk-3.0/apps/pantheon.css @@ -0,0 +1,214 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/******** + * Gala * + *******/ + +.gala-workspaces-background { + border-top: 1px solid alpha(#fff, 0.15); + background-color: #444; + + background-image: linear-gradient(to bottom, + alpha(#000, 0.30), + transparent 6px + ); +} + +.gala-workspace-selected { + + border: 1px solid alpha(#000, 0.15); + border-radius: 4px; + background-image: linear-gradient(to bottom, + shade (@selected_background, 1.25), + shade (@selected_background, 0.98) + ); +} + +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #fff; + background-color: #fff; +} + +.gala-notification .title, .gala-notification .label { + color: @text; +} + +.gala-button { + padding: 3px; + color: #fff; + border: none; + border-radius: 100px; + background-image: linear-gradient(to bottom, + #7e7e7e, + #3e3e3e + ); + box-shadow: inset 0 0 0 1px alpha (#fff, 0.02), + inset 0 1px 0 0 alpha (#fff, 0.07), + inset 0 -1px 0 0 alpha (#fff, 0.01), + 0 0 0 1px alpha (#000, 0.40), + 0 3px 6px alpha (#000, 0.16), + 0 3px 6px alpha (#000, 0.23); + text-shadow: 0 1px 1px alpha (#000, 0.6); +} + +/********** + * Notify * + *********/ + +.notify { + /*-notify-shadow: 0px 2px 18px alpha(#000, 0.60);*/ + + border-radius: 5px; + border: 1px solid alpha(#000, 0.30); + + background-color: alpha(#f8f8f8, 0.95); +} + +.notify .low { +} + +.notify .critical { +} + + +/*************** + * SwitchBoard * + ***************/ + +.category-label { + font-weight: bold; + font-size: 1.04em; + color: @foreground; +} + +/********** + * Notify * + *********/ + +.notify { + /*-notify-shadow: 0px 2px 18px alpha(#000, 0.60);*/ + + border-radius: 5px; + border: 1px solid alpha(#000, 0.30); + + background-color: alpha(#f7f7f7, 0.95); +} + +.notify .low { +} + +.notify .critical { +} + + +/************* + * Slingshot * + ************/ + +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; +} + +.app:hover { + border-radius: 8px; + border: none; + background-color: alpha(@selection, 0.7); + color: white; +} + +.app:focus { + /*background-color: alpha(#000, 0.20);*/ +} + +.search-item { + border-radius: 0; + border: none; + color: @foreground; + background: none; +} + +.search-item:hover, +.search-item:focus { + border-radius: 0; + background-color: alpha(@selection, 0.7); + color: @selection_foreground; +} + + +.search-entry-large, +.search-entry-large:focus { + border: none; + font: 18; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; +} + +.search-category-header { + font-weight: bold; + color: @foreground; +} + + +/********* + * Panel * + ********/ + +.panel { + background-color: transparent; + transition: all 100ms ease-in-out; +} + +.panel.maximized { + background-color: #000; +} + +.panel.translucent { + background-color: alpha(#000, 0.5); +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > GtkRevealer { + color: #fff; + font-weight: bold; + text-shadow: 0 0 2px alpha (#000, 0.3), + 0 1px 2px alpha (#000, 0.6); + icon-shadow: 0 0 2px alpha (#000, 0.3), + 0 1px 2px alpha (#000, 0.6); +} + +.panel.color-light .composited-indicator > revealer label, +.panel.color-light .composited-indicator > revealer image, +.panel.color-light .composited-indicator > GtkRevealer { + color: alpha (#000, 0.65); + text-shadow: 0 0 2px alpha (#fff, 0.3), + 0 1px 0 alpha (#fff, 0.25); + icon-shadow: 0 0 2px alpha (#fff, 0.3), + 0 1px 0 alpha (#fff, 0.25); +} diff --git a/Paper/gtk-3.0/apps/rhythmbox.css b/Paper/gtk-3.0/apps/rhythmbox.css new file mode 100644 index 0000000..dbd34d1 --- /dev/null +++ b/Paper/gtk-3.0/apps/rhythmbox.css @@ -0,0 +1,25 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +RBHeader { + padding: 0px; +} + +RBLibrarySource { + padding: 0px; +} diff --git a/Paper/gtk-3.0/apps/scratch-text-editor.css b/Paper/gtk-3.0/apps/scratch-text-editor.css new file mode 100644 index 0000000..2c8dd62 --- /dev/null +++ b/Paper/gtk-3.0/apps/scratch-text-editor.css @@ -0,0 +1,78 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color scratch #e74c3c; + +/********** + * Header * + **********/ + +ScratchMainWindow .titlebar, +ScratchMainWindow .header-bar { + background-color: @scratch; +} + +ScratchMainWindow .titlebar:backdrop, +ScratchMainWindow .header-bar:backdrop { + background-color: shade(@scratch,0.9); +} + +/* Switch */ +ScratchMainWindow .header-bar GtkSwitch.trough:active { + background-color: @scratch; +} + +ScratchMainWindow GtkSwitch.trough:active { + border: 1px solid shade(@scratch, 0.8); + background-color: @scratch; +} + +ScratchMainWindow GtkSwitch.slider:active { + border: 1px solid shade(@scratch, 0.8); +} + +ScratchMainWindow .header-bar GtkSwitch.slider:active:backdrop, +ScratchMainWindow .header-bar GtkSwitch.slider:backdrop { + background-color: shade(@scratch, 0.9); +} + + +/************ + * Notebook * + ************/ + +/* Active */ +ScratchMainWindow .notebook tab.top:active, +ScratchMainWindow .dynamic-notebook tab.top:active { + box-shadow:inset 0 -3px 0 0 @scratch; +} + +ScratchMainWindow .notebook tab.bottom:active, +ScratchMainWindow .dynamic-notebook tab.bottom:active { + box-shadow:inset 0 3px 0 0 @scratch; +} + +ScratchMainWindow .notebook tab.left:active, +ScratchMainWindow .dynamic-notebook tab.left:active { + box-shadow:inset -3px 0 0 0 @scratch; +} + +ScratchMainWindow .notebook tab.right:active, +ScratchMainWindow .dynamic-notebook tab.right:active { + box-shadow:inset 3px 0 0 0 @scratch; +} diff --git a/Paper/gtk-3.0/apps/settings.css b/Paper/gtk-3.0/apps/settings.css new file mode 100644 index 0000000..a840fe1 --- /dev/null +++ b/Paper/gtk-3.0/apps/settings.css @@ -0,0 +1,131 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color settings #5F7C8A; + +/********** + * Header * + **********/ + +CcWindow .titlebar, +CcWindow .header-bar { + background-color: @settings; +} + +CcWindow .titlebar:backdrop, +CcWindow .header-bar:backdrop { + background-color: shade(@settings,0.9); +} + +/******* + * Nav * + *******/ + +CcShellNavBar { + padding:0px; +} + +/************ + * ItemView * + ************/ + +CcShellItemView { + background: none; + border:none; +} + +CcShellItemView .button { + border:none; +} + +/************ + * Iconview * + ************/ + +CcWindow GtkIconView.view.cell { + border: none; +} + +CcWindow GtkIconView.view.cell:hover { + border: 1px solid @settings; + background-color: alpha(@settings,0.4); + color: @settings; +} + +CcWindow GtkIconView.view.cell:selected, +CcWindow GtkIconView.view.cell:selected:focus { + border: 1px solid @settings; + background-color: @settings; +} + + +/************ + * Notebook * + ************/ + +/* Active */ +CcWindow .notebook tab.top:active, +CcWindow .dynamic-notebook tab.top:active { + box-shadow:inset 0 -3px 0 0 @settings; +} + +CcWindow .notebook tab.bottom:active, +CcWindow .dynamic-notebook tab.bottom:active { + box-shadow:inset 0 3px 0 0 @settings; +} + +CcWindow .notebook tab.left:active, +CcWindow .dynamic-notebook tab.left:active { + box-shadow:inset -3px 0 0 0 @settings; +} + +CcWindow .notebook tab.right:active, +CcWindow .dynamic-notebook tab.right:active { + box-shadow:inset 3px 0 0 0 @settings; +} + + +/* List Row Button */ +CcWindow .button.list-row { +} + +CcWindow .button.list-row:hover { + background-color: alpha(@settings, 0.2); + color: @settings; +} + +CcWindow .button.list-row:active, +CcWindow .button.list-row:selected { + background-color: alpha(@settings, 0.4); + color: @settings; +} + +CcWindow .button.list-row:active:selected, +CcWindow .button.list-row:active:selected:hover { + background-color: alpha(@settings, 0.2); + color: @settings; +} + +CcWindow .button.list-row:hover:selected { + background-color: alpha(@settings, 0.2); + color: @settings; +} + +CcNetworkPanel GtkNotebook > .frame { + border: none; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/shotwell.css b/Paper/gtk-3.0/apps/shotwell.css new file mode 100644 index 0000000..93f0874 --- /dev/null +++ b/Paper/gtk-3.0/apps/shotwell.css @@ -0,0 +1,49 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color shotwell #66416A; + +/********** + * Header * + **********/ + +/* Library */ +LibraryWindow .titlebar, +LibraryWindow .header-bar { + background-color: @shotwell; +} + +LibraryWindow .titlebar:backdrop, +LibraryWindow .header-bar:backdrop { + background-color: shade(@shotwell,0.9); +} + +/* Viewer */ +DirectWindow .titlebar, +DirectWindow .header-bar { + background-color: @shotwell; +} + +DirectWindow .titlebar:backdrop, +DirectWindow .header-bar:backdrop { + background-color: shade(@shotwell,0.9); +} + +.the-button-in-the-combobox { + background: none; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/snap.css b/Paper/gtk-3.0/apps/snap.css new file mode 100644 index 0000000..c41cb58 --- /dev/null +++ b/Paper/gtk-3.0/apps/snap.css @@ -0,0 +1,46 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color snap #6d266a; +@define-color snap_background #434343; + +/********** + * Header * + **********/ + +SnapSnapWindow .titlebar, +SnapSnapWindow .header-bar { + background-color: @snap; +} + +SnapSnapWindow .titlebar:backdrop, +SnapSnapWindow .header-bar:backdrop { + background-color: shade(@snap,0.9); +} + +SnapSnapWindow .take-button { + border-radius: 0; +} + +SnapWidgetsCamera { + background-color:@snap_background; +} + +SnapWidgetsCamera:backdrop { + background-color:shade(@snap_background, 0.9); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/synaptic.css b/Paper/gtk-3.0/apps/synaptic.css new file mode 100644 index 0000000..d3481d3 --- /dev/null +++ b/Paper/gtk-3.0/apps/synaptic.css @@ -0,0 +1,31 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/******************** + * Synaptic Toolbar * + ********************/ + +.dock { + background-color:@toolbar; + color:@toolbar_text; +} + +.dock:backdrop { + background-color:@backdrop_toolbar; + color:@backdrop_toolbar_text; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/unity.css b/Paper/gtk-3.0/apps/unity.css new file mode 100644 index 0000000..2ed9bb6 --- /dev/null +++ b/Paper/gtk-3.0/apps/unity.css @@ -0,0 +1,206 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/**************** + * Unity Colors * + ****************/ + +@define-color unity #636E73; /* Unity window border color */ +@define-color backdrop_unity #5A6367; /* Backdrop Unity window border color */ +@define-color unity_text #dbdee0; /* Unity window text color */ +@define-color backdrop_unity_text #909598; /* Backdrop Unity window text color */ +@define-color unity_panel shade(@unity, 0.8); /* Unity panel color #454D50 */ +@define-color backdrop_unity_panel shade(@unity_panel, 1.05); /* Backdrop Unity panel color */ +@define-color unity_panel_text #dbdee0; /* Unity panel text color */ +@define-color backdrop_unity_panel_text shade(@unity_panel_text, 0.95); /* Backdrop Unity panel text color */ + +/********************* + * Unity Decorations * + *********************/ + +UnityDecoration { + + /* Border properties (top, right, bottom, left) */ + -UnityDecoration-extents: 28px 1px 1px 1px;/* the size of the decorations */ + -UnityDecoration-input-extents: 10px;/* the extra size of the input areas */ + + /* Shadows settings */ + -UnityDecoration-shadow-offset-x: 1px;/* Size property, the shadow x offset */ + -UnityDecoration-shadow-offset-y: 1px;/* Size property, the shadow y offset */ + -UnityDecoration-active-shadow-color: rgba (0, 0, 0, 0.647);/* Color property, active window shadow color */ + -UnityDecoration-active-shadow-radius: 8px;/* Size property, active window shadow radius */ + -UnityDecoration-inactive-shadow-color: rgba (0, 0, 0, 0.647);/* Color property, inactive windows shadow color */ + -UnityDecoration-inactive-shadow-radius: 5px;/* Size property, inactive windows shadow radius */ + + /* Glow applied to the selected scaled window */ + -UnityDecoration-glow-size: 8px;/* Size property, size of glow */ + -UnityDecoration-glow-color: @selection;/* Color property of the glow */ + + /* Title settings */ + -UnityDecoration-title-indent: 10px;/* Size property, left indent of the title */ + -UnityDecoration-title-fade: 35px;/* Size property, space of the title that can be faded */ + -UnityDecoration-title-alignment: 0.0;/* Float from 0.0 to 1.0, to align the title */ + background-color: @unity; + color: @unity_text; +} + +UnityDecoration.top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid @unity; + border-bottom-width: 0; + background-color: @unity; + color: @unity_text; + border-top: 1px solid rgba(255,255,255,0.1); +} + +UnityDecoration.top.menuitem { + color: @unity_text; +} + +UnityDecoration.top.menuitem:backdrop { + background-color: @backdrop_unity; + color: @backdrop_unity_text; +} + +UnityDecoration.top:backdrop { + /*border: 1px solid @backdrop_unity;*/ + border-bottom-width: 0; + background-color: @backdrop_unity; + color: @backdrop_unity_text; + border-top: 1px solid rgba(255,255,255,0.1); +} + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: shade(@unity, 0.6); + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, + @unity, + shade(@unity, 0.6) + ); + background-image: -gtk-gradient (linear, left top, left bottom, + color-stop (0, @unity), + color-stop (0.5, @unity), + color-stop (1, shade(@unity, 0.6))); +} + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: shade(@unity, 0.6); +} + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; + background-color: @backdrop_unity; +} + + +/*************** +* Unity Panel * +***************/ + +UnityPanelWidget, +.unity-panel { + background-color: @unity_panel; + color: @unity_panel_text; +} + + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + background-color: @backdrop_unity_panel; + color: @backdrop_unity_panel_text; +} + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: @unity_panel_text; +} + +.unity-panel.menubar, +.unity-panel .menubar { + color: @unity_panel_text; +} + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: @unity_panel; + color: @unity_panel_text; +} + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: @backdrop_foreground; +} + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: @unity_panel_text; + box-shadow: none; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: shade(@unity, 1.05); + color: @unity_panel_text; + box-shadow: none; +} + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; +} + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + -GtkMenuItem-horizontal-padding: 0; + -GtkWidget-separator-height: 1; + border: none; + color: @separator; +} + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: @base; +} + + +@keyframes playbackmenuitem_spinner { + to { -gtk-icon-transform: rotate(1turn); } +} + +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: playbackmenuitem_spinner 1s infinite linear; + color: @selected_background; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/vocal.css b/Paper/gtk-3.0/apps/vocal.css new file mode 100644 index 0000000..a738b14 --- /dev/null +++ b/Paper/gtk-3.0/apps/vocal.css @@ -0,0 +1,33 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color vocal #B286D7; + +/********** + * Header * + **********/ + +.titlebar.vocal-headerbar, +.header-bar.vocal-headerbar { + background-color: @vocal; +} + +.titlebar.vocal-headerbar:backdrop, +.header-bar.vocal-headerbar:backdrop { + background-color: shade(@vocal,0.9); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/xfce.css b/Paper/gtk-3.0/apps/xfce.css new file mode 100644 index 0000000..0efc82d --- /dev/null +++ b/Paper/gtk-3.0/apps/xfce.css @@ -0,0 +1,68 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/******** + * Xfce * + ********/ + +XfceHeading, +.XfceHeading { + margin: 0; + padding: 0; + border-width: 0; + background-image: none; + background-color: @theme_base_color; + color: @theme_text_color; +} + +.xfce4-panel { + background-color: @panel_bg_color; + color: @panel_fg_color; + font: normal; +} + +.xfce4-panel .button { + padding: 0 2px; + border-radius: 0; + border-style: none; + color: @panel_fg_color; + box-shadow: none; + -gtk-image-effect: none; +} + +.xfce4-panel .button:active { + background-color: shade(@panel_bg_color, 0.9); + background-image: none; + border: none; + color: @panel_fg_color; + box-shadow: none; +} + +.xfce4-panel .button:hover, +.xfce4-panel .button:active:hover { + background-color: shade(@panel_bg_color, 1.3); + background-image: none; + border: none; + color: @panel_fg_color; + box-shadow: none; +} + +.xfce4-panel .menu { + -gtk-image-effect: none; +} diff --git a/Paper/gtk-3.0/apps/yelp.css b/Paper/gtk-3.0/apps/yelp.css new file mode 100644 index 0000000..05e375c --- /dev/null +++ b/Paper/gtk-3.0/apps/yelp.css @@ -0,0 +1,33 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color yelp #435ece; + +/********** + * Header * + **********/ + +YelpWindow .titlebar, +YelpWindow .header-bar { + background-color: @yelp; +} + +YelpWindow .titlebar:backdrop, +YelpWindow .header-bar:backdrop { + background-color: shade(@yelp,0.9); +} diff --git a/Paper/gtk-3.0/assets/checkbox-checked-active-dark.png b/Paper/gtk-3.0/assets/checkbox-checked-active-dark.png new file mode 120000 index 0000000..cfcdea8 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-checked-active-dark.png @@ -0,0 +1 @@ +checkbox-checked-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-checked-active-dark@2.png b/Paper/gtk-3.0/assets/checkbox-checked-active-dark@2.png new file mode 120000 index 0000000..3844c2d --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-checked-active-dark@2.png @@ -0,0 +1 @@ +checkbox-checked-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-checked-active.png b/Paper/gtk-3.0/assets/checkbox-checked-active.png new file mode 120000 index 0000000..d506341 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-checked-active.png @@ -0,0 +1 @@ +checkbox-checked.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-checked-active@2.png b/Paper/gtk-3.0/assets/checkbox-checked-active@2.png new file mode 120000 index 0000000..42d522a --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-checked-active@2.png @@ -0,0 +1 @@ +checkbox-checked@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-checked-backdrop-dark.png b/Paper/gtk-3.0/assets/checkbox-checked-backdrop-dark.png index fe221b6688ff7aab398ae44d516b809009052804..c3870527cfdb7edcff08b9b31cb53f0f2d906be6 100644 GIT binary patch delta 388 zcmV-~0ek+T1h52KH z^^6Mrzzg7-UV*R@j=Qcx0RaQ)YSFv>bHP+Pn^D*Rf|woQqIg&Zu-c7r$2|ibv>T)< zr`{vLwByDDWe+flu1Ag8Z27wo=pe|XZ<+FJGCP!5SR4=F1n3iGyH@nJ!tM?NyFtpg zqzpRYTc%7?ZGB)sh2!COd>@%A8Jg?ca0HAhs^kg@f z6XgcDGd{^uY44+(H(c=GxVdx1fc|wwSQMhL_t(Ijm45ZNJ3E(x!;4h{&tJmyseh)C0NDe72S-?Ori}|CQy8q(^3ZH^OTdTsdl^n5YY7?#VfL9bd2b-}BF!3dz z#gMSARRQq7zizr&K?fqar&7;qqu*#8>{{{rCWB#6SAZYr6F93@)Xed5wB`x`*t25g zWt_5qmzroiIjMkgqeB}yo36$L~`Ww9gJR5R5 TP_kU=00000NkvXXu0mjf`DU(# diff --git a/Paper/gtk-3.0/assets/checkbox-checked-backdrop-dark@2.png b/Paper/gtk-3.0/assets/checkbox-checked-backdrop-dark@2.png index 4ad016f917a25e8b2292884ac427e2de0e4565bf..75ca73982465e0bf7c2c12ea4cb89b8aa3e15c36 100644 GIT binary patch delta 790 zcmV+x1L^#W2fhc8wSV+UL_t(oh3%G4XcT7{#((cOW0FQ9?Lh>sLP1dk=|M`>L?|B9 z?k+@jld#x>D6OOiX%ERES0$nc1&gMY1~egLhek822LnP5yAi=&JQQ;2#Xq1Bu?a%b zot@W%YnhqdWD+-C)aNwweDC)>5AS^Q^1(-Z=#W}u;&AsaF@I(N;SkVLr^mdYcT`QE z>kQAdCOY>a42i0i#bm1jBo24)63g5LKCRO@iWl=`&Hh*NhJnv2++TLIN{kt(nBVf% z`r)Q?^>IC}9Ua-vOSTN6e!Exl9H2R{yvs+Y%1Z#~ai{?CND#!`kS~vH!2cT95 z)(mZlOfTq9VOH-qFEn;eO-*_4G(cOjGp)kuAZJAIu)mv}y!P^c?p>I-rn(L)dNrtT zfDH{6_uSE^p-^jWzCW4Xj{1KBO#ynLrNPFM>bVzt2!9VIGp!1je56TK`-}NpZmHU@ zliiyPaL2fm01^cLJPXDR*I z06r3IrBV1j8X}!eTTSxGDDYKyw_GgdbLW=Rj}0KI{eZt*h$oA30Z4{->cr+o|74tg z>=`KLbAP!5sm}GHdLE&r(HeH;AO>ka@=aC3jC$gxNW6VgzggWo=V{ra<&>aJ=IOizpr)d=wh3xcMK zt~0Y5%~cPgB|<33u|nP{tXA)>CSf2%<&bG_(SIEqc^j=-0p{WLO(rgcC`W+HMb|mI zTy3hWYis54-`D_x-T^4tG8h-4kk5@4-Q0;db1hqgmDk(R^{P3bYWfiUM$mT8=3z3E zT~0q1>htFAJ!^aX5?!~V#LV9hW_RxX@&>{dU<=S#R|1#=CTx$6wYuhg#QTL;_A3uG UAP?@*`Tzg`07*qoM6N<$g8TA-qW}N^ delta 738 zcmV<80v-Ln2a5-gwSU1$L_t(oh3%GKNK;W9$3JJApkkn*mPUo4q=h|HLLiZEL0R@P zdI*AY`cM%)xD7<@HZ5XWC=|su9P|glh=~3``5=Y#v?P0o!VnaSG>M?H>HeG^yo0;T z-KK6n<@e>l_nhwd^1&DE(Fvn^gH0M`M`hbc!YauZS}q(~m?oT6 zf49f}C&sNx1#Io^{St8p%>tv5$gh#-k1mdn1*WxQGhTs4<$Adg;vtLMFNWaQo8hkU zvA`Go_>>iBYY)vN8(7-8$^J|)1X3oMc1j1+R6 z0C#+50)O*!)M>YykuEH87x-LuKT}UxE$& z=ZM$%5su13w-x)$QgxSg4)|Plzd?u?g2E&k`n#N;mZQ1sgD61=3Bu-4T1J+ux1y6! z6C$FzJH4)!`zz5h8*tmyU{fr<=L|9WYUthW16v2jg^=HUE=Ow$pBz;;41Csh7;VG7 zz(z9nB+CJ+fnwk*Fq$gBYCTF9fY<02Wb_FZfN2(Qvux78F~h(&AfPv2!x{ko0jfLP UJ@xl29RL6T07*qoM6N<$f+^cwm;e9( diff --git a/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive-dark.png b/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive-dark.png new file mode 120000 index 0000000..5ee8450 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive-dark.png @@ -0,0 +1 @@ +checkbox-checked-insensitive-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive-dark@2.png b/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive-dark@2.png new file mode 120000 index 0000000..bf23dca --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive-dark@2.png @@ -0,0 +1 @@ +checkbox-checked-insensitive-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive.png b/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive.png new file mode 120000 index 0000000..bee0db8 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive.png @@ -0,0 +1 @@ +checkbox-checked-insensitive.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive@2.png b/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive@2.png new file mode 120000 index 0000000..b9fd77a --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-checked-backdrop-insensitive@2.png @@ -0,0 +1 @@ +checkbox-checked-insensitive@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-checked-dark.png b/Paper/gtk-3.0/assets/checkbox-checked-dark.png index f01ee5b4b08733412393b987c3f37e3cd4e7bcd0..529d7d12819885c1d703b61aafa8fc0c4b8c79e5 100644 GIT binary patch delta 406 zcmV;H0crlB1i=K5wSRX>L_t(Ijm47BE2U8!#y{WJdkWdH(2O0)l2R6EW}(5=y|=hd z;SwuK-5B{Nrf^e=mES1Q8teEJvQ#l+r9G6if8pb=lgk{ z^DGX$w?Iac+N|UOH)l>I>#KibN@xzMR7!LuYYHLzUEFOhg)mv8}gNcrh=&NUQvmmR0V=YrRmlrcRzOaEv1=cniQvM8V&v0ERM_cfm{XfQsauZ+(p;15uTP>sle z@ye1~YcDhaV0x(gTA9Z-;26uPqfBIasQvyWHW+Xo(*w?1fc|wwSQMhL_t(Ijm45rD1%`f$3M@zcbSp{vvyb7X{DUzAX!_?dP~}g zWnASzIVm>>Wrv;Qus_`Abr92P4&1nqgxr^sC}Dq|$4R|yc;&$N^!)jJKmB@o;J+g* zYY*TDTsEE8-az1HZgF`-z>{vd@B^p7!*^}3*V{EYGiw3?1%GE&fy=H8u(F<85)c6H zrI0bru3$}edw)T|oRYF4gfM1|;j14D(q>^?39$;uqr+ly$_O0;=#5~;EbIwzD`zd5 zh(yW&*`0%arPLOnA;dyDwRZi%Hwgr|74%WnOPSr>LG7)jU8?#H;8Kv9HbO~Y^h<$q z)}mDP65yk%mu{q1cLJS&*;aX+Z{(ZaAQ6d_9g+dy0`LLd0!|#QOvGZbx~%{pJ{G>i zSqmz-1a4)eJ`xXypFd-*2?8C~gUx)wlgk%-8n_N%=wtJnulxd>19x^4{Y~Bh3v_4= TcQEm=00000NkvXXu0mjfsVuLO diff --git a/Paper/gtk-3.0/assets/checkbox-checked-dark@2.png b/Paper/gtk-3.0/assets/checkbox-checked-dark@2.png index 6a27c7376c73f7a46803d5581231639d751138e8..4f9f4a34f53ceed3ee19540475ebda122c8cc4fa 100644 GIT binary patch delta 812 zcmV+{1JnHf2Ga+Sw0{E$NklQc2kjf@ZhB-(xQndx+)ErT>~337(WgbyeTO(J=BAcOD}4rr73Fa z2m3LPhiuC1>?V`A@nZd-cK`1)|L4au@4US5UjKJVC9`G6o`1Ds7(EDEfhAS;m=yH3 zs&Vw%P-^^iYIuW(^aE;`UaSnDWyhYiVj82s(kdGV^`xXmzW}B*+OL3@hw~O0B>yqy=iwR%6ES6<%{Pa#`Yr} z+n!H*Zw27wz|~DCm;L$qY?j}CzDr_n^iO~7f&-i!7=LLr@P>gppZ)6IFQdHpce1QL zbPt?L4R17%a|(5$axCt&WoD}Fy)v=_FMkVUxzF|xI-X4YUGcfl2^5=u3anAl!BZ)B zf2F!)@_GcXa2@1hzb`^}B4!WGoF5`B9i<^~F$j^#WXzX~bA!NVB@c_9iO1|8X3Gx+ z5S3$qH-8(%HUuv9rQ8}-mM9!5rIxXL zArfnE-&P3ApVLKU74!@Lw_Y^>K-WI|M^QQh5Jn*5AJl9< z(qaEK*W7uX198XhuK+QvS7H!NIMMO>WX}5_ntuU8Rp^ZGweQR~?~P7EAH>uqQ@Xoi zcKS`SDgjKw)J-M~LRB2#e8RE6pRG2!d-tm1&!?dPg5CzmS&|Hc=yKWy6Z`CgVa>H* zCX0W63a*!(1FFVRL^liCoVR$;+8&!NKUC^5efOTQ@*EDXn?Ymz{=JD$n$}-Ms0ZqS q+9j$8;2AJt<*^s)n)hDsmRgr8p>&rERISA!e z0ZQX*KFk3kN88&ccJ8iw;BYwBCO?vkRsj-RKFsm^{q`Bh@_vL$Bd>(pK2Ke@EgvT7 z@WZj<8iFU8m49a+N(xUw?!WM~&;p?jg*u&N4dXVKI&!YIHVUw49ngX!he0kGxnGgU zQY&pJ`phBxe!txja||MC zyO9?qJ-$YFS33EO0R+_v=;=bt6qa-ga?lh!STy_fOlJLm(GXvU6U0CuL_t(Ijm47BE2U8!#y{WJdkWdH(2O0)l2R6EW}(5=y|=hd z;SwuK-5B{Nrf^e=mES1Q8teEJvQ#l+r9G6if8pb=lgk{ z^DGX$w?Iac+N|UOH)l>I>#KibN@xzMR7!LuYYHLzUEFOhg)mv8}gNcrh=&NUQvmmR0V=YrRmlrcRzOaEv1=cniQvM8V&v0ERM_cfm{XfQsauZ+(p;15uTP>sle z@ye1~YcDhaV0x(gTA9Z-;26uPqfBIasQvyWHW+Xo(*w?1fc|wwSQMhL_t(Ijm45rD1%`f$3M@zcbSp{vvyb7X{DUzAX!_?dP~}g zWnASzIVm>>Wrv;Qus_`Abr92P4&1nqgxr^sC}Dq|$4R|yc;&$N^!)jJKmB@o;J+g* zYY*TDTsEE8-az1HZgF`-z>{vd@B^p7!*^}3*V{EYGiw3?1%GE&fy=H8u(F<85)c6H zrI0bru3$}edw)T|oRYF4gfM1|;j14D(q>^?39$;uqr+ly$_O0;=#5~;EbIwzD`zd5 zh(yW&*`0%arPLOnA;dyDwRZi%Hwgr|74%WnOPSr>LG7)jU8?#H;8Kv9HbO~Y^h<$q z)}mDP65yk%mu{q1cLJS&*;aX+Z{(ZaAQ6d_9g+dy0`LLd0!|#QOvGZbx~%{pJ{G>i zSqmz-1a4)eJ`xXypFd-*2?8C~gUx)wlgk%-8n_N%=wtJnulxd>19x^4{Y~Bh3v_4= TcQEm=00000NkvXXu0mjfsVuLO diff --git a/Paper/gtk-3.0/assets/checkbox-checked-hover-dark@2.png b/Paper/gtk-3.0/assets/checkbox-checked-hover-dark@2.png index 6a27c7376c73f7a46803d5581231639d751138e8..4f9f4a34f53ceed3ee19540475ebda122c8cc4fa 100644 GIT binary patch delta 812 zcmV+{1JnHf2Ga+Sw0{E$NklQc2kjf@ZhB-(xQndx+)ErT>~337(WgbyeTO(J=BAcOD}4rr73Fa z2m3LPhiuC1>?V`A@nZd-cK`1)|L4au@4US5UjKJVC9`G6o`1Ds7(EDEfhAS;m=yH3 zs&Vw%P-^^iYIuW(^aE;`UaSnDWyhYiVj82s(kdGV^`xXmzW}B*+OL3@hw~O0B>yqy=iwR%6ES6<%{Pa#`Yr} z+n!H*Zw27wz|~DCm;L$qY?j}CzDr_n^iO~7f&-i!7=LLr@P>gppZ)6IFQdHpce1QL zbPt?L4R17%a|(5$axCt&WoD}Fy)v=_FMkVUxzF|xI-X4YUGcfl2^5=u3anAl!BZ)B zf2F!)@_GcXa2@1hzb`^}B4!WGoF5`B9i<^~F$j^#WXzX~bA!NVB@c_9iO1|8X3Gx+ z5S3$qH-8(%HUuv9rQ8}-mM9!5rIxXL zArfnE-&P3ApVLKU74!@Lw_Y^>K-WI|M^QQh5Jn*5AJl9< z(qaEK*W7uX198XhuK+QvS7H!NIMMO>WX}5_ntuU8Rp^ZGweQR~?~P7EAH>uqQ@Xoi zcKS`SDgjKw)J-M~LRB2#e8RE6pRG2!d-tm1&!?dPg5CzmS&|Hc=yKWy6Z`CgVa>H* zCX0W63a*!(1FFVRL^liCoVR$;+8&!NKUC^5efOTQ@*EDXn?Ymz{=JD$n$}-Ms0ZqS q+9j$8;2AJt<*^s)n)hDsmRgr8p>&rERISA!e z0ZQX*KFk3kN88&ccJ8iw;BYwBCO?vkRsj-RKFsm^{q`Bh@_vL$Bd>(pK2Ke@EgvT7 z@WZj<8iFU8m49a+N(xUw?!WM~&;p?jg*u&N4dXVKI&!YIHVUw49ngX!he0kGxnGgU zQY&pJ`phBxe!txja||MC zyO9?qJ-$YFS33EO0R+_v=;=bt6qa-ga?lh!STy_fOlJLm(GXvU6U0Cu(NZ2IOKfs1Cm@0iD(TBW7 zY)l>WzmPDP*d(n)+yNabES;E45)p%mL5M{n60d!q#f!&lbabYhbI&>Vmka+bi4Ja| zIF0BIFwmj%AW8{XRpHh7p3-eG;vMf-FaB!JEELBz)Kj1rm47P}yBq9O1_(o)1A2iM zz;im}f5`RxGEjCQV6G*GgR2^uYxE}&1) zqqGKVzw-%#x^vxqOnsOMlxvhM=n$%x@99+0THES40C0F%d1}%%rEmjs7ZBvmDwVf( z+4#VN>-nQ`5+^W|DKWVdYo8-OUsxOi?h}6?=!zoyuICR%UW*VET+fd`dauGtJDUH| YC$5WpJ+nyGQ$+;a~Pb z)I!uw3mdUeOhOVx(PC$0SXM?Y^uVxlIp>|3Z-@WZT+&}f7p+WYh6`-qwM-VeIKg8E zu!4QuVpt>#t#5>3EwmS$78!G0TiC=q1{nVYu#W8zzQzMI0d)G?w%?Kac8Q8VA35%2S-F zu~^JxMz8wE3631eKT=NA&dSrB9U}|o;A^_3$&I71CsiyCyQeR5f%MK8Ub#7CSr$AGQdwRZn z-yHA>#;yIpJ%lDzxspxW>3MTIIyR8kQDA+E+e7pODt}e?Ev5tafZZtD1x-cb*2!u~ z;qaMe@Zug4w|uYO$)*QyE+iiapek1Y zZy|^oX}AqU$~Q9H=*?aX(hs}?*|eRGCOX%s>Z1~119%jPTMekRfOb_-znyL}EqB1l z2k9^BFMk*wvipJ4ly^dayNLFdB?}+ToO!tPU#}Ygz)dF~i^wVb$MHu);X9tRK6^Is zb+NiN&4J+|yT1y=oK2%%)OGCfS~P1OMDsu>qNlP>>UFJpOPYiw5QR&o((MinCYPdB z4d53PUNS)tiW~>-yN-Qhq1-hbP%YtM6pjlf2ru`U9b l1cpO7+Lr5?_uu|5`wgV){!;&4?#ciF002ovPDHLkV1j*DY1{w+ delta 502 zcmVn1tP#TWCvB+Sl!^PQR9nPrCm9i=|@DweQ-V`Ii> z<1^Or9p`W(TU$#BsNz13j~O_|KAz%cj=Px>a0eH$i|6<`W`E!cR&Y7vZRFNkbBPTL z+3zHR%Q#-)8qP;+o2mMCZIcL2IA=>Z9oawNT`B{U#Ugc-ad1HH<^gvn1+Be!d1?5A7WGDU>E6fHPkc04QvnaJ&Aib zk+XHMhTEwPMSld;aW?zEin88j(nT3}{e9im@v$FykrL#6NC{2 z?}rW9l^Gyn85g2`J9s&ayhsVQh4ilYbE-?iM4QVv7Nb2)q3#_+P;}IGYn~SY*Au=! zM0b4>0{V%Fr|Etcd{03fwGT9eDVa*`Asz{jj=~tF5pVSq@eE&&N;YaIj77Z0)+j`& zGtkcL6@%Xd4I%9{L+(0G<+yuLPB_mC@4_m+q&DU7O_=S&g4cx^u_Nk=|MF4V!UIuO sQyFOClTd<+@h4_m`0~eb@EK-+Uk*TEZg4aQGXMYp07*qoM6N<$f;H~!ssI20 diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-active-dark.png b/Paper/gtk-3.0/assets/checkbox-mixed-active-dark.png new file mode 120000 index 0000000..13eb597 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-active-dark.png @@ -0,0 +1 @@ +checkbox-mixed-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-active-dark@2.png b/Paper/gtk-3.0/assets/checkbox-mixed-active-dark@2.png new file mode 120000 index 0000000..c952bb6 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-active-dark@2.png @@ -0,0 +1 @@ +checkbox-mixed-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-active.png b/Paper/gtk-3.0/assets/checkbox-mixed-active.png new file mode 120000 index 0000000..1565756 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-active.png @@ -0,0 +1 @@ +checkbox-mixed.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-active@2.png b/Paper/gtk-3.0/assets/checkbox-mixed-active@2.png new file mode 120000 index 0000000..017ff4a --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-active@2.png @@ -0,0 +1 @@ +checkbox-mixed@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-dark.png b/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-dark.png index fc5da3a5e73fdf51770c86f6a0c281e6a60e143d..0fb6af31b14e4446ba0d83a2c0d7ccfb2ff386f9 100644 GIT binary patch delta 185 zcmV;q07n1I0_FmcwSSyRL_t(Ijm40?4Z<)Gg};lk1&Bq=1_*btgiP<1phpm;3k4g% zBFP??Dquw-4g!={-QRon?qF_6AJ}5QLG%bL5}a1hP*>+0K>m`_gJk0B^7I&ETjz}; z7hpAP=v3SBY&Mnj4qpr8!-BDH^pyLxk~sgpgW-l0=6_-=&@x)*O^UEBc59&N^XCr) n4T_Z3`DH?*Q6YS6^>63^!7e16_e%Yh00000NkvXXu0mjfj;B}` delta 158 zcmaFHbed_x*7`O%$eZyd#cYiRQ=n^tvBt%z*Kdjif zydPY@nWVaI^I$0{AaEJr4ghbnE)s97+YT9_Wf~3uVc44q5w+B}FZ6m+K%IFQ_GYHx zF~fd;s+M~{5%^WCfE7s00iDxoolOFsMz^WcHfHM`umYL?K-L+Wvh@yF0V|LuumILK znY==3zF$!Ou>IDD*002ov JPDHLkV1hvarjY;u delta 258 zcmV+d0sa1#1g-;+w0{8PNklnkW zFa&yz!KQA&%7n1(E|KsfumLWP!2ys0eeqsDFSaco#8Q2PBYPfO!@Cxs?23=@QfI@v z7NAinfC9Wc<;K(b-6dc#n^c{)z!!8t0c;w{)rjxMJD>mxU<1gd1|D-l!@CwBlbU*h z2!VmzAI-%khteys#F(@?6)zqrb|2vWpX9)vVi@%~=Ba)}4~}^w9{b(|4FCWD07*qo IM6N<$f_W8k@c;k- diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive-dark.png b/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive-dark.png new file mode 120000 index 0000000..2e0704e --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive-dark.png @@ -0,0 +1 @@ +checkbox-mixed-insensitive-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive-dark@2.png b/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive-dark@2.png new file mode 120000 index 0000000..7e090f5 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive-dark@2.png @@ -0,0 +1 @@ +checkbox-mixed-insensitive-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive.png b/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive.png new file mode 120000 index 0000000..0cd5385 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive.png @@ -0,0 +1 @@ +checkbox-mixed-insensitive.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive@2.png b/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive@2.png new file mode 120000 index 0000000..ebe84c9 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-backdrop-insensitive@2.png @@ -0,0 +1 @@ +checkbox-mixed-insensitive@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-dark.png b/Paper/gtk-3.0/assets/checkbox-mixed-dark.png index bf8d690b4f86ee0de374a8428649f060934dce17..a2000114d956c4f8a38fd8e479ddb7fc598382a5 100644 GIT binary patch delta 187 zcmV;s07U=G0_XyewSS&TL_t(IjbmUKXut?#_=U!JGcf+2$-uxMO+e2RMuz|C8&@sc z#=yY9z=AO9{|rVZ#;}bmmK?*U+b=BI`ac8Xas~zlIdqBt#5x;UEfcYtZ~=-9U_lp{ zuw)%xuN1@tF(UJ+?*eoi2!VkQL}UY=_=QDV6Vl)t8fnA8z%=j}#)pRiBg6mn{|t;P p{KBGT2$=EsKO;jr$xfvi001XrBbj~Ry2Ahf002ovPDHLkV1kbnQvLt{ delta 158 zcmaFCbed_x*7`?-f;Nrx=VQ64b(_VPO^VEGw2?;&p1kY3A%*+h>2K*6Mk{Pxz0D-5g KpUXO@geCx0D?1MW diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-dark@2.png b/Paper/gtk-3.0/assets/checkbox-mixed-dark@2.png index 4a069148362aa5b1bf3eb8f8622d4f32511968bc..91635b0a1bba265942e6e0b963b11c2c23c1bfbf 100644 GIT binary patch delta 361 zcmV-v0ha!*1C#`iw0{9gNkl=?Ahng3&^}AyY;|baeQ`lD+f$ z!Og2ps_!><7Lpnx%Cr)U&RSHfz%u@x$een6L4|nXHMIMwRgY?wcmP|k;K{s#t*u~Z zrHx0>kTRfXK#NR3mOO-AqUik1gx$^j-_9<}fa>4Xs~Hb~2nd0prAH2=z!Ava0SJI8 zFtRi@bqBU4MAhyhF;9R!aJ4k{fEXA{?%nHTzv72bq6>2*$9uuZ-3U-t#f5pPi;=q# zpi?P;0<^wz%hmc}W3ZUd>Rwym3o4)ht#_d93~lxC3MhaAQ~~4?J%>KNk-HHfl^8pM z@PUbZC+1|AP3aBTV02o8nuTYI-Fw*IlN>lvG@~xtJk^ir33`Si>v*b17XSbN07*qo IM6N<$g1R_)lmGw# diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-hover-dark.png b/Paper/gtk-3.0/assets/checkbox-mixed-hover-dark.png index bf8d690b4f86ee0de374a8428649f060934dce17..a2000114d956c4f8a38fd8e479ddb7fc598382a5 100644 GIT binary patch delta 187 zcmV;s07U=G0_XyewSS&TL_t(IjbmUKXut?#_=U!JGcf+2$-uxMO+e2RMuz|C8&@sc z#=yY9z=AO9{|rVZ#;}bmmK?*U+b=BI`ac8Xas~zlIdqBt#5x;UEfcYtZ~=-9U_lp{ zuw)%xuN1@tF(UJ+?*eoi2!VkQL}UY=_=QDV6Vl)t8fnA8z%=j}#)pRiBg6mn{|t;P p{KBGT2$=EsKO;jr$xfvi001XrBbj~Ry2Ahf002ovPDHLkV1kbnQvLt{ delta 158 zcmaFCbed_x*7`?-f;Nrx=VQ64b(_VPO^VEGw2?;&p1kY3A%*+h>2K*6Mk{Pxz0D-5g KpUXO@geCx0D?1MW diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-hover-dark@2.png b/Paper/gtk-3.0/assets/checkbox-mixed-hover-dark@2.png index 4a069148362aa5b1bf3eb8f8622d4f32511968bc..91635b0a1bba265942e6e0b963b11c2c23c1bfbf 100644 GIT binary patch delta 361 zcmV-v0ha!*1C#`iw0{9gNkl=?Ahng3&^}AyY;|baeQ`lD+f$ z!Og2ps_!><7Lpnx%Cr)U&RSHfz%u@x$een6L4|nXHMIMwRgY?wcmP|k;K{s#t*u~Z zrHx0>kTRfXK#NR3mOO-AqUik1gx$^j-_9<}fa>4Xs~Hb~2nd0prAH2=z!Ava0SJI8 zFtRi@bqBU4MAhyhF;9R!aJ4k{fEXA{?%nHTzv72bq6>2*$9uuZ-3U-t#f5pPi;=q# zpi?P;0<^wz%hmc}W3ZUd>Rwym3o4)ht#_d93~lxC3MhaAQ~~4?J%>KNk-HHfl^8pM z@PUbZC+1|AP3aBTV02o8nuTYI-Fw*IlN>lvG@~xtJk^ir33`Si>v*b17XSbN07*qo IM6N<$g1R_)lmGw# diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop-dark.png b/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop-dark.png new file mode 120000 index 0000000..3f57137 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop-dark.png @@ -0,0 +1 @@ +checkbox-mixed-backdrop-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop-dark@2.png b/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop-dark@2.png new file mode 120000 index 0000000..c995602 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop-dark@2.png @@ -0,0 +1 @@ +checkbox-mixed-backdrop-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop.png b/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop.png new file mode 120000 index 0000000..ec68672 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop.png @@ -0,0 +1 @@ +checkbox-mixed-backdrop.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop@2.png b/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop@2.png new file mode 120000 index 0000000..796a1ba --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop@2.png @@ -0,0 +1 @@ +checkbox-mixed-backdrop@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-dark.png b/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-dark.png index 2e374d9564f32ce98417761dd3949ff47be29fcb..a5bae0b0b4da46862ebd5812027d2509018299e9 100644 GIT binary patch delta 182 zcmV;n07?JA0^BdXtXN$kFEXA>0wSRU=L_t(Ijm6SE3WGophT$h6g_g1K7`a4JdR$MUw@497EiFV? z!pe#w`&RSAd@~Fmxw!>#jTef<%!Cf#|HcQ;9ZM^`*W?~F3Jg00ekfxChd3?ph}4?I zOndnSZKSqI{wIb4lf@({DvWD##L6Rj5i93m2GM5>cwXl$BMbll002ovPDHLkV1js* BJw5;c diff --git a/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-dark@2.png b/Paper/gtk-3.0/assets/checkbox-mixed-insensitive-dark@2.png index d8cdb2140ce17ede24452e5956c4dd8d19bba5ea..43609d0490946202a5f0b6b96f537b66364e8439 100644 GIT binary patch delta 360 zcmV-u0hj)w1Cs=hw0{9fNklsU}bHugF60&)pNxL`r=H(li}N?@V?hY=8a9;Aro{>!vP?Uqqz`CSAF|juV)3+na6Q7Hw{l2 z4F)r{-1~{ZuVMwPKxPi;G}{521dMN^+-aM#^$u8p!hfLX3{Ba32dsb<$P-uso108o zAuZpps^xp30AYbA0I-r2mLbvd{VIPtp?ZAO>zO&gEP5b5C2&2Fm^IshkpQoeUVRrb z!KGez^o{Au^WyO6_zr{$fC_*eBLm}U{tjPGzE-D&ck+b*00009KbuC+~m(47mf&Z|JMZJ753?&;?LSi~{<^sRjkIB4V0aAU!&4$7!~gXE42&!M!lGpenDO{OBOF6I$xfvi004e>9(K`C Rw-*2a002ovPDHLkV1i<@NWB06 delta 124 zcmV-?0E7R~0;&R#wRK=gL_t(IjqTDg4nR;4MbSe=Nnsf_!Tt+&p`iRqg-Cux@ e4j5fj`5iWRz6!uBg(+1wk+yhNTyE!KMB!3=7ov~~9QvGgs zlq`3C0`RNy03N^tcmNOJ0X)DefGI4R%%(!hVVF;r?`r`B9RSR%v^N1!4#T{D2JK|~ znD#TBP}MXMJw_I^7+XeX=XEClowKaI6B~1x_Jj0b`0_m2KRCQa$N@QE%ZUI!fWD2X fY_jHg{T+P)2s}`s_eOFZ00000NkvXXu0mjf063Jd delta 223 zcmV<503iSP1B(NYw0{7>NklIZWwt1!> Z(Hk6W9q!9GJoEqn002ovPDHLkV1l8TV7CAO diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive-dark.png b/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive-dark.png new file mode 120000 index 0000000..eae106f --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive-dark.png @@ -0,0 +1 @@ +checkbox-unchecked-insensitive-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive-dark@2.png b/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive-dark@2.png new file mode 120000 index 0000000..2411ecd --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive-dark@2.png @@ -0,0 +1 @@ +checkbox-unchecked-insensitive-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive.png b/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive.png new file mode 120000 index 0000000..e7ed300 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive.png @@ -0,0 +1 @@ +checkbox-unchecked-insensitive.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive@2.png b/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive@2.png new file mode 120000 index 0000000..cd89e8d --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-unchecked-backdrop-insensitive@2.png @@ -0,0 +1 @@ +checkbox-unchecked-insensitive@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-dark.png b/Paper/gtk-3.0/assets/checkbox-unchecked-dark.png index 203f66f9bb48323310fdf358299f8bff6e9cde71..7558b38c2806e04b63d241c35f2826c8e7a7e2d1 100644 GIT binary patch delta 163 zcmV;U09^m70?-1GwSR_5L_t(IjbmUKXut?#_=U!JGcf+2$-uxMO+e2RMuz|C8&@sc z#=yY9z=AO9{|rVZ#;}bmmK?*U+b=BI`ac8Xas~zlIdqBt#5x;UEfcYtaDh<+2Acs- z{KBHG32E>RjkIB4V0aAU!&4$7!~gXE42&!M!lGpenDO{OBOF6I$xfvi004e>9(K`C Rw-*2a002ovPDHLkV1i<@NWB06 delta 124 zcmV-?0E7R~0;&R#wRK=gL_t(IjqTDg4nR;4MbSe=Nnsf_!Tt+&p`iRqg-Cux@ e4j5fj`5iWRz6!uBg(+1wk+yhNTyE!KMB!3=7ov~~9QvGgs zlq`3C0`RNy03N^tcmNOJ0X)DefGI4R%%(!hVVF;r?`r`B9RSR%v^N1!4#T{D2JK|~ znD#TBP}MXMJw_I^7+XeX=XEClowKaI6B~1x_Jj0b`0_m2KRCQa$N@QE%ZUI!fWD2X fY_jHg{T+P)2s}`s_eOFZ00000NkvXXu0mjf063Jd delta 223 zcmV<503iSP1B(NYw0{7>NklIZWwt1!> Z(Hk6W9q!9GJoEqn002ovPDHLkV1l8TV7CAO diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-hover-dark.png b/Paper/gtk-3.0/assets/checkbox-unchecked-hover-dark.png index 203f66f9bb48323310fdf358299f8bff6e9cde71..7558b38c2806e04b63d241c35f2826c8e7a7e2d1 100644 GIT binary patch delta 163 zcmV;U09^m70?-1GwSR_5L_t(IjbmUKXut?#_=U!JGcf+2$-uxMO+e2RMuz|C8&@sc z#=yY9z=AO9{|rVZ#;}bmmK?*U+b=BI`ac8Xas~zlIdqBt#5x;UEfcYtaDh<+2Acs- z{KBHG32E>RjkIB4V0aAU!&4$7!~gXE42&!M!lGpenDO{OBOF6I$xfvi004e>9(K`C Rw-*2a002ovPDHLkV1i<@NWB06 delta 124 zcmV-?0E7R~0;&R#wRK=gL_t(IjqTDg4nR;4MbSe=Nnsf_!Tt+&p`iRqg-Cux@ e4j5fj`5iWRz6!uBg(+1wk+yhNTyE!KMB!3=7ov~~9QvGgs zlq`3C0`RNy03N^tcmNOJ0X)DefGI4R%%(!hVVF;r?`r`B9RSR%v^N1!4#T{D2JK|~ znD#TBP}MXMJw_I^7+XeX=XEClowKaI6B~1x_Jj0b`0_m2KRCQa$N@QE%ZUI!fWD2X fY_jHg{T+P)2s}`s_eOFZ00000NkvXXu0mjf063Jd delta 223 zcmV<503iSP1B(NYw0{7>NklIZWwt1!> Z(Hk6W9q!9GJoEqn002ovPDHLkV1l8TV7CAO diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop-dark.png b/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop-dark.png new file mode 120000 index 0000000..a606d5a --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop-dark.png @@ -0,0 +1 @@ +checkbox-unchecked-backdrop-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop-dark@2.png b/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop-dark@2.png new file mode 120000 index 0000000..d10daf0 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop-dark@2.png @@ -0,0 +1 @@ +checkbox-unchecked-backdrop-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop.png b/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop.png new file mode 120000 index 0000000..362147e --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop.png @@ -0,0 +1 @@ +checkbox-unchecked-backdrop.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop@2.png b/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop@2.png new file mode 120000 index 0000000..34446c0 --- /dev/null +++ b/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop@2.png @@ -0,0 +1 @@ +checkbox-unchecked-backdrop@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.png b/Paper/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.png index 203f66f9bb48323310fdf358299f8bff6e9cde71..7558b38c2806e04b63d241c35f2826c8e7a7e2d1 100644 GIT binary patch delta 163 zcmV;U09^m70?-1GwSR_5L_t(IjbmUKXut?#_=U!JGcf+2$-uxMO+e2RMuz|C8&@sc z#=yY9z=AO9{|rVZ#;}bmmK?*U+b=BI`ac8Xas~zlIdqBt#5x;UEfcYtaDh<+2Acs- z{KBHG32E>RjkIB4V0aAU!&4$7!~gXE42&!M!lGpenDO{OBOF6I$xfvi004e>9(K`C Rw-*2a002ovPDHLkV1i<@NWB06 delta 124 zcmV-?0E7R~0;&R#wRK=gL_t(IjqTDg4nR;4MbSe=Nnsf_!Tt+&p`iRqg-Cux@ e4j5fj`5iWRz6!uBg(+1wk+yhNTyE!KMB!3=7ov~~9QvGgs zlq`3C0`RNy03N^tcmNOJ0X)DefGI4R%%(!hVVF;r?`r`B9RSR%v^N1!4#T{D2JK|~ znD#TBP}MXMJw_I^7+XeX=XEClowKaI6B~1x_Jj0b`0_m2KRCQa$N@QE%ZUI!fWD2X fY_jHg{T+P)2s}`s_eOFZ00000NkvXXu0mjf063Jd delta 223 zcmV<503iSP1B(NYw0{7>NklIZWwt1!> Z(Hk6W9q!9GJoEqn002ovPDHLkV1l8TV7CAO diff --git a/Paper/gtk-3.0/assets/header-separator-dark.png b/Paper/gtk-3.0/assets/header-separator-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..dadf29427d43f1a3c0c78b322ea814220f84ceeb GIT binary patch literal 192 zcmeAS@N?(olHy`uVBq!ia0vp^Oh7Ej!3HFym;bK;QY^(zo*^7SP{WbZ0pxQQctjQh z)n5l;MkkHg6(AiYt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0TtPLx;Tb# z%-nl^BUgigfXl&$N{o*G|2vCb(nuF>Iec$z+x1-M^JjQ+BDlW!S8iO?x^uok0lQxe ftGnj2^%V?XD+E2m-mlUG8pPn~>gTe~DWM4fv}8OT literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/header-separator-dark@2.png b/Paper/gtk-3.0/assets/header-separator-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..81cfb9d595563779c2518578f28169579b88584f GIT binary patch literal 203 zcmeAS@N?(olHy`uVBq!ia0vp^EI@3;!3HF&FIAlb2^2edhHwBu4M$1`kk47*5n0T@ zAiW-h8RMiT$^Zo=OI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3kpe36@N{tu z(U|!5vLRQ4fdI<^Po7`@@2~PmN?gUfu`}V}w8KSLa}Tks-O9zfS-ZML`H+<2{X?H_ sNbp6T;J@Fp$X@!@>J7bivsxJE9=)JgE4p(9AJ9w&Pgg&ebxsLQ0K@P?g#Z8m literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/header-separator.png b/Paper/gtk-3.0/assets/header-separator.png new file mode 100644 index 0000000000000000000000000000000000000000..dcd369537540429e76787ae29e97a1262e8d369e GIT binary patch literal 201 zcmeAS@N?(olHy`uVBq!ia0vp^Oh7Ej!3HFym;bK;QY^(zo*^7SP{WbZ0pxQQctjQh z)n5l;MkkHg6(AiYt`Q}{`DrEPiAAXl<>lpinR(g8$%zH2dih1^v)|cB0TsDL3N(?y)78&qol`;+0FIMAaR2}S literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/header-separator@2.png b/Paper/gtk-3.0/assets/header-separator@2.png new file mode 100644 index 0000000000000000000000000000000000000000..fc712752684907a3dd50d270d016076e18a20fc4 GIT binary patch literal 210 zcmeAS@N?(olHy`uVBq!ia0vp^EI@3;!3HF&FIAlb2^2edhHwBu4M$1`kk47*5n0T@ zAiW-h8RMiT$^Zo=OI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3kpe36_jGX# z(U|!5vLRQ4fq=`!=>i9tU;O2l$X_5ZdqR@-K@l-M9-aA#%VxFktlcW=C7vVrMqlRi y2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4>$vJ5xSf{ciXEw7A@#txwDsHb46r z(f^!#%934yF@N4fMt;bXm?fvrXwYvk=bJJ2vG?z4FNi7_En3>h^(SokvImU*3tD~4 z-DpflUMhkVd13jT2DC+*k_6hykuGtuxjVgbLH+l4XPGg#T#=ERVhc*nK}n^ zEN@Uf4Pabv$Y?bO-f13uKjAb`a$=%K5OCjwcp+xcwm3cdW~%GdV}V=`M}^~ N@O1TaS?83{1OUQ&x0L_@ literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-checked-dark@2.png b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..d3d325baf881cfa58486620e8c761085bd17aa97 GIT binary patch literal 725 zcmV;`0xJE9P)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`ED7By(oE-q5YB93WV5P}~mO(G%E8xeKA;2{191?S=r zV%&@$$?MX}z1Jqq$F+-j#)tcy-*aBhxd+Dj-z7mWm@C_tRCxwW2znC}MzF8imd_MCDc1+s-&q;33q3mkFTif~Uv^q&^U z=kpU{Y85!)_7xWAW7f;v@*@}ccJS~r$~mvAs|#`KVL$ni3gk+)`@n6V{oeR;!0+`} zAmccpYPGtrpJ29ZTZ%sN*&C*q({pp@zYknsscc_~Y&IL8e}o#j()zVtp{3IL8BvO! z4JdULy^xAsZ1xL>tshawaYB*JW&;Rs`5lGXg}C+HAIPm$kEs#*2po0UEm7laIx+oW z5IEaAI9ac&fcv@_0#C9f`?~w%<M8T?S*~=4Q;r&?`$e?00000NkvXX Hu0mjfQ?@xr literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover-dark.png b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..55b07f3c68ef9cd3d4d1404a625a6fe138eeecf0 GIT binary patch literal 480 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4>$vJ5xSf{ciXEw7A@#txwDsHb46r z(f^!#%934yF@N4fMt;bXm?fvrXwYvk=bJJ2vG?z4FNi7_En3>h^(SokvImU*3tD~4 z-DpflUMhkVd13jT2DC+*k_6hykuGtuxjVgbLH+l4XPGg#T#=ERVhc*nK}n^ zEN@Uf4Pabv$Y?bO-f13uKjAb`a$=%K5OCjwcp+xcwm3cdW~%GdV}V=`M}^~ N@O1TaS?83{1OUQ&x0L_@ literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover-dark@2.png b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..d3d325baf881cfa58486620e8c761085bd17aa97 GIT binary patch literal 725 zcmV;`0xJE9P)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`ED7By(oE-q5YB93WV5P}~mO(G%E8xeKA;2{191?S=r zV%&@$$?MX}z1Jqq$F+-j#)tcy-*aBhxd+Dj-z7mWm@C_tRCxwW2znC}MzF8imd_MCDc1+s-&q;33q3mkFTif~Uv^q&^U z=kpU{Y85!)_7xWAW7f;v@*@}ccJS~r$~mvAs|#`KVL$ni3gk+)`@n6V{oeR;!0+`} zAmccpYPGtrpJ29ZTZ%sN*&C*q({pp@zYknsscc_~Y&IL8e}o#j()zVtp{3IL8BvO! z4JdULy^xAsZ1xL>tshawaYB*JW&;Rs`5lGXg}C+HAIPm$kEs#*2po0UEm7laIx+oW z5IEaAI9ac&fcv@_0#C9f`?~w%<M8T?S*~=4Q;r&?`$e?00000NkvXX Hu0mjfQ?@xr literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover.png b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..0c8ee38399b06a0763aef2af46347e9065f818b7 GIT binary patch literal 339 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4bk@!NoPU|c?8R0yj>&?27RfVM_s1H&WBI>wUT5kC V{~t>N?*JXe;OXk;vd$@?2>?|Sd*lEB literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover@2.png b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-hover@2.png new file mode 100644 index 0000000000000000000000000000000000000000..857b4ad66a6449efc3d6d828b6e8268c445f3e0f GIT binary patch literal 442 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g0KX|%0hD5Z!y=>^^>?qRuaEZY;#_|cNOE&VG3C?GU?R*ipCZ<*4ol?Tg zkUWK?6Y0heKBqc;dHVF$8UD+>-|f%bx%^s`OSYL?=kiRK)5jxzrU`1wKfLRo#FWrc z>Ade?Y0Dp$^V@dzPx$_E#zgyt@`4W(mFtgYw*1lhTRhi%&Q@8Am0!zuJm7sTwg z_DSZ8MP_e=ul7~%+_lyqPxm~_iM9>9^ENj>$^2pBxmnTR!0BtJN+Zo<(wx>5DzD00 zVWc?gw%*=j3xa>n6DWNqA?Nz9TcG{w+kVAa)*l-`3skBdVcWj&Q&b06`F|yS5w6zc a&#Z;hd_LOkZ8!|{JA2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4>$vJ5xSf{ciXEw7A@#txwDsHb46r z(f^!#%934yF@N4fMt;bXm?fvrXwYvk=bJJ2vG?z4FNi7_En3>h^(SokvImU*3tD~4 z-DpflUMhkVd13jT2DC+*k_6hykuGtuxjVgbLH+l4XPGg#T#=ERVhc*nK}n^ zEN@Uf4Pabv$Y?bO-f13uKjAb`a$=%K5OCjwcp+xcwm3cdW~%GdV}V=`M}^~ N@O1TaS?83{1OUQ&x0L_@ literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-checked-insensitive-dark@2.png b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-insensitive-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..d3d325baf881cfa58486620e8c761085bd17aa97 GIT binary patch literal 725 zcmV;`0xJE9P)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`ED7By(oE-q5YB93WV5P}~mO(G%E8xeKA;2{191?S=r zV%&@$$?MX}z1Jqq$F+-j#)tcy-*aBhxd+Dj-z7mWm@C_tRCxwW2znC}MzF8imd_MCDc1+s-&q;33q3mkFTif~Uv^q&^U z=kpU{Y85!)_7xWAW7f;v@*@}ccJS~r$~mvAs|#`KVL$ni3gk+)`@n6V{oeR;!0+`} zAmccpYPGtrpJ29ZTZ%sN*&C*q({pp@zYknsscc_~Y&IL8e}o#j()zVtp{3IL8BvO! z4JdULy^xAsZ1xL>tshawaYB*JW&;Rs`5lGXg}C+HAIPm$kEs#*2po0UEm7laIx+oW z5IEaAI9ac&fcv@_0#C9f`?~w%<M8T?S*~=4Q;r&?`$e?00000NkvXX Hu0mjfQ?@xr literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..45d8b476bd79c09c1485a2ca7969cb6b42503304 GIT binary patch literal 451 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4GKy=7i^_k{cG4t%lVSyq|3k(qG_*YZ8jYo6cx{$RbTJ?GLX(;D3$96s}Hf7LBk zao3FucNlj&tbbW9_T~3q?FS4MYhV9b^YZ-mgNDZx3;6b|ezkGt(lj@QAg}Wd=kM}6 zb1eS&hGmEBbHB51>aI;X$=ZFOuj7f~vBp(-yMFU7cxT6>c&24J>$^G?CCd%EO8)Qm zG3j)k*g7+In{67SA)%!g+5G<}EZU?K9%{<|ETmNb^rr3Wn)160 j*Dal5R>%7FfxzJD>gTe~DWM4fkfE~E literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-checked-insensitive@2.png b/Paper/gtk-3.0/assets/menuitem-checkbox-checked-insensitive@2.png new file mode 100644 index 0000000000000000000000000000000000000000..1163b21964e53993309204f626148a813057d626 GIT binary patch literal 656 zcmV;B0&o3^P)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp` ztKc^C-rDRZSV$#kqX>dzQAC0WcG}p9*!UfcU>S7$-)JWU(Q?~u~9s#%&jlUK}u}xBSZme9x5W<$EG`iu7q8Rr3{U3Gj z{9E?kUzYR?07%|5#=NUq^4@O(_>9@a?@Jn5YhCTXz-$I~NN$ka0FXN8M)MXb>Xrex zx~zE&P}UmB-58>(ZUAl@W4F~;>4#(lH919_(K5zz&SS}xf?+!ek2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4UNA0l$pkKb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`4t|Y{T8(k|d#Gg~> z$85D)iCGGL-@h#)FCz9%5CpgK`FwX)fZ+{wUH6WNY%#bzxk>Zu`~GEB{Q{f}*}qKF zyizC>e$E;`1aKV3Or=u03}zRgud3^|ZNG^YR4SEoiA3T%a5iM`8HRDKSS)_~mvH!d z1nG2I8T|Rs7m-)4>)s15uGj0UhGBe+ge#DpCwvHy$z=9{9MB&J;W&=j?RJ|Yaw)RM zhGkjJdBP#`7I>bQ1-2NyoGKzYRlNv287Ur&TXx=XB0*S|wXLe_jCMj)_2nVqpF5q- z!#LqE<~1DCiLiEpAXqDx%fF8VU<$;ps$R8i`$ybx4%vJt%d)nC2aF!ao?#d_78O1b z-~d8Z?*se99Jg5VegCfKdC!hLc&Vk9TIx9T2O~1BZp|`f-v9sr07*qoM6N<$f`%S5 A@&Et; literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-dark.png b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..769157304d9ea78fb7b156a0004e374aaeab717e GIT binary patch literal 238 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4R+&>z;;HzOi lTh__jy(Pi_nwS|5Fde+l!r?RRfG5xd22WQ%mvv4FO#s~APLKcq literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-hover-dark.png b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-hover-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..769157304d9ea78fb7b156a0004e374aaeab717e GIT binary patch literal 238 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4R+&>z;;HzOi lTh__jy(Pi_nwS|5Fde+l!r?RRfG5xd22WQ%mvv4FO#s~APLKcq literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-hover.png b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..df1e697bc7a954a47aedb2e007a0de37702a492a GIT binary patch literal 237 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4=l}oz_Hn#DJsMRrR=iylXrRK#@FbCiWpY&2 Q3!riaPgg&ebxsLQ0D*Q!aR2}S literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-hover@2.png b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-hover@2.png new file mode 100644 index 0000000000000000000000000000000000000000..642323b5325ea54b79a02829a9d49f43b250d637 GIT binary patch literal 248 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g0^*mi1Ln2z=p4%wMpuod);K<+dW4v2B=KeQj4`Dp;{+F1?q>B#U3zL0M d#TPIz+~8Qp!ol`*Gmy!^;OXk;vd$@?2>`7@Oa%Y{ literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive-dark.png b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..769157304d9ea78fb7b156a0004e374aaeab717e GIT binary patch literal 238 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4R+&>z;;HzOi lTh__jy(Pi_nwS|5Fde+l!r?RRfG5xd22WQ%mvv4FO#s~APLKcq literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png b/Paper/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..7371ffdea13ec52a5ba4fdad63d09fbe6b9c0281 GIT binary patch literal 238 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR42?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR42?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4fVTl^@G>9gx6udmB_8UNZVtz6}m|LfiV2=R_ZYlBNa-R*rQ-WhdG zrbs>TF_(rpzr2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4fVTl^@G>9gx6udmB_8UNZVtz6}m|LfiV2=R_ZYlBNa-R*rQ-WhdG zrbs>TF_(rpzr2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4voQ zs#kXIdnE4N=P^me^AXF61H2NAuGuW>9D4KaHJJaO*&udxPo7D<_Zxdo+1*p^oE|(C zkXZ9wto?wFQhIWY=F%9QgOfuKoV+geg`-AklU(C&<=+JmZGf1|P+2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4fVTl^@G>9gx6udmB_8UNZVtz6}m|LfiV2=R_ZYlBNa-R*rQ-WhdG zrbs>TF_(rpzr2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4WSA+uZz5OvUTlPx@6h?(?S!TpY)D!ypVja zP@*k0@&5U4u5b7HC&?YixGlIb<=K^}=Ao|_uM zmb3f7`Sr|#8%1^`edRYQp49U8qwJY8)lc93J{)KDSdmY(d`cG32@IaDelF{r5}E*v Cbai9^ literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/menuitem-radio-checked-insensitive@2.png b/Paper/gtk-3.0/assets/menuitem-radio-checked-insensitive@2.png new file mode 100644 index 0000000000000000000000000000000000000000..b49fcbb8daba5ff22b74d745ac9cc3070ac93c31 GIT binary patch literal 441 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g0-+Q_^hD5Z!onq*B*g?Sc{~BGT`HEjp3H7n4wtwK9Bvqt-y+yi!!^-=J z$F*y75=BjBEo8Jhu|_2PjCS~WV}I>z#^Z%^{_{<(n-CNwcyV6GHU_i!-Sbv&|iE_WdtYs$%^xrC82unswh}3x*Gz Yo)-QrqBH(x0=>@Q>FVdQ&MBb@0DqXH_y7O^ literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/menuitem-radio-checked.png b/Paper/gtk-3.0/assets/menuitem-radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..7c21f1c5083334f34a3721e238e4c4f4dff7dcae GIT binary patch literal 318 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4*R z>_38K(jC+C_IzKxY8!*d0X3z@ncufWM>8o!g_Kq-nApLP;I%t6ZS%Q=y`g6~uOu87 xKRAu)`JHaYnerVTJM!}K6MG8J@%#>+CEUC~PSE$Pq&?7n22WQ%mvv4FO#rtXYmxu} literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/menuitem-radio-checked@2.png b/Paper/gtk-3.0/assets/menuitem-radio-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..057a1cfd0d7798ab5570ed8d7af181da76ca88e0 GIT binary patch literal 449 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g0zk9kkhD5Z!ow70auz`T<|EFAq?KuJx9oE$xz7wuEYHfbNGRvXW>*_a- znTnpv51nAUrx0$?P?FhF(&@(#{8R2gTZM{zq(Fhp@ttKEZ=2S=UNz^laRWQU?8;wj zRxKBBl21PKU+luRw{I=_^cmjO2ePHD3-+4+i1G8;`~NNes4rTzYVTLoyfuuUH|xvt zG2EW>d2(rdF@vCORBWi}?q>|4dpGZL*%G-ejBQPdmYjo&d{}ts*>#o)vz9Hss=6rn zV}pPbe}ch^=8i8%nUi{E&V1e4(Kz$nLk+ehcmDX-dy{W gRrYwH48sq$)fYmqmXuUK2L=Iyr>mdKI;Vst0F?o$rvLx| literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/radio-checked-active-dark.png b/Paper/gtk-3.0/assets/radio-checked-active-dark.png new file mode 120000 index 0000000..0135e9b --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-active-dark.png @@ -0,0 +1 @@ +radio-checked-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-active-dark@2.png b/Paper/gtk-3.0/assets/radio-checked-active-dark@2.png new file mode 120000 index 0000000..313edd3 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-active-dark@2.png @@ -0,0 +1 @@ +radio-checked-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-active.png b/Paper/gtk-3.0/assets/radio-checked-active.png new file mode 120000 index 0000000..e0c4830 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-active.png @@ -0,0 +1 @@ +radio-checked.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-active@2.png b/Paper/gtk-3.0/assets/radio-checked-active@2.png new file mode 120000 index 0000000..bb5dbb2 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-active@2.png @@ -0,0 +1 @@ +radio-checked@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-backdrop-dark.png b/Paper/gtk-3.0/assets/radio-checked-backdrop-dark.png index c978055cefca67add348560f07428a517c0cd207..2598f06c22f7fdf50515084b89e6604a4f50a069 100644 GIT binary patch delta 496 zcmVuG1ikf<(~rQy3xTA)r99oLI`r z(i%hS6iGn=osmLMlY$2@wi9iHgY761ya82^Vv0z4fsn=$5@GGVLy_#pS_}=GYVO=Q zXU@#PKSI)pa=A7?aqWgEOTb+KRE`nd&y3Ahx7$3Ot~b+Z84&eK^B@f{QbnkD7@J{b^3;%m8$|%~Mg7SU}*T5~o$0{B7pfidEvrh?ddZ>RnKYMc}vd)^I4oOO^T m;NE5WScL(`ZpEGd8-4*v?7K!Vb))wH0000o=e z@F<2J2Lm$`@iVHlC5m2ydoD-a5Uk`5&bn)_tiAU+{1Zt5H-vdip%S<@?r@2x?+j+J zimULo0zZa1)NqRHqBJwu!1y28Qx!(O#lIgCU;fMY+5?+ghxxoWQBmVe{W0J(&7&>HwgIn32o6szE_N%=L)N{l8q%!ZnG z{CSNreshtgb3S4q`q{=K)-WvF^NVaw6IjGD&Tx|#6+Nah7G!(QA5%xx^Ch|kHGjt& XnkhksH9o&f00000NkvXXu0mjfYTBEn diff --git a/Paper/gtk-3.0/assets/radio-checked-backdrop-dark@2.png b/Paper/gtk-3.0/assets/radio-checked-backdrop-dark@2.png index d6bda837d31cc57cc1d819a3247ca6f92bc0ec95..104be28ff832ce8da90e6023737b3be124a65732 100644 GIT binary patch delta 1172 zcmV;F1Z(@`2e=B5w0{I{Nkl`wrwX?%eI$lxSh3JG2{+2hjlvQm#xPT}g@3rJY!RUWX!5H3rY^TI zoCHY?4J6M0n*t=((Q66r`yi{Ttb0|Iy(uSo4A6%b(B9d(qM(6(ftNhfO@S2X2~{(i zt&=f;x~w*dxXVB{$5pxV!42+}tUYMy*9LFilCEB)a zbN=$R?WlYJEPn%TtD24>=g9X}3ux=;eg))PASmcyNT>Q7$C;dqxS~eeu6pWn37`$g ztGcfZIiLSn9%sr8?VX(~KpY^5=z$H*tG3rl4v?@z3ww?ohYU@WZpwGT6L zKX}V=1!z=c$IusvV>7xx#rq-v6jrY8<%GMQX? zPC9+~Uc9q+pQ?T=qWgi8fYK7QTiq?*KED~({AYgTo1)f|iD3O%Q4WB#0*@De(kh|{ zCxZ3En}4F#62IJ#oBI?PLs`?-)wQ8QfGg4tpfKpS)gqBd*cdqhyx>RR;YDNQcq9@D zmpibg3@vD3{RKI&3@{)*&;1h5AIRyQt_~dS>5Fmz`sr%V4*|_vn zK|WK>H&)gB;`vL<^v^a_8UVuNZuuq)&D9HFoqwM(Om5tJ^bs)6rBNe%&yLAZ$dvnM z3D7?Prp;rGe#xSY)F8k&Hjs6TwT0h(1jsl*!F8YWOLmb&_57Ojvzi4`tgTupK!sC9 zi@VJ)dC~O5A>d*a>=*BZIpix#OcX#=N|(~?8Ay3iam%t6lqY90nVjotbRH2GU00(& zIe$*R+_81*)&Qz80726g0)_?>7l5n4(k#I@{i>fi?u_3FYb)p;U>KMLCK1kn?zt1z z)-%VQalhP!&ou4=niMV%I{l?V+;T(I&wk!IDT7O~Nwh2s00%!nErw97Kp6xFuP*u|n`~|d~ z8@c}BqlmC=+gupA{*j&d0J3hNsd&i9HZ3-x zO4a{e415HZ zOvZMAlcT^DAOhrocgSwS%9@frg5*sPu)=o4b|nx8E-UzV;1f`70^E}-k^={kXm;xN zMk4~3kYvj#cz>giHf70 zlth4gGAseG1_KnO-3aWbgf3iu0^ZI|2?SVQ!sEL^w%*RYNYoJUCgbL{)#qX1E!Ub1 zP!w?8G3kLTm!5j*TQ+u-7L7be``O6M;pa(T-<2lNojFiap$bMAoj@!!O3h z$_Aa~BjDA8n#agN-hy@{L_6B5nW@*mj}Kja+EzW3$8u9(C4sUF9}c)YTD8~jJbQ3& zHGo_{(93qWw8hFV-AEHs0^Snv9<(44UU``Hr*xFG2DbaKFqg6^bT|00000NkvXX Hu0mjfF%*YX diff --git a/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive-dark.png b/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive-dark.png new file mode 120000 index 0000000..b140475 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive-dark.png @@ -0,0 +1 @@ +radio-checked-insensitive-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive-dark@2.png b/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive-dark@2.png new file mode 120000 index 0000000..c1f1e51 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive-dark@2.png @@ -0,0 +1 @@ +radio-checked-insensitive-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive.png b/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive.png new file mode 120000 index 0000000..d51ef24 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive.png @@ -0,0 +1 @@ +radio-checked-insensitive.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive@2.png b/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive@2.png new file mode 120000 index 0000000..52cb74b --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-backdrop-insensitive@2.png @@ -0,0 +1 @@ +radio-checked-insensitive@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-dark.png b/Paper/gtk-3.0/assets/radio-checked-dark.png index cad658153167971716ad4a3eef3e7291b1182023..4adde5266906930d12df3eec6f031cc77ffecba2 100644 GIT binary patch delta 497 zcmV5oo3*!NfqcHSFmi3r ziroKG@s!Btp$3_c&E|IpAWYgVlzLRWeQ=PR4-zj0DFKR7?We-Z_WF8o*sLGr3jUsp zy9rbbfGF97YJV;2k{&oaf;pG{RS9C!H;CpL^+Yb=@2&)E3eKF7;{cY29;9)=Zfp9$RpqjKtB~$(gO#C zQY6?moc5}MW{{{s?j%E}GvYZek~Dhhp#jP+T?HLt1TN9e-oEgkG Xyv9L!V1@S)00000NkvXXu0mjfwOE#} diff --git a/Paper/gtk-3.0/assets/radio-checked-dark@2.png b/Paper/gtk-3.0/assets/radio-checked-dark@2.png index 909663215b3765f73bc5b734c910688ba1774e28..3bd519d2c33d4cb7b82c14a5b4e87874f12419c8 100644 GIT binary patch delta 1175 zcmV;I1Zexx2fGT8w0{I~Nkl9(E6vuz(b~;mH#0ZLMDG5j@Pz_2+Y)ojx z#Fzk`P8DWa`VkD#u%d~qNqA9KE>LD!BZe?jDbH$WYHM^M5kjmBJ{F{WX{gvLi9$$V zF*BWc$3gbpY#9Ud*8kHJovAhl!I*zcYicELP%AbM5qR8-73GU z!z~P_K@vm#vGf0?00~CA!h-W5NL`6_uZnUYVaEpmePjWxZEdS_>gyAD#dX~jNPrHj zn(CDQRa$ag@cpo4y$>b7nB{(QtmHCpyONmV)q zv;Y}Z=glGeiysSdrqI#a*0vhN1}YIfva!ByN4ewx$>h;{4fSi@QiuY65%Xm*+`Vcc z0g_W+AFx!=!G`s9`z_0I$|avM%d(tJ^=sY-lE5=YoPRh4vp(lfFwzwfv>%uVXlDJR zjNHrI<+uXWD6(_tWNct2=9?|X-D&^_A4VRHjs%>gslBLn057`kO9FAZv#7VHXIr{3 zCz(8YFVxm`P*pz_(L+F9Kz<2Y!yOIoKED~z%rP(W!^ci8&n-#)jB*5|5#$N?X;dWY zEJ=+XK7V#{xmT{=Nq-JZpsZ_YZ{JuXz!7N$P#E;uYSHLOKq`F00xx+Hxc0KC@O=}F zjsyw=Zq39rnJ-i%K$Xn^qVla*WoKz>?*im`5zf=;_q+mvj=0sDiUf#ZX6kB|< zSpxJ=fUH?m&7oA+T z*?)>eGKGOHTekR64FU+7ED|u(AG-it1y-b}e8;Q${@szuyZ&q=D*J#@;J*9(gv!3V z{%qs^-H}PJ+{Mq<>;Y;OE)Uv$`9aLNj6&hgohsPCB&opqWb){}c}82ZZSCw_Tsg%R zpc>H~$^O2tW@2-$W4DJJ1(s8lj#-vf)PFCOYnEjh-;~6FYT#_LzwhhW@j?PsH66g; zK+CzY>mNUk2+Oj}g|X|O2pR;)>pOfNNuyep~y(hEqT@(16c*cWwQKO!cxQ=f=m!=k1Uz%YQOY zJy+XpattDD0&atblKt_beh?OD%Y)(WRYsh+!mF-p0!XMZOxC$kWwH|hDaThkeaOgm zoo+&FUHn;Na$SQbPK-Z{qtp+Rw?*_2%DNKpC|nlN1GC@u#}SaXmiG3I)6Im_gh&mV p|1_I$kJr;iNzC5o|Jy?L4`aNp(h#RL_!IyD002ovPDHLkV1faNHwOR! delta 811 zcmV+`1JwMx3epFVw0{E#Nkl>2jX@6{47UcZ z9Q44+aDorRk(-Hr0<|}di3bT9X^b)A#RDN0Lcu~KZ7E$3J4?4^pFU3uH~lBg_Su=8 z`S0xP?7+VcuTA|VFa)H4IM5^W2S6Ff1DinMtO<+&<3Mjn{eL2`2K+iLfdp^|I4|D^ z=pAm#{{xxtk>8;FOk{R}Rp3u21X93Vbf`UueuqX=IbLhMo0d}ZItR;a2a9^DN1ik>ZHk=#O&^geBj^?0z9|jSaKqp&H zoCk$G2;1l=B!AJlv~CL{P0AypR06VR;2g2BDmDjzVOtn$QXZFa4XC=TEoL(D{z`OC z!DHaMOn*i3Vn2Sgw2)4h9m}fdB)%a&j<2VE3zEP?bfUb)vHNE)-;CC3)z>I)y2t_9 zNHjJzJ3YDKka@r)&<(stij{o?Lo()E&KEP8cz|<&TYt5q>Z`>}Chm|au?;#QX(o`8 zam!`7zY?7baDGgp?=bSzM`mmrUkwDhWpq|81y4da2f$OFpRTcOd^Hd-VRI!B9$XDg zpq`w~D77MRW>9SuE}MYaxhsKC@U0CFe!6DoCK3$<%w)p3RPj8lcjc)UJ|bh=Ngyxd zAP(%ukAIfX)iDU!zVhCZkIdNKaS_B)`WN?}5IY93hjpy)wS!3X83`QA!l!lw!%HoL{gp3Ta}FuDmT z0q^j64>~{$c!W;yPxwRt^dqq=Om8~~b^=dq#edOfpRXR z(5=}DAsUiH;J1)S36U+@?}}pR;~bN0r@VW&u|O;v7 diff --git a/Paper/gtk-3.0/assets/radio-checked-hover-dark.png b/Paper/gtk-3.0/assets/radio-checked-hover-dark.png index cad658153167971716ad4a3eef3e7291b1182023..4adde5266906930d12df3eec6f031cc77ffecba2 100644 GIT binary patch delta 497 zcmV5oo3*!NfqcHSFmi3r ziroKG@s!Btp$3_c&E|IpAWYgVlzLRWeQ=PR4-zj0DFKR7?We-Z_WF8o*sLGr3jUsp zy9rbbfGF97YJV;2k{&oaf;pG{RS9C!H;CpL^+Yb=@2&)E3eKF7;{cY29;9)=Zfp9$RpqjKtB~$(gO#C zQY6?moc5}MW{{{s?j%E}GvYZek~Dhhp#jP+T?HLt1TN9e-oEgkG Xyv9L!V1@S)00000NkvXXu0mjfwOE#} diff --git a/Paper/gtk-3.0/assets/radio-checked-hover-dark@2.png b/Paper/gtk-3.0/assets/radio-checked-hover-dark@2.png index 909663215b3765f73bc5b734c910688ba1774e28..3bd519d2c33d4cb7b82c14a5b4e87874f12419c8 100644 GIT binary patch delta 1175 zcmV;I1Zexx2fGT8w0{I~Nkl9(E6vuz(b~;mH#0ZLMDG5j@Pz_2+Y)ojx z#Fzk`P8DWa`VkD#u%d~qNqA9KE>LD!BZe?jDbH$WYHM^M5kjmBJ{F{WX{gvLi9$$V zF*BWc$3gbpY#9Ud*8kHJovAhl!I*zcYicELP%AbM5qR8-73GU z!z~P_K@vm#vGf0?00~CA!h-W5NL`6_uZnUYVaEpmePjWxZEdS_>gyAD#dX~jNPrHj zn(CDQRa$ag@cpo4y$>b7nB{(QtmHCpyONmV)q zv;Y}Z=glGeiysSdrqI#a*0vhN1}YIfva!ByN4ewx$>h;{4fSi@QiuY65%Xm*+`Vcc z0g_W+AFx!=!G`s9`z_0I$|avM%d(tJ^=sY-lE5=YoPRh4vp(lfFwzwfv>%uVXlDJR zjNHrI<+uXWD6(_tWNct2=9?|X-D&^_A4VRHjs%>gslBLn057`kO9FAZv#7VHXIr{3 zCz(8YFVxm`P*pz_(L+F9Kz<2Y!yOIoKED~z%rP(W!^ci8&n-#)jB*5|5#$N?X;dWY zEJ=+XK7V#{xmT{=Nq-JZpsZ_YZ{JuXz!7N$P#E;uYSHLOKq`F00xx+Hxc0KC@O=}F zjsyw=Zq39rnJ-i%K$Xn^qVla*WoKz>?*im`5zf=;_q+mvj=0sDiUf#ZX6kB|< zSpxJ=fUH?m&7oA+T z*?)>eGKGOHTekR64FU+7ED|u(AG-it1y-b}e8;Q${@szuyZ&q=D*J#@;J*9(gv!3V z{%qs^-H}PJ+{Mq<>;Y;OE)Uv$`9aLNj6&hgohsPCB&opqWb){}c}82ZZSCw_Tsg%R zpc>H~$^O2tW@2-$W4DJJ1(s8lj#-vf)PFCOYnEjh-;~6FYT#_LzwhhW@j?PsH66g; zK+CzY>mNUk2+Oj}g|X|O2pR;)>pOfNNuyep~y(hEqT@(16c*cWwQKO!cxQ=f=m!=k1Uz%YQOY zJy+XpattDD0&atblKt_beh?OD%Y)(WRYsh+!mF-p0!XMZOxC$kWwH|hDaThkeaOgm zoo+&FUHn;Na$SQbPK-Z{qtp+Rw?*_2%DNKpC|nlN1GC@u#}SaXmiG3I)6Im_gh&mV p|1_I$kJr;iNzC5o|Jy?L4`aNp(h#RL_!IyD002ovPDHLkV1faNHwOR! delta 811 zcmV+`1JwMx3epFVw0{E#Nkl>2jX@6{47UcZ z9Q44+aDorRk(-Hr0<|}di3bT9X^b)A#RDN0Lcu~KZ7E$3J4?4^pFU3uH~lBg_Su=8 z`S0xP?7+VcuTA|VFa)H4IM5^W2S6Ff1DinMtO<+&<3Mjn{eL2`2K+iLfdp^|I4|D^ z=pAm#{{xxtk>8;FOk{R}Rp3u21X93Vbf`UueuqX=IbLhMo0d}ZItR;a2a9^DN1ik>ZHk=#O&^geBj^?0z9|jSaKqp&H zoCk$G2;1l=B!AJlv~CL{P0AypR06VR;2g2BDmDjzVOtn$QXZFa4XC=TEoL(D{z`OC z!DHaMOn*i3Vn2Sgw2)4h9m}fdB)%a&j<2VE3zEP?bfUb)vHNE)-;CC3)z>I)y2t_9 zNHjJzJ3YDKka@r)&<(stij{o?Lo()E&KEP8cz|<&TYt5q>Z`>}Chm|au?;#QX(o`8 zam!`7zY?7baDGgp?=bSzM`mmrUkwDhWpq|81y4da2f$OFpRTcOd^Hd-VRI!B9$XDg zpq`w~D77MRW>9SuE}MYaxhsKC@U0CFe!6DoCK3$<%w)p3RPj8lcjc)UJ|bh=Ngyxd zAP(%ukAIfX)iDU!zVhCZkIdNKaS_B)`WN?}5IY93hjpy)wS!3X83`QA!l!lw!%HoL{gp3Ta}FuDmT z0q^j64>~{$c!W;yPxwRt^dqq=Om8~~b^=dq#edOfpRXR z(5=}DAsUiH;J1)S36U+@?}}pR;~bN0r@VW&u|O;v7 diff --git a/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop-dark.png b/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop-dark.png new file mode 120000 index 0000000..4d976e5 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop-dark.png @@ -0,0 +1 @@ +radio-checked-backdrop-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop-dark@2.png b/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop-dark@2.png new file mode 120000 index 0000000..743f13b --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop-dark@2.png @@ -0,0 +1 @@ +radio-checked-backdrop-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop.png b/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop.png new file mode 120000 index 0000000..32b555c --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop.png @@ -0,0 +1 @@ +radio-checked-backdrop.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop@2.png b/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop@2.png new file mode 120000 index 0000000..2a9c1ac --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-checked-insensitive-backdrop@2.png @@ -0,0 +1 @@ +radio-checked-backdrop@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-checked-insensitive-dark.png b/Paper/gtk-3.0/assets/radio-checked-insensitive-dark.png index e8649e94d1dbec32588992b7694e670fe846416c..8f69490ec4b4648d99546cb92e7ed231f7a603d4 100644 GIT binary patch delta 488 zcmV9VOy_;_oaa36 zIq;8=c_N=Ltqy#*C&~tJ7XXzrL_enbX2032Ud-yv>?2nQ?SIg7U6gBLO!+D>Ygd6; zla%ZTTpxO_yJ?HtOB3V@p+)756UlZC-+fyacgu$BPNXHuvky`2Xkw7hmsW?K>pGDK ze`=mH`O?=o^C^mcqyYxL+e4`*&DL7KC;n@o1gIcYUwf4(isIv_ev&JM2Oi!oP%!|a zWK*iOWJ)Z-D}UfQa1*$t=!-Eo+9^^)O?GyPw>|pbrviO4A6?O>NxkCYQ$+8~8t8(4 z5yPbT>H8+pBnIbwyi6hxq`Htmm~iO<8C1>z(qpcpB9DQu0KWDru>>euN(=+ndpRAT zMK!cXHPbU1)rZGX{bWh}2}Wl$pEWhiv>S~}1JG<%FJVO4aU$(48?OJoSz3rIw;PSi zNrD8Mwz#drTSN~Osjay96yO)>`^HF!ngZg=t;72J>38Pv$l4p8c)K7Qz`Zejra}kf e_LIr~4Zi_#t-3pYz{!aK0000nzHsP)l`8*8NtABF0|h4>Sc{(sPw zD}@#xP#3mUe1I-8w_NI_T0Ia*PBN2|Ga3Ggr4nu#yJ%u9xG^4Zjn{bzS~$ia#whqY z+StJbZp+lPaE`_t#SNUr*>AFYKLi((^iYLLkR43Wk9CGaoPS_HE_lSJ9(E6vuz(c4l4;76T}zr6i!?s~VJ&*qA`X z#F$K&=~Q9b(hp*Yh7}84lklRf+$bzDVuYDWeWINyIMIbh2(d2sSdj9ip<=5f3Jd6B zX4-kj#k`JX=F!f8J3XtJdp`cZ`|i8t!6EKC8_l?g|wmsKkKfUi^rv=^1v8UauJ-8sD)=#2g2f0u!jdYcch)<2Z%6pl#bW z=Pq5{hRXZE3V-01s_7hdj(%4)KznD;%OKwXK|zN?I@Rwu&g5Le6*by-HBg^R0PR3t z)qQo?`Rs@CI8#2*(be@dhyw%>J+Pr=^|o5Y0n+KicUxOly{2#w2#J_4qVfKf^8rXf z0|USkL5Et`t$xS0ZMRnO8MAHM-Pp3~Z6FOiZp2Me_J7px`4jEz>lAbl7`HUP?m=em zXWnvL2AUMvKKyy&_>3GI9u9}CP{X3#s?vk-EC9+yH6*9++&+}aWOC&> z>Ga{dv97*-s``_{-f~0U(B%NB6T|vWxUq zA?_7Z-&j@iix*H@rhm4f(gYSX=nr2S6qO3a*FK2xBT*qDyHv%l9K9{g!*5wHI_AU(ONg_mm zycl^Ubu4kZJg(wx2e>+V@z*uatp6T}0IdYvH`lbR&o?eze0FSXY|akJwr%s+lYhqsr%~;P$?GDzA7yP7@hDsp(Y>?Z_J;u|S$lW)hGH|}ZbqaDEq$7e md&lc3qoii<^Z#u=`x|oysV2s@-wh)G0000=5XV0kQ<7ePq>W&Hw4`qq5d;-~J^G*f zC{?WJixos@lqR8xCJkQFhUml0CYxh7cb67?&@UW&w>vlU-PzfhfqxxAM)?v@11d2NPvesS-<4Lkcx3RTApnss_*z@yd1_E22c@rB>0)GWI z0kiXhOAtw~X>sA1H#?u*5}SaT3_U;luBHp$J@ZDllR#I;3T~VNgA~RGD(iyL-E$FW zTSBffJw=ktG7;v%6~=;X+lQ8EBy5!EAqfgB*5Qdc_4lb&ydEW2t0HUTm^yZDj;XyvKL+bKo@aU z330KrmC9iJKCq9pW=EuGNUngNN}{YpI%MyP^2l-Svm}6hJz<1+;*Jt%Fb}pQ1Zwn& z{(A|$!Mb{J;bjPs^V`+$5psqdq_EhzJygO~=06#)hjdmewdFQyNGFrFAPs>}!~*U* s1Pn?@GASdwv~&B2d6cKgnEwI5ALEUfKnRxUO#lD@07*qoM6N<$g88sW9{>OV diff --git a/Paper/gtk-3.0/assets/radio-mixed-active-dark.png b/Paper/gtk-3.0/assets/radio-mixed-active-dark.png new file mode 120000 index 0000000..9ca2637 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-mixed-active-dark.png @@ -0,0 +1 @@ +radio-mixed-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-mixed-active-dark@2.png b/Paper/gtk-3.0/assets/radio-mixed-active-dark@2.png new file mode 120000 index 0000000..5174b8b --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-mixed-active-dark@2.png @@ -0,0 +1 @@ +radio-mixed-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-mixed-active.png b/Paper/gtk-3.0/assets/radio-mixed-active.png new file mode 120000 index 0000000..5c36744 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-mixed-active.png @@ -0,0 +1 @@ +radio-mixed.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-mixed-active@2.png b/Paper/gtk-3.0/assets/radio-mixed-active@2.png new file mode 120000 index 0000000..01bea01 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-mixed-active@2.png @@ -0,0 +1 @@ +radio-mixed@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-mixed-backdrop-dark.png b/Paper/gtk-3.0/assets/radio-mixed-backdrop-dark.png index f38920fb5d326d002eed03fc58a85f5d75c357e7..823464e528eda415180a725329903b84cfff9d70 100644 GIT binary patch delta 429 zcmV;e0aE_B1J?wQw0{AONklx$99zm@ zF($oJkb)1Palr=!I}alawh;w&8mdH!DI( zQFc(PZLUlTep|*Ga2Ej6DYEyu*tL4So%7l6-Rz-KkHTr-M}HVM2xmD$~ zCAc{a{AfLFY+P$lsYfBE7hWn4_g@`fr&|r9l9&22p1Co$B{@Sb+S$d`XO;5$^1LNIZV%d3#Z7RGwFdR;I4UN1l;&I)TcP*4y8H2<0De8O1rX;TRh~Vvd`4Tt~BTTGtH!)GrUzKY>qGBh9*uG T&I9BC0000~^WG3;D(Otm0lIAgL&L-S^Xi)sc+NB35lDhwP&G^0 z7Rdm#WHl(_?p0v`l|f*S7k^pRjHaD)x9b)VikvzoV&;I|z%r`u23Y;Xah&{SqOG;& z>h;BwsJsvC1%K|TnrPZN_x+XygrlP`fqV-z3!3oj>V)Gs4>lvN$`PL2MaxPI2m?7) z_m#Bs`Hz)xrqVDpJiH&o0h$s0sHeN@WWD47snpr~z1;_1Rrnb2i^>m@J3TI(L|KJXTh0-iGBPE+yKAAhZ%DZkSuvoN~ui;K%nxsoP6H-J4^ zn%`)&fYztmCxM{C^@KC?QiKR!0riij=b)~RyeL&vcr^BjM^czF-~4eMlEXnC_(m?BhMQ&l0|Rj*^>LMiF(ah|>&;W+HoCEZ{rk!ig0}k-$rOW!@BUobh34dz-(IUM&tUE zI8M5Wggix{n%1o`7|)RD&TJ{>HYd~CRkfbKe0?czym|E^U+gm7nXN7ll+wC)8H0V$ z?nU6QAWtAWdFd>{5g|Ky=83Lmv@CkSTYMiAfm?VYs(<4O-5zM9wPt+Cbnj#j@&q<> zLc>l!0z?mhySi({Wl_}W0iW|5Ckbqb!DA8+ zj3yL?q^l%iU(auzH4ij!TQrOb=ZsQA7{8ANF`BI!U?4fb&qSh{h-?{tDk_SZav{CD zDi`}+1Z{|x+z{Vw1$UB?LFWBJGWs~ZyN`ErpWaE~UMP$B&7}Lbh~buKEcx1APK0N5 zD&CHmtS&T`=P@U;czQtjrpWesKf#OqHLHo-nABa{+d5f(D%SsT9{vC%%zaF2Dl?`4 O00001wsv@@_Vu7nHlXVJu@7vaXxKuef3 zOv}D3B*Y6bCS7;|&;qHUN^4wr2d*TcE=afmbZH{?=X@?;#%9FUMBm-{GS7RSGx^{j zqwJtk*;*Qhen-X%@DKpgIkI=Tk!yCldzaJSyXnJfHI62MAAexnk#mi!1-E>);Fgus zw&3n0@PoCewsEV$YBi29z3@`0f3$ykn{GLZi(WdB@%(M4^*Sx6RJN8TfggD3$)Dg% z$%l~*3-3FfFAiWF`W=JzJQ(0jr~L`pVW8ky`VVB3a%Qc0a1ui;%#{H0H?#Wzqt5^@ z_m6EByjx$_qJJNr{ZRNIH2`Kp*?bE_moSOJ#fYE)eB7!k&`k!u=kmZP{h4=zV>5pz|XZ>9y^?%t)0Z7=m^l_ZOVe4}@8@b%heDr-?~ z!^A6OhlW~rV! zd<9#dLmyxZgFj$pf2^r>9216WR z66YoO6>MXK8{C(r8R8WEio|`KMD4HG<3GejlQFu`333lJ+<(hUnsZ%jh34BJla{3J7)PP` zfhLQznG>DD&!6vsd3b~;lR)Wjc{wnG9X6sQSFOJZU| zV@-?+p);-Ew56RUrtuF@*G;%8D>tHhF@|aF_$Sp*CF-94n@X#U4LOvRr*9|1A<`ygGL%zIOmsiZSK2k4ds42_KJ&8u%l;04cgS0D*`LDei~ zTO6>(A&N5HHD7>zlixV6q(plOMv9n zHv>E^XrlLE*E`l)w_frhthMgp?tO0qDc~6+?lcu&{eO|0&~S8E&^V9@Xzt)v-h4fH z%kc})uE^`@FJf~=U-=i1La708s!`-nSPl_6RUpyR<-U@Dp~zUTSLb&Fn)|F#@S7Zo4AyKQ;wgN9_vOwk=tP-Hg5dcy7rqSd@2>Ny5%Iz!Kd?lx$ z!)uzi%YPp_6Fa|QE3JjMqQ^@cUDf=GC?Fk0+u9~n+5iG9-`fu1MhLLH_n{gB5HwXKARUig2W|qp zvNXTZXaTLywod{&a z8Gni_d*?fA^tW+s>!1E-o%^I3ZbU&6CdsCrq9M!eQV(=wK>7T{RCv zjj=ownb>2*omP0!Gi89J3Kv*)@3ffJ3}iso^#x6nbb=hy!Vntt;x8MMk0xek7azy5 z*&mbRB6=F-z$W5RxFMobsrbzKn#nhlu!!*JXis67aQhHxM@zqE8Lz!wG)l6(&i_X( Z`~z_vTh=m2fwTYs002ovPDHLkV1h-&;8Fkp delta 628 zcmV-)0*n2T37rOzw0{CqNkl}KW zMHMAXrROc|p@B{8j+($cmT+xA`6kw|aajUoJj9K3-x4R>On<*y>G@Q;YU#>6^8+97 z`yvFYcqCli#uu#PxDV-q2-CfEfPK8j_F2ML&rxy{%P69b6>*wD(M)8oi@ce~j*iEA z5-8(YGX52xa5RMR3`ZgdCWJR@>HeS}fu|zb>dAONm-oZA@Ipo8(t3XL$_e55B-F;o z5g3x&pgr9jFv?Yc#H32B5(^&M1OT$q1ywEwAPFdneLtJL7u>7 zPH5OkX%G~01hRV2MPOI7(J3sBfxx23fhK;PMS$o5a94MYxGah~J>YYG<0OF%F?dYk zfzgDbkaU$q?Cbf>v*v*YZi|L7;ha%w2;=v$AV#xQ0}Lbw_?bvl6Ok>$PenyBQ!b=; zSLI^gi){eWk{jZ?t>8{lGRVANNJby0clYs5?$bLd+zVw9znOI37BSosjU`{(%Zc!; zPQ}|1lhuXB@;v557Ecc--xS$i?VPsRE_&ch!|OnppBf3#8n O00001wsv@@_Vu7nHlXVJu@7vaXxKuef3 zOv}D3B*Y6bCS7;|&;qHUN^4wr2d*TcE=afmbZH{?=X@?;#%9FUMBm-{GS7RSGx^{j zqwJtk*;*Qhen-X%@DKpgIkI=Tk!yCldzaJSyXnJfHI62MAAexnk#mi!1-E>);Fgus zw&3n0@PoCewsEV$YBi29z3@`0f3$ykn{GLZi(WdB@%(M4^*Sx6RJN8TfggD3$)Dg% z$%l~*3-3FfFAiWF`W=JzJQ(0jr~L`pVW8ky`VVB3a%Qc0a1ui;%#{H0H?#Wzqt5^@ z_m6EByjx$_qJJNr{ZRNIH2`Kp*?bE_moSOJ#fYE)eB7!k&`k!u=kmZP{h4=zV>5pz|XZ>9y^?%t)0Z7=m^l_ZOVe4}@8@b%heDr-?~ z!^A6OhlW~rV! zd<9#dLmyxZgFj$pf2^r>9216WR z66YoO6>MXK8{C(r8R8WEio|`KMD4HG<3GejlQFu`333lJ+<(hUnsZ%jh34BJla{3J7)PP` zfhLQznG>DD&!6vsd3b~;lR)Wjc{wnG9X6sQSFOJZU| zV@-?+p);-Ew56RUrtuF@*G;%8D>tHhF@|aF_$Sp*CF-94n@X#U4LOvRr*9|1A<`ygGL%zIOmsiZSK2k4ds42_KJ&8u%l;04cgS0D*`LDei~ zTO6>(A&N5HHD7>zlixV6q(plOMv9n zHv>E^XrlLE*E`l)w_frhthMgp?tO0qDc~6+?lcu&{eO|0&~S8E&^V9@Xzt)v-h4fH z%kc})uE^`@FJf~=U-=i1La708s!`-nSPl_6RUpyR<-U@Dp~zUTSLb&Fn)|F#@S7Zo4AyKQ;wgN9_vOwk=tP-Hg5dcy7rqSd@2>Ny5%Iz!Kd?lx$ z!)uzi%YPp_6Fa|QE3JjMqQ^@cUDf=GC?Fk0+u9~n+5iG9-`fu1MhLLH_n{gB5HwXKARUig2W|qp zvNXTZXaTLywod{&a z8Gni_d*?fA^tW+s>!1E-o%^I3ZbU&6CdsCrq9M!eQV(=wK>7T{RCv zjj=ownb>2*omP0!Gi89J3Kv*)@3ffJ3}iso^#x6nbb=hy!Vntt;x8MMk0xek7azy5 z*&mbRB6=F-z$W5RxFMobsrbzKn#nhlu!!*JXis67aQhHxM@zqE8Lz!wG)l6(&i_X( Z`~z_vTh=m2fwTYs002ovPDHLkV1h-&;8Fkp delta 628 zcmV-)0*n2T37rOzw0{CqNkl}KW zMHMAXrROc|p@B{8j+($cmT+xA`6kw|aajUoJj9K3-x4R>On<*y>G@Q;YU#>6^8+97 z`yvFYcqCli#uu#PxDV-q2-CfEfPK8j_F2ML&rxy{%P69b6>*wD(M)8oi@ce~j*iEA z5-8(YGX52xa5RMR3`ZgdCWJR@>HeS}fu|zb>dAONm-oZA@Ipo8(t3XL$_e55B-F;o z5g3x&pgr9jFv?Yc#H32B5(^&M1OT$q1ywEwAPFdneLtJL7u>7 zPH5OkX%G~01hRV2MPOI7(J3sBfxx23fhK;PMS$o5a94MYxGah~J>YYG<0OF%F?dYk zfzgDbkaU$q?Cbf>v*v*YZi|L7;ha%w2;=v$AV#xQ0}Lbw_?bvl6Ok>$PenyBQ!b=; zSLI^gi){eWk{jZ?t>8{lGRVANNJby0clYs5?$bLd+zVw9znOI37BSosjU`{(%Zc!; zPQ}|1lhuXB@;v557Ecc--xS$i?VPsRE_&ch!|OnppBf3#8n O0000~Yc{Dv|~8Q&>XsB4|)7$Cff! zj7jelq+lU5E?7Vq=f?wm{$c_t%>-773=kwpY`9rN4g|onqF@J8zx%S11TfbOw>ndnR zaB~*;@n+cCy4Il9j6zJ$y;L0?zWj8ZZas`DUK+@F_O=(l$_g5d?X_9p$6k8yCpcH~ zKCwypU9b1W0ZdDN*Py!$26)r!enfTK_PJe!=bSEp8hR48vQOOC_QW;NI2v)WitqJL%2;Ek6NI W`IXnO@`>dD0000>hB zj;J(T*NAUKal6o}K3k6>!8>;Gnm5#;Cu+7#@Fe=&6o;u<8cf8HG;QN3HNUXVARQD$ zdu4Nm4_t^of8je*?ul7B!yO(AQQ2qe;6(Jf_)K&0<_SJ460VOQd*>!z$OPpc00000 LNkvXXu0mjfv(k0c diff --git a/Paper/gtk-3.0/assets/radio-mixed-insensitive-dark@2.png b/Paper/gtk-3.0/assets/radio-mixed-insensitive-dark@2.png index 6b27a382fb9067003011f935134e50cb235156fb..86e6099be90ea3a64f42b738f6b9a1427f10d80f 100644 GIT binary patch delta 1002 zcmVretfS{MVhS0<3=QI8I?R(bigX z?Z)CsRNe#j0)O{ZO*G@2`);LB0W61x@;Ob;@y^2b&Ss0vQct?bo%W5{@w$xD0~F?Ma<`+$ke`i0;Hh6 zS>Q=Qll_N#-m=!ZjgpsOt#yy~9(WT-15X)o<5Ye1hktHD(aETw2_PHL{Ne4q`9|=T z<7c2#k=HWkWAi0n#Y$4iPzBB+)aKzOsOk$aue3=XU~{|Fl`;CHUQy zPk=1Sq43yPUyT4)WCTDVS+CT#121Q)Nah=^5unO308#n6+2kb%`c?7D9Vpp+Wv8Lb zYns1QK7SOBPHfsr>mhwUUf$@c=2t`k=_=XQH=)u25Mbr*P6#(cfR$zMasvT%4vl8u zf!|-^EBBTP0s1Gvnt81A-xA=|n6WEiZ z_4Q^8Xn(qM8VD-fNIJ7W)(8Mplo}Uw1oD?L zg?~w^`pt$V7K)sDLBxCu_<=OJz+^go_I@Me$0sJ*Tl2&bhJd^nc_}p)yHp*w;cj1C z`02NU&mQ?67y|n7xo;foJ(BO({lwL!rKL?LBx|jC{F&gCDUd`s3fu!7PAB3u^B~k2 z%R`Z=eMa24!tIeYp)lLlB%rp|4|SB Y09)!@xl)76QUCw|07*qoM6N<$fCRC6$^G4woRr6-B7+JM?jR z2t=iVdIj8Y5hR?5go8q34uW3Htg?0-A7V#blwXS0_KxTOcV@ghf&U#&M*AAj1nNK; zsOs|}@Bs9H4sctvfEKU`d`xLS08W9+yaHU{EAUD0hsX*$dVf9C=T-eR^k*V-4IBY~ zrx8#Gc9Br~z!}g6UK2z+NSd~E0gu3M;3~@a!vrUvfgeB#@PGqkHEA(Wv5QFEw17UN zh{XzUf$vIw4*UULGLRd*AT=IyRUcjDPQblz@(9l(kbz1IH3z_Je?c zTjUt60&6o6u!hvY0Jw`10CENZY!IxEyeKg`15WITuz*XX@u&bh6q5=^eU*{id-h~h zKhOhKkOO0$39VEH@@-%hY0VBv(U3d=H!7m8Lb_z{ib_aNxvK9TV&y(g0LYQt1HPz$ zb#;=a-(Po>bWh)X1b$(CdST-@xJdq%^xj8u*hLN&dvAADaFfxF*GD?5soHWI%SaV3 zq_iI()$S!3PV?8Sfz(EY;NI>ts`9a1zhe^q0SQui2NVniVgLXD07*qoM6N<$f)#NS Au>b%7 diff --git a/Paper/gtk-3.0/assets/radio-unchecked-active-dark.png b/Paper/gtk-3.0/assets/radio-unchecked-active-dark.png new file mode 120000 index 0000000..af3b8c7 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-unchecked-active-dark.png @@ -0,0 +1 @@ +radio-unchecked-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-unchecked-active-dark@2.png b/Paper/gtk-3.0/assets/radio-unchecked-active-dark@2.png new file mode 120000 index 0000000..c1cfb99 --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-unchecked-active-dark@2.png @@ -0,0 +1 @@ +radio-unchecked-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-unchecked-active.png b/Paper/gtk-3.0/assets/radio-unchecked-active.png new file mode 120000 index 0000000..b0f95fc --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-unchecked-active.png @@ -0,0 +1 @@ +radio-unchecked.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-unchecked-active@2.png b/Paper/gtk-3.0/assets/radio-unchecked-active@2.png new file mode 120000 index 0000000..6f6835d --- /dev/null +++ b/Paper/gtk-3.0/assets/radio-unchecked-active@2.png @@ -0,0 +1 @@ +radio-unchecked@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/radio-unchecked-backdrop-dark.png b/Paper/gtk-3.0/assets/radio-unchecked-backdrop-dark.png index 659c82ae56f7d5b8cefd077cc2b8cfb415d58271..3f368ee9d7e008c7a88998dd4c0d01ae2421a4be 100644 GIT binary patch delta 408 zcmV;J0cZZF1HuH5w0{A3Nkl+%HZty+e7VEeOwOGxs10TyX|+GpjO*mokU?6q?dn#rzBqz z8O9veQV>o9qu{R0?M8S#TOdZOm0N0q`^;`97~;DU2?V zJ2y2+LekLd+u4VA5>f`b(xa#9F z=IXf6$^^aM(Y1`dAoU-Uq>F??vww2()1R{HXP%Wva)j}Zs@?4C{l0000bL86o#KOb?mTckoYJ{>PjtD(>6$zl1fNO zjR+D#sv0|i;v`KR2}S$?SV!srU9sU~PZ6pUVlDxHs32H?XjQ43wk%LWTTo4Lpb~V| zE^H^hhsC{)Tsw{9V6Wg^&7CAYu~WxH%p$N0SV8se5UU?Kj#J(Y+FEO_ zF5ftb%Dcc`;D4^F8Ou87zS}ZDbZqhkkZ*tvK~q6popv1O{$|E?IifQ==`1FIC{R*$ zU&=b4{!kldYCA^9$M=IcKnJ29^!N3iY}OnglR0~DpzpxT3LgSN5%YN@HodPAfRr^b z4?HetYT$71o7P&lS@VjlweHcr18)Es;0Yt{95u84z<)zzEIuY^63B&zLEUT z@iWk)$gA1U5{s3w>KPDksR3}hRp#J*4iP!+ndq77v2}pa*yMn}&Togb^hvACD+;>B zkAXbOq3Fa!e;t4;G76xOYP8h0BR^-_GYgE=0jP2eKvceNwRuH?e&w~?!8!mj?Dm_# zvuHfR;>q6;iA{$o@f_xrn8u^*4EVv&B|J90;`e$x`9iX?CI>E`=_MnL{DrW~hczuB-Pi^NVnFJit0f5H|x_S^Al;x4w^gbi*oWgT{R~|^KaGo{yR;O9Z0~Fjq*xO{} zgnC72*pI(tOgWxfSjauhW2+aFS48v-%0i(n#G|k*qO+Og{1*+AZzW+x(TRzEub6NL r5$QqKuV#6Fd%a+kboDy_Uybw+>-bW&LO*rz00000NkvXXu0mjf)d12| delta 592 zcmV-W0At&w0{CGNkl8!CBKT8mNv+wg2^x|M zd=H3PfE=5?E1Hvf%B^^JS7Gf(0g#U51|9^!qi`}wzh8-Fyi@q;^%{>-Ra(E* zxNb{pcu6cBEXBRO8o=v1JKm|(S>32DFKR=o;^hhLn^Lvc#~I$_ui2VZ8;iR4_O?!y e_pSAR4byK^_jgZ&Kly(E0000+%HZty+e7VEeOwOGxs10TyX|+GpjO*mokU?6q?dn#rzBqz z8O9veQV>o9qu{R0?M8S#TOdZOm0N0q`^;`97~;DU2?V zJ2y2+LekLd+u4VA5>f`b(xa#9F z=IXf6$^^aM(Y1`dAoU-Uq>F??vww2()1R{HXP%Wva)j}Zs@?4C{l0000bL86o#KOb?mTckoYJ{>PjtD(>6$zl1fNO zjR+D#sv0|i;v`KR2}S$?SV!srU9sU~PZ6pUVlDxHs32H?XjQ43wk%LWTTo4Lpb~V| zE^H^hhsC{)Tsw{9V6Wg^&7CAYu~WxH%p$N0SV8se5UU?Kj#J(Y+FEO_ zF5ftb%Dcc`;D4^F8Ou87zS}ZDbZqhkkZ*tvK~q6popv1O{$|E?IifQ==`1FIC{R*$ zU&=b4{!kldYCA^9$M=IcKnJ29^!N3iY}OnglR0~DpzpxT3LgSN5%YN@HodPAfRr^b z4?HetYT$71o7P&lS@VjlweHcr18)Es;0Yt{95u84z<)zzEIuY^63B&zLEUT z@iWk)$gA1U5{s3w>KPDksR3}hRp#J*4iP!+ndq77v2}pa*yMn}&Togb^hvACD+;>B zkAXbOq3Fa!e;t4;G76xOYP8h0BR^-_GYgE=0jP2eKvceNwRuH?e&w~?!8!mj?Dm_# zvuHfR;>q6;iA{$o@f_xrn8u^*4EVv&B|J90;`e$x`9iX?CI>E`=_MnL{DrW~hczuB-Pi^NVnFJit0f5H|x_S^Al;x4w^gbi*oWgT{R~|^KaGo{yR;O9Z0~Fjq*xO{} zgnC72*pI(tOgWxfSjauhW2+aFS48v-%0i(n#G|k*qO+Og{1*+AZzW+x(TRzEub6NL r5$QqKuV#6Fd%a+kboDy_Uybw+>-bW&LO*rz00000NkvXXu0mjf)d12| delta 592 zcmV-W0At&w0{CGNkl8!CBKT8mNv+wg2^x|M zd=H3PfE=5?E1Hvf%B^^JS7Gf(0g#U51|9^!qi`}wzh8-Fyi@q;^%{>-Ra(E* zxNb{pcu6cBEXBRO8o=v1JKm|(S>32DFKR=o;^hhLn^Lvc#~I$_ui2VZ8;iR4_O?!y e_pSAR4byK^_jgZ&Kly(E0000+%HZty+e7VEeOwOGxs10TyX|+GpjO*mokU?6q?dn#rzBqz z8O9veQV>o9qu{R0?M8S#TOdZOm0N0q`^;`97~;DU2?V zJ2y2+LekLd+u4VA5>f`b(xa#9F z=IXf6$^^aM(Y1`dAoU-Uq>F??vww2()1R{HXP%Wva)j}Zs@?4C{l0000bL86o#KOb?mTckoYJ{>PjtD(>6$zl1fNO zjR+D#sv0|i;v`KR2}S$?SV!srU9sU~PZ6pUVlDxHs32H?XjQ43wk%LWTTo4Lpb~V| zE^H^hhsC{)Tsw{9V6Wg^&7CAYu~WxH%p$N0SV8se5UU?Kj#J(Y+FEO_ zF5ftb%Dcc`;D4^F8Ou87zS}ZDbZqhkkZ*tvK~q6popv1O{$|E?IifQ==`1FIC{R*$ zU&=b4{!kldYCA^9$M=IcKnJ29^!N3iY}OnglR0~DpzpxT3LgSN5%YN@HodPAfRr^b z4?HetYT$71o7P&lS@VjlweHcr18)Es;0Yt{95u84z<)zzEIuY^63B&zLEUT z@iWk)$gA1U5{s3w>KPDksR3}hRp#J*4iP!+ndq77v2}pa*yMn}&Togb^hvACD+;>B zkAXbOq3Fa!e;t4;G76xOYP8h0BR^-_GYgE=0jP2eKvceNwRuH?e&w~?!8!mj?Dm_# zvuHfR;>q6;iA{$o@f_xrn8u^*4EVv&B|J90;`e$x`9iX?CI>E`=_MnL{DrW~hczuB-Pi^NVnFJit0f5H|x_S^Al;x4w^gbi*oWgT{R~|^KaGo{yR;O9Z0~Fjq*xO{} zgnC72*pI(tOgWxfSjauhW2+aFS48v-%0i(n#G|k*qO+Og{1*+AZzW+x(TRzEub6NL r5$QqKuV#6Fd%a+kboDy_Uybw+>-bW&LO*rz00000NkvXXu0mjf)d12| delta 592 zcmV-W0At&w0{CGNkl8!CBKT8mNv+wg2^x|M zd=H3PfE=5?E1Hvf%B^^JS7Gf(0g#U51|9^!qi`}wzh8-Fyi@q;^%{>-Ra(E* zxNb{pcu6cBEXBRO8o=v1JKm|(S>32DFKR=o;^hhLn^Lvc#~I$_ui2VZ8;iR4_O?!y e_pSAR4byK^_jgZ&Kly(E0000+%HZty+e7VEeOwOGxs10TyX|+GpjO*mokU?6q?dn#rzBqz z8O9veQV>o9qu{R0?M8S#TOdZOm0N0q`^;`97~;DU2?V zJ2y2+LekLd+u4VA5>f`b(xa#9F z=IXf6$^^aM(Y1`dAoU-Uq>F??vww2()1R{HXP%Wva)j}Zs@?4C{l0000bL86o#KOb?mTckoYJ{>PjtD(>6$zl1fNO zjR+D#sv0|i;v`KR2}S$?SV!srU9sU~PZ6pUVlDxHs32H?XjQ43wk%LWTTo4Lpb~V| zE^H^hhsC{)Tsw{9V6Wg^&7CAYu~WxH%p$N0SV8se5UU?Kj#J(Y+FEO_ zF5ftb%Dcc`;D4^F8Ou87zS}ZDbZqhkkZ*tvK~q6popv1O{$|E?IifQ==`1FIC{R*$ zU&=b4{!kldYCA^9$M=IcKnJ29^!N3iY}OnglR0~DpzpxT3LgSN5%YN@HodPAfRr^b z4?HetYT$71o7P&lS@VjlweHcr18)Es;0Yt{95u84z<)zzEIuY^63B&zLEUT z@iWk)$gA1U5{s3w>KPDksR3}hRp#J*4iP!+ndq77v2}pa*yMn}&Togb^hvACD+;>B zkAXbOq3Fa!e;t4;G76xOYP8h0BR^-_GYgE=0jP2eKvceNwRuH?e&w~?!8!mj?Dm_# zvuHfR;>q6;iA{$o@f_xrn8u^*4EVv&B|J90;`e$x`9iX?CI>E`=_MnL{DrW~hczuB-Pi^NVnFJit0f5H|x_S^Al;x4w^gbi*oWgT{R~|^KaGo{yR;O9Z0~Fjq*xO{} zgnC72*pI(tOgWxfSjauhW2+aFS48v-%0i(n#G|k*qO+Og{1*+AZzW+x(TRzEub6NL r5$QqKuV#6Fd%a+kboDy_Uybw+>-bW&LO*rz00000NkvXXu0mjf)d12| delta 592 zcmV-W0At&w0{CGNkl8!CBKT8mNv+wg2^x|M zd=H3PfE=5?E1Hvf%B^^JS7Gf(0g#U51|9^!qi`}wzh8-Fyi@q;^%{>-Ra(E* zxNb{pcu6cBEXBRO8o=v1JKm|(S>32DFKR=o;^hhLn^Lvc#~I$_ui2VZ8;iR4_O?!y e_pSAR4byK^_jgZ&Kly(E0000 + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-01.svg b/Paper/gtk-3.0/assets/scalable/spinner-01.svg new file mode 100644 index 0000000..5cc8bb2 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-01.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-02-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-02-dark.svg new file mode 100644 index 0000000..440b368 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-02-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-02.svg b/Paper/gtk-3.0/assets/scalable/spinner-02.svg new file mode 100644 index 0000000..355a7cb --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-02.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-03-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-03-dark.svg new file mode 100644 index 0000000..6e82ea5 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-03-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-03.svg b/Paper/gtk-3.0/assets/scalable/spinner-03.svg new file mode 100644 index 0000000..5c0e491 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-03.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-04-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-04-dark.svg new file mode 100644 index 0000000..ba276ee --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-04-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-04.svg b/Paper/gtk-3.0/assets/scalable/spinner-04.svg new file mode 100644 index 0000000..232139a --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-04.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-05-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-05-dark.svg new file mode 100644 index 0000000..104a8ad --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-05-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-05.svg b/Paper/gtk-3.0/assets/scalable/spinner-05.svg new file mode 100644 index 0000000..7bb3b75 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-05.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-06-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-06-dark.svg new file mode 100644 index 0000000..0242aa8 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-06-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-06.svg b/Paper/gtk-3.0/assets/scalable/spinner-06.svg new file mode 100644 index 0000000..79f6fdf --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-06.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-07-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-07-dark.svg new file mode 100644 index 0000000..d8cde88 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-07-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-07.svg b/Paper/gtk-3.0/assets/scalable/spinner-07.svg new file mode 100644 index 0000000..654d60e --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-07.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-08-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-08-dark.svg new file mode 100644 index 0000000..cfcd95a --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-08-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-08.svg b/Paper/gtk-3.0/assets/scalable/spinner-08.svg new file mode 100644 index 0000000..faeccdc --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-08.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-09-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-09-dark.svg new file mode 100644 index 0000000..22a6467 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-09-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-09.svg b/Paper/gtk-3.0/assets/scalable/spinner-09.svg new file mode 100644 index 0000000..a8041da --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-09.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-10-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-10-dark.svg new file mode 100644 index 0000000..d597625 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-10-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-10.svg b/Paper/gtk-3.0/assets/scalable/spinner-10.svg new file mode 100644 index 0000000..fe554c3 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-10.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-11-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-11-dark.svg new file mode 100644 index 0000000..c23e550 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-11-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-11.svg b/Paper/gtk-3.0/assets/scalable/spinner-11.svg new file mode 100644 index 0000000..ba788fa --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-11.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-12-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-12-dark.svg new file mode 100644 index 0000000..54d1329 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-12-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-12.svg b/Paper/gtk-3.0/assets/scalable/spinner-12.svg new file mode 100644 index 0000000..f44eede --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-12.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-13-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-13-dark.svg new file mode 100644 index 0000000..c853253 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-13-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-13.svg b/Paper/gtk-3.0/assets/scalable/spinner-13.svg new file mode 100644 index 0000000..bba7ccf --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-13.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-14-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-14-dark.svg new file mode 100644 index 0000000..e9870c9 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-14-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-14.svg b/Paper/gtk-3.0/assets/scalable/spinner-14.svg new file mode 100644 index 0000000..52121eb --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-14.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-15-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-15-dark.svg new file mode 100644 index 0000000..6c4b33e --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-15-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-15.svg b/Paper/gtk-3.0/assets/scalable/spinner-15.svg new file mode 100644 index 0000000..2b4d852 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-15.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-16-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-16-dark.svg new file mode 100644 index 0000000..7da9f02 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-16-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-16.svg b/Paper/gtk-3.0/assets/scalable/spinner-16.svg new file mode 100644 index 0000000..16225ff --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-16.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-17-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-17-dark.svg new file mode 100644 index 0000000..2b76a23 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-17-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-17.svg b/Paper/gtk-3.0/assets/scalable/spinner-17.svg new file mode 100644 index 0000000..1c92858 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-17.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-18-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-18-dark.svg new file mode 100644 index 0000000..bbf5579 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-18-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-18.svg b/Paper/gtk-3.0/assets/scalable/spinner-18.svg new file mode 100644 index 0000000..9f6301c --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-18.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-19-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-19-dark.svg new file mode 100644 index 0000000..7478364 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-19-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-19.svg b/Paper/gtk-3.0/assets/scalable/spinner-19.svg new file mode 100644 index 0000000..e6af0ee --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-19.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-20-dark.svg b/Paper/gtk-3.0/assets/scalable/spinner-20-dark.svg new file mode 100644 index 0000000..f9c1917 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-20-dark.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scalable/spinner-20.svg b/Paper/gtk-3.0/assets/scalable/spinner-20.svg new file mode 100644 index 0000000..35e0069 --- /dev/null +++ b/Paper/gtk-3.0/assets/scalable/spinner-20.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/Paper/gtk-3.0/assets/scale-slider-down-active-dark.png b/Paper/gtk-3.0/assets/scale-slider-down-active-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..aa7b9086855cfa0ac6c10156b92c438faa500472 GIT binary patch literal 391 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4lFzvFJ@sSRi1av~lKdv9*>*jvPs8^*_A7{(qn7(bgM=1_pmp6M(>J z(qn}sGaDNl8CSJ2pF93g%86m!G|u^2Ne5OiUNL)c@NTp*XJ*Bx2lr}H?2LtGKRwcD zJKf|9?@iX07T3!aYjg3uog@jwt@u~kLB_$**fOyHmKg)OIura7|*}0ch SzTXD)2!p4qpUXO@geCwvla2%c literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-down-active-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-down-active-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..0ff2f25faaf485046f452ff927d798c1e800e94a GIT binary patch literal 513 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybhtGOUg&5@vaqr)jku!J+bpR1?A6{7@%PILI4kQ;I>tTN&u@6{)gx8efCY$;GdY$f-RS(hGob&w9L9RRcwLgjt5E&OfD|37Jl?^ zxw3i3CdM;<+BwB}mxcaZ+Yr@cFDod(2tjTRMTK=HYfpq0-86iwUG@Duwa9S^NI)5!CzW$)Mko{YSk)_>g)Y^9H9M$8s6nj$|cIK6v==%zT+U{~5g;EN{m# tP1~Hi-eSjp)~D}VKKyI=*u}huQKx*{-=?JwJ;3l~@O1TaS?83{1OToA%+UY< literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-down-active.png b/Paper/gtk-3.0/assets/scale-slider-down-active.png new file mode 100644 index 0000000000000000000000000000000000000000..e3ce83bb5e5d9263801f0586848bd519ab1579a7 GIT binary patch literal 480 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4~eSA1r>9cxUE4%;v#AKim23Nwi zA6;7c{o>@;DN~k+AN+by;`Md?pR%%Z>VE#3Y#sAv&6_)ul9WDKn4IS+F8R}RxwE_M z-II5-w{Q7yXR37jKj(u_rMLHgI~yIfBjdSWUdh*<9Xyqvzxd8ty);q-=&Zx<9xo5; z_UJy-Rb2kxYYHRCW8GqJpVWPRoho&>UQJC>^v*dp24$wKWqE?7^MJv};OXk;vd$@? F2>{3{!Ic02 literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-down-active@2.png b/Paper/gtk-3.0/assets/scale-slider-down-active@2.png new file mode 100644 index 0000000000000000000000000000000000000000..572f6a2731e6827f2a55ad995ea1c031dcac9741 GIT binary patch literal 680 zcmV;Z0$2TsP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`wKs&o_C5 zuG%&oo8U#=Mwv>-?mJ4mYC-&g$kA3mJPZ%j$;ccl6N(^01uvpjF(?Y2Y#rEE zbVbuVyR6zZ{gEccQ@+P1PrmOLv;P-Wht;PX>G12Mwb%#rL*8#u*04zEfI0;XMAn58Hl8E zl#qX|ZV-`1#O1nx$Vgyc16y)Sp1f5=G47VUd7^?mIXt*ien+hI;`iv6^NCM0X9TS` zxv!*LuC_u)`;#uSamnjitQ4;bu!=AmuL&@VXe3@2&?utOxFJ9hG5&EnEfDXihPaP= z@~v(u8W|nfHL}|f005R3=F`;>|Hr-2&tsva(Y?BV!+JCOZN-0;yLgw&WE~@+{x<+1 zudF7_#7zMJU`~$rU1om2&t0BGc!Hw92cd0Q?2#01D}pISqOM O00002?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4mB}XSS8o5-(uy{D1c$CD@KjHXhhR+>)Dn3d+Ut4%jPwwB!*$gUdUhf<# S>Lh`FVDNPHb6Mw<&;$U}eTY{8 literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-down-backdrop-insensitive-dark.png b/Paper/gtk-3.0/assets/scale-slider-down-backdrop-insensitive-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..cbc45f8d480a2408ecbab512d9293eba645f7c72 GIT binary patch literal 319 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4i(CWP|y z$5D3Hg113((Ym$gPaHTgTe~DWM4fs|{_# literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-down-backdrop-insensitive-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-down-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..26ec9ab7ab0aab76e45ef755c65a8b709567b04f GIT binary patch literal 404 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g0PkFjHhD5Z!y|z%0$&sh^q4 zv58B9M>mFfhl0eNwDQf>&59dmp8bE4^_BwPm^NmyFfk ze16Pu;OO&d)h-MTfps=Dr`dm;lsLe^X3)UMlfdxPnd#n_=?~X#k@V_*{2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4#Z%AAFY3AG^bU~ec@@%g2t5H z?w&7`mT#~z$(;SFr-7;}uQxtWig%c{Hm`0D+q@gJ_U_;NhdQBYzy+n6wG8N1+53spfuCyx2o zZax2beo5=LT>Z6MrJvu)o%j6sgWsEU_D}O$uk!N&b%v+|W~B3G9Fa!3LCkipZ{&t;ucLK6UML7~b3 literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-down-backdrop-insensitive@2.png b/Paper/gtk-3.0/assets/scale-slider-down-backdrop-insensitive@2.png new file mode 100644 index 0000000000000000000000000000000000000000..c24dfb978f4104070d164f092c19be8a39363567 GIT binary patch literal 547 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh)8_;CZoK~bt}$@`eRUq^ z9>cWX3}QS4geRKAqK;7)EH?|t>_rX_+u zu2(SXKVaR{ApU_VZh=n%_XHKs^a&=u+;^ukDHSp1TsC>@qICT;Z_NKkQ)9Qptv?_7 zm6L<5nK4nKjB$V0;~y727jScmS1fgq<_!NapUGF{)q%MzuRN}_Ha{*;u#wxp;?zopr099($?*IS* literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-down-backdrop.png b/Paper/gtk-3.0/assets/scale-slider-down-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..a6c8af3f9fc2a890bdce5f9ccaf9c6738fa9c3ec GIT binary patch literal 414 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4zxeCK~aXVEN_m^oZDqS zm**^lWq8vYI z9_V$|%k-GR{PU6Pue%?xH8^#ipKG2ad&lD)Wfl!VT^4=jW$&4{FfPh?U8EJB7k-=l z!+KE$Mgb^tW#HWqp(Dk8a#K$7cfW?M--Ir#zPd`#Wm>AvbZ-V_CG&SRua}D?*vQ3q zoG=zBwUVvc8z=nmdgd&mrYVk7c)znT_^3^uxb@pd zeHXo$?h~Q2mg(D7?`7OA5PH~~ImTuC?Z2!coa2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR43NJFJYk+Q}xI<_f$1}P4}OviC-r1V^hmDYu)|ULQW=+7?xhy@qGL21H1}L&)!jy zP`FhnA1U7Py>$0+l^-kqHN|tAtxlc5lCxCi)y<2)z9d=A6hA$+XZq>uxdjqmtPk+* z*u%B%z)iJ_37m6$#3NMMB5tzyPYT-lOqTz5q=muZg#Y!7DUD83uB%Br;QRQ@vp>+m RbuG{j44$rjF6*2UngI6^i_QQ5 literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-down-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-down-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..9b94e2055ecf36a944ba3ebf26073281ce23f04c GIT binary patch literal 508 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybhuWx@gR2^_tzrZug3RCU8Q>Gs8+8}!c3nf7^V#OL2(`|0G) zp{3WT@hDkR@7=Al$CNkx6AW6=)i_1>xC!^9rpb4(|GSQI{!y07$Tr;E|| zxC0*-92?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR43NJFJYk+Q}xI<_f$1}P4}OviC-r1V^hmDYu)|ULQW=+7?xhy@qGL21H1}L&)!jy zP`FhnA1U7Py>$0+l^-kqHN|tAtxlc5lCxCi)y<2)z9d=A6hA$+XZq>uxdjqmtPk+* z*u%B%z)iJ_37m6$#3NMMB5tzyPYT-lOqTz5q=muZg#Y!7DUD83uB%Br;QRQ@vp>+m RbuG{j44$rjF6*2UngI6^i_QQ5 literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-down-hover-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-down-hover-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..9b94e2055ecf36a944ba3ebf26073281ce23f04c GIT binary patch literal 508 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybhuWx@gR2^_tzrZug3RCU8Q>Gs8+8}!c3nf7^V#OL2(`|0G) zp{3WT@hDkR@7=Al$CNkx6AW6=)i_1>xC!^9rpb4(|GSQI{!y07$Tr;E|| zxC0*-92?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4WL=| z#SJ~Pxpdd+?kalNo-^ssbe2U6!eg(yFAd>isE)X%d#vKzrZ+~XqOx}jIEhR=%Ax3z zo%{V$E?bX@=cK6*8EXBl*nfD{AMj^%S(5lHl-ans!$g=tNp4Q@TcMVj2Q9y^SoO*z zJiKyVey?G;(yToOg09JD_G)y=GOQ?fo^s8~^+*|q;-Zd@wb!g-jrq?O7AHr!m76=pzPCS3j3^P6b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`$=l03@1vdq$wg({^&T)XCVOCxUM^mqUgQ};z;=>J9qF~ zzKsr?&t|h5(=2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4i(CWP|y z$5D3Hg113((Ym$gPaHTgTe~DWM4fs|{_# literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-down-insensitive-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-down-insensitive-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..26ec9ab7ab0aab76e45ef755c65a8b709567b04f GIT binary patch literal 404 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g0PkFjHhD5Z!y|z%0$&sh^q4 zv58B9M>mFfhl0eNwDQf>&59dmp8bE4^_BwPm^NmyFfk ze16Pu;OO&d)h-MTfps=Dr`dm;lsLe^X3)UMlfdxPnd#n_=?~X#k@V_*{2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4{{`v8eD)f2d<($rbC@$gOg_ zc8bTkGA(a8spzOrj{|}}l8_N$E&u6R9?s~-hKus!VlTNgXr;+#f z+V{KH-DddCU^XkZmGRiQq^jGeuik$e|KU1ID91xB1to^7oe2_c>4HD!Ozz-NY|+nt zTlLGhaN)Yw(b;dWS#I~a{6*-`l;=O+-Qk>)S{ZP4YR4ao^cL;V+Mb7#d6${^7N_^z xw0bV*=D2i~{=MIS3%{>Xuw(b=yWaPi_tD+R(C=IO-U5Bd;OXk;vd$@?2>?X)p$Y&1 literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-down-insensitive@2.png b/Paper/gtk-3.0/assets/scale-slider-down-insensitive@2.png new file mode 100644 index 0000000000000000000000000000000000000000..01ea36e1702ba54442fe7fb62e0a6d0564a70cdd GIT binary patch literal 543 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybhl4UJv&+b8k<+y z@_u67lNMQKEZ2Ykba#-Pif55X+e2xC8^SRitLnN=c*-1?|5+JvPlDy3t-*^DE0@3) z!!-SZX{kEXy|2Cgx^UG!#>szv`R(qQ!|3;b;h4lC4Xu*vTnvBTI)I0`kY;oEf`df7W_&1sf`926^@>Q92=-?-N0~x;fkW#O+*C)=- z5BYkDjc=OyhO;$x^E*y3FP*J%aQWhkFK%wzJkeq5k+224d!{mo-0!?U@vCvUQoy7M c+X@=wMaqs!X2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4WL=| z#SJ~Pxpdd+?kalNo-^ssbe2U6!eg(yFAd>isE)X%d#vKzrZ+~XqOx}jIEhR=%Ax3z zo%{V$E?bX@=cK6*8EXBl*nfD{AMj^%S(5lHl-ans!$g=tNp4Q@TcMVj2Q9y^SoO*z zJiKyVey?G;(yToOg09JD_G)y=GOQ?fo^s8~^+*|q;-Zd@wb!g-jrq?O7AHr!m76=pzPCS3j3^P6b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`$=l03@1vdq$wg({^&T)XCVOCxUM^mqUgQ};z;=>J9qF~ zzKsr?&t|h5(=2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4}etB~apc{r7XW?=of?O7YH5S~lgArHankOMRMW-OQ2_ zmuYlPkyyPkV4GOjr71!|aZV9u+Ir8duH1RNX|?e#*Kbzu{ zo7z^=Z@BVxlzqdLPg|n$bySlU|ITC3-8s{fbF=b0mUUNGoqTyCf@wlu!_Td61?Ssu zxSjXZ>0fO{T2jsVzS5;?EidP0rL!6M=F159F*r*oJz_Ix5oG02Z_u0A=N_uMH0RSw z2Cb!!dZiZx>6w0A!SMRwJF~ZJJNEDMVxA^jJ!MweG~22!9-g+pu?JU7w*3BQ$L3uI zyO~6CI=D789Q*k2V5NV4yxs*_E=ebrrBl8J8P-=8PKu3-pL3fbuCagq%KdE_4(b9d zhZ^2n$FsyWm@n{I-M_@+!`F~+y*dl{u0(zLA3I;xE2hHrcr7pn85lfW{an^LB{Ts5 DkWkRV literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-active-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-horz-active-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..7251e5d346d6af61fd3e0c5d0bfd52b1b67d3346 GIT binary patch literal 917 zcmV;G18V$b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`^Q5eVn=j>dz zWyXC;#fr>_sD~^fDv0f+H$mz_OsI%RdgvjGh(IEQ479+9Oespbfl(yVQ}`euB$0x2 zK`A4=Us;1SSKGOGriYoyrJdcK+1yz0}$K-5CFVCAeCopZp$wQ%3-dBgeo`zZ~#CE*_SH-;`^H`VJ##D zpoA9Y3V;${krx0000s!H+1}bv_X5C_bt~bV-~<4e ztCa#!`+B-ZcJDtZN_oLjFXppT6VIEjUwOzF8wU^rpuuGY0P`Th15g-aw70wKYeCVL z9~%n`clvx>UMgcvRi?l6e`suNsOw~m%>h_|S=E?Re5%cc1K_v%n*kI^lEhV3pFdn& zvOTmxl6UX|pKqFK;os4v;jxkL?>Zjc?~O*II)HfqGuHbtr_rYa0L&_gRzGNgh{?kN znDaahU@`7mOBU>AyX7oXVzr>v0$BUSssL6j(?ysiH!O3ERUd2hb%oD!* rOabEKIjh+f0oF#WTP>~ex@`Rcx#8a4dq+?&00000NkvXXu0mjf(o}+? literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-active.png b/Paper/gtk-3.0/assets/scale-slider-horz-active.png new file mode 100644 index 0000000000000000000000000000000000000000..115f94ed108df74de266545d95bc0dd01d0a1e5f GIT binary patch literal 589 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4hxgU9DpI4Gr*gSRIyuX>=zW_UHr=c}W7Sgo z!~2(rW$rlZy6CA_QMgJC+?jJ8gikovpsRmS$J_49(}hrGXfrtVci_#~Cv?y}ztIe=yx zn(S2jactVJv)Vt7g*{ugJj{BJbq*7cTav+p=q)!SotzZ1Bm{gJIPN80f6yZOK&s@I z<*_|!zz~^P_cXm@-+g<=wq@5YNryEod)+G+c$r0DW6rjSeOs8;aXs~xR?KF~l53x| zKBS-f=_%L!kDOlq+EY=j{`u~-Pd9%|SGk literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-active@2.png b/Paper/gtk-3.0/assets/scale-slider-horz-active@2.png new file mode 100644 index 0000000000000000000000000000000000000000..7893c3696c6b9b429cfa7e1e1d2893929629c3a6 GIT binary patch literal 1119 zcmV-l1fctgP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`#Gfst84;QJo@FiAGVH#A&$+ z!T}SfQ9^}Ee8ZP>>~m(iK;G2g1ID}ZtiSo*M>F4O1~}yZ4%tufoqJJ_&29$4gf4)1 z8Ru>Q5D3YdjHju{RMXM5=Ak>-%o?l>yTq8k88B_o?F7XE&>kz8Jkzg{jIhDikI6w>`K zhpwu13yk~}?FVNAU?6?Lj_%WelVMqse6`l-rE+RZUf0318g5;|yjg=7Ba5C9Nvc3BD#a326T?Dn=s2{;{&w(Z_R)s9vV zA>l3nP-M~BC;>$lT>!wiX*~lKc%#w*Ft*)|b5hl|T7Z)+0MIl&-zWjCq~`#D3c{A9 z00&6{Kq`~jXp}%Qz1@q0r7Q)g$W{R0)!X%zMhPU|yjukTPH0unDgmuXRYC}xTTs<} zp=kM>T2aun%-qZP3L%_HVyWsqs1mq+J)8kCXQ^T&KaXsGH202UvT(H|$zzfZm&%4N6Y{*ONjTsYTz zsmWpY)>@M<6w|-|G5g!oKNsRoudC$owoH6m&xfSK-HC_6>}K+2ZY$@MC>741>kV|A zIuY=B+^sg7;sO9o)3;KY?8a*1O*}TU5HFi1bGY2O4}AXbzaG9;^EU12Q#v|2*|e!| zUeij&i)PuRwQ2=fU`~hoh0|wyxZAexTcE;NB;sCQPxctPe%dgM7I5YP03y&dr8Frj l%2Hcf^TJNke#jxa@h>2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4#$ZtQ8+Q<}t=B)qxZAjD;tqG3qK$w#^> zJ-(M6B|b389len3@Mzk!srEY$@BIFM|9=(ny0}m8Hkp5lUZB@eTP_>$Y;)swzpBsc zA9nKVICwRb+N&;zEqry&j_c4B-n_GGjKZ(Q6kEN?mn%M36K1Z>BjA0fcAhYUW<3+f z4atV}OI|WO{9!on!wiPhf3Eu<8ty9;XMNrkyxnERUfu9xn-^~PVP$x;SYeG-@8m8q lR;~lAiQFZV9@<|N&G~J3t0sTzW}vSaJYD@<);T3K0RTNnm#6>$ literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..85b4dd5fef1d292f69002cf7b58f3506e06aa729 GIT binary patch literal 605 zcmV-j0;2tiP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`8RQjnQ<3@!Keg)p=Jc4#CjG43EV{}VBO0qAV@8;dgatvKt-*GhkL&qI14-u z^zQ?gt(FU1_wah?EKts7-&MtLRX|}e==aLCPb?}-J09e@B>Fm9KNC8PjrulUx r(^^Ag)u+L}gK{?e?y_&2HvgLs5)ginFc0!200000NkvXXu0mjfE+hno literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-insensitive-dark.png b/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-insensitive-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..319e0191873cd3bf91c97826d2342ea5e1ce3968 GIT binary patch literal 407 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4lFzvFN=!(Uy-fQJ`)9PnBxsRzKBAuFkJH7AYSQ6`A9>Fep>Tfu(nU zmA34vt*q{W5=Y%0-M+E(>D#ntwex4DJb149e%98s-FjJ73q%=0`P|+u{+hI{w<`Fe z+un{CSk9+v0X_jIikuFm+8uz8MO5~Jdg??tVb oJQbLiG)ljaGrgPf!~YAz(LjsX^w2e~K#wtay85}Sb4q9e00f?yvH$=8 literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-insensitive-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..0fe212881022430d1174122ae86abb805dcf9fd3 GIT binary patch literal 624 zcmV-$0+0QPP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`dpYhn4l#?P0;CH0D#{^8qL@argaMTX=4s{7dhoge z04NrVgO5+oc{G(nbP?@*$%H#pLQ$=ckBy#`%jG{VxqbEZy7d>~@qB1HwvG7!0000< KMNUMnLSTYEbO+b~ literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-insensitive.png b/Paper/gtk-3.0/assets/scale-slider-horz-backdrop-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..50abadf4ffc8d658c947ff30e8fe5dbd21abb3ad GIT binary patch literal 496 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4CI=xxDb@L*Ps`I>x2de9N z6m6!a{$yl$blYXil_>scj0-flG?qTQcFT2kDeF|jv<-KXdK@pCT%F2r;Bbb?F3kx+ zO&zzM$8prThJTnb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`(S|S0D_1-8&`=;fLg7#X081JtlY+Ypg4}{cDn#A=iI~1&CQFeF(zxH zwe~%*;+(s+Il$uLBE@16;9im>`&lv9D$r;&Hbmr9L<*~`tGRccrw{_IRtr`2-uqIu zT0I|Kzg7Wb%r;PP&dqGz&xf@Zz*=j!udQe7c?95`o7sGz{xuA9PXtia3NV+`57e&! zz*a5*@BkP#nR!TL_|(>>0r-~+(*RrmgLXO>jpX{B3m_s*0Pp?W07i112y!AyWY z^*(T!BniDH~jFaSHHQt8?kFctuyQmGuN z>K+if-7f8Rd#X2)rYY@qduXnzueP?fzK@H~9m$%_<`Y#t09Hi=Yc0iM5o_(R!>MZ4 zNY(;&CYetK08p>j?-vS%x2pPrDTY#2J+Rik8CUij1B`&I8)KdVkAX7%v0PQp24lJR h{xIvc-|0@{^anA#BuA8byWRi*002ovPDHLkV1iEebaVg! literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-backdrop.png b/Paper/gtk-3.0/assets/scale-slider-horz-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..2feb9ae02b3410e30f5466ffc0b9a5011a3a9d1a GIT binary patch literal 496 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4WGv zg6b!MT?X5^4+%B%uAT6LDeIDhQfcP>A9Z`r|9i{+XX^=n<@29!uUa*YL5LwSU!EZ+ z_IfO<;|D`dkIN-#k=M=@&e{3Aazm~(L%?;@DM1&ayiaeMw@9PPn)!?R{vZ47#hrTM z!ZlkLX)MXT-Jd8?$HXAp78*374ml+()*luVnUB@&fNTDU?9K*WT>$Y6`B(y}wJ7ewl zo{e80%oXwUs=U7KZC|k*r{b}$Ez76a9WVT2$HmZ~b2_ibu>0R?Ifjzh>#`b4qmSLF e(zx*dqWJaTJieZzul56jlfl!~&t;ucLK6Upoxeo@ literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-backdrop@2.png b/Paper/gtk-3.0/assets/scale-slider-horz-backdrop@2.png new file mode 100644 index 0000000000000000000000000000000000000000..66bc15dfe8b638e0d84ad5e05e5b9a7d896a3ebe GIT binary patch literal 857 zcmV-f1E&0mP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`q$)89dqE0GG3O*WW5DI?)BNE@{9>AwfDz7b&^I z(j7Mx$${mZbFp(Bd8?IncIMfcy}5xa{qK@tjGN8ow1}*V$O>d z_w~>Kr#Js3BF^~uIF(A}+`#?veVP5BhDKw1ZI;y#Q>vTpl?%K&4W_S_^P3j^m9qn==_`Hk;FqbpT_s8s5d#Q_9JU0OYRI&Il)sDHGrTPF`lVU z)$ah^ZZ|i89$()w0e}XO^zvNP2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4u;q9&>F%@WFTI&ijr*Z2L;Yn~UJYpvJUJ*AVI zv+hOGloDTkrXTz2jSKGHjk;>%&6J_Kd6%xzQ;iLeEuyPKH#7ZcOmAVnru8gK%XFXc z^>v97r;i?0ef{duAG;4F$(6bC5i3g?gZuP1-Jl}YiVb24(drj9i&3b!t=g%6e$(k;zj zWVT7TuxH<%vrp6JT@IdnSxJj~hwbfca_`pMdil{&_65`5#H$mPqzo8S8f_;0`)J>2 x{y=sEXYG<5E4BB9i=H{b9CM(v^Z)LB3|BNl_edw_=>o%-!PC{xWt~$(696Tp&NTo4 literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-horz-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..bac6e4b0f40c158e1f28de8a6f5f551456d4a6bc GIT binary patch literal 913 zcmV;C18)3@P)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`<&QdhmY;v^Sx8DCi;WEmnx|NvIG56#~0KMMXgf2I+di zioo@<8Lgq~taF^x!_4H8JF_#p`<7ogFuU{J-}iHVXZD-{HngGtUBrvIxw%J;kd~`Ank2t`ix9Hg$tZ;WEv;%-I@+#3 z0-zTRus0Hs&)1&3?PILPB`g4dYucR`eci1iBO@zLKANMBlutMSFiE<6=0a0D0LjVc zbE_}u~!0Fqx0))yLX$u9@$VLS`#x{wWk0RSO5RxAKQ zs8x%(2B4H~EfxT!bh{S-0sz9}F6krzh|Joq09HAlFBU*XEmr^l0ChPvUMzs+RBFub zUN!&$0Exux%VGf}W@cVz)^-K(>~Y@!*R*({;hbyJub%Wj^#Z^FU@4jW`DJ|UZlM5^ zqp^-;GHE>n{NMZ8&H@2r*Gf;sKL6f-SSbyL!ZrDX&nFTOdb&Eh0Zf@+t$R!)-lXoxQrQ&jOf-(N#5@-)Xa900QQ9HGrx>ILywTYdpQJdgrM? zFm!-1sS*G<*M6v}rSX}m_}k|L{qNMpMGjyNz_j^$HQVfS0RTo9Wb?Yr1d;9S0E~5x z16auTtl62}Y`4q|CFUqIM-XdA>xjAwMZ^+Ug96{f+L92?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4u;q9&>F%@WFTI&ijr*Z2L;Yn~UJYpvJUJ*AVI zv+hOGloDTkrXTz2jSKGHjk;>%&6J_Kd6%xzQ;iLeEuyPKH#7ZcOmAVnru8gK%XFXc z^>v97r;i?0ef{duAG;4F$(6bC5i3g?gZuP1-Jl}YiVb24(drj9i&3b!t=g%6e$(k;zj zWVT7TuxH<%vrp6JT@IdnSxJj~hwbfca_`pMdil{&_65`5#H$mPqzo8S8f_;0`)J>2 x{y=sEXYG<5E4BB9i=H{b9CM(v^Z)LB3|BNl_edw_=>o%-!PC{xWt~$(696Tp&NTo4 literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-hover-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-horz-hover-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..bac6e4b0f40c158e1f28de8a6f5f551456d4a6bc GIT binary patch literal 913 zcmV;C18)3@P)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`<&QdhmY;v^Sx8DCi;WEmnx|NvIG56#~0KMMXgf2I+di zioo@<8Lgq~taF^x!_4H8JF_#p`<7ogFuU{J-}iHVXZD-{HngGtUBrvIxw%J;kd~`Ank2t`ix9Hg$tZ;WEv;%-I@+#3 z0-zTRus0Hs&)1&3?PILPB`g4dYucR`eci1iBO@zLKANMBlutMSFiE<6=0a0D0LjVc zbE_}u~!0Fqx0))yLX$u9@$VLS`#x{wWk0RSO5RxAKQ zs8x%(2B4H~EfxT!bh{S-0sz9}F6krzh|Joq09HAlFBU*XEmr^l0ChPvUMzs+RBFub zUN!&$0Exux%VGf}W@cVz)^-K(>~Y@!*R*({;hbyJub%Wj^#Z^FU@4jW`DJ|UZlM5^ zqp^-;GHE>n{NMZ8&H@2r*Gf;sKL6f-SSbyL!ZrDX&nFTOdb&Eh0Zf@+t$R!)-lXoxQrQ&jOf-(N#5@-)Xa900QQ9HGrx>ILywTYdpQJdgrM? zFm!-1sS*G<*M6v}rSX}m_}k|L{qNMpMGjyNz_j^$HQVfS0RTo9Wb?Yr1d;9S0E~5x z16auTtl62}Y`4q|CFUqIM-XdA>xjAwMZ^+Ug96{f+L92?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4kukb}&z`IqCKr0&pDwq@3}Rv{-{6+OGlPj^<={h!YKFFNJ61Yf(m zQ-@VUHp8t`b*vu_NMuj*QneSo@cL_?s%O=t)SYWIxIX=~VK`74TX0UX<%Rd8l9jJ_ z&1G1lwO^$B=%!Vx_HTP_!FTL&q5bT$^Rj1&F&uEL(QH|9dea;!Hipp9gA$i*&+qQs zYpT$-Xw@Q(l@B9YofsKbaWW`AF_~96y=bQlhhqBv(g{B%%0}(K%d%(py4~h4E9DLu z)Oa)0+|MsQ_npb&IY-lixeO&%bD!myNn7+ymYV0IHp6fEw9HxGH8HnQ?CNv2MwKtiLYqD+qW&RD`lXzdHf|CP-r>mdKI;Vst E0APsV4gdfE literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-hover@2.png b/Paper/gtk-3.0/assets/scale-slider-horz-hover@2.png new file mode 100644 index 0000000000000000000000000000000000000000..2f3757f12f776f23f68d6b3ecfc8e74253ccc992 GIT binary patch literal 1002 zcmVb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`FtMYGwYUa#Z2E=nnYhEnR&OeXWk*Z_xzhhG9e0x{Dx zu`CNs(}n_jo`>T&xULJGY<#t{vhvf&0NtJcDk3qmq_>S!0`rvTYj?0mzq1B|8#8L~=mfFpS6#?l#giEzCk9 z2!dQB0Pp}n*Y!J_hq|`bgGc}oc^6=MdU|32sZfVf~@L?E$QmP7_>vdA{egCz!hXPz(T~z>@&E~`a!nKrA1Z1ZZh8ukZ`{r&yNKyWi=P&w8Lg+gw2cJ>(%8>b>( ztAy>-)6-9~+3XI`bEbm;1W4`e?R}9>r+)xqhGAga_Q(xMqtW688_0DvT*ZEbDMW-^)YbY1^UMB)*1 z+7}lWza1SNeY?52S*4S9e^Bsky5a<&0kXZleQ$Ab@#C49nfH^);AzZL|+ z%k%T|zslwE^No!ShfcaZ2JCzkfG}=~PDXB{pljZ9=Hmifk56=mT$``DBj}Du<2MTR YA3s=B*ifif6#xJL07*qoM6N<$f@EjErvLx| literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-insensitive-dark.png b/Paper/gtk-3.0/assets/scale-slider-horz-insensitive-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..319e0191873cd3bf91c97826d2342ea5e1ce3968 GIT binary patch literal 407 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4lFzvFN=!(Uy-fQJ`)9PnBxsRzKBAuFkJH7AYSQ6`A9>Fep>Tfu(nU zmA34vt*q{W5=Y%0-M+E(>D#ntwex4DJb149e%98s-FjJ73q%=0`P|+u{+hI{w<`Fe z+un{CSk9+v0X_jIikuFm+8uz8MO5~Jdg??tVb oJQbLiG)ljaGrgPf!~YAz(LjsX^w2e~K#wtay85}Sb4q9e00f?yvH$=8 literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-insensitive-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-horz-insensitive-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..0fe212881022430d1174122ae86abb805dcf9fd3 GIT binary patch literal 624 zcmV-$0+0QPP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`dpYhn4l#?P0;CH0D#{^8qL@argaMTX=4s{7dhoge z04NrVgO5+oc{G(nbP?@*$%H#pLQ$=ckBy#`%jG{VxqbEZy7d>~@qB1HwvG7!0000< KMNUMnLSTYEbO+b~ literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-horz-insensitive.png b/Paper/gtk-3.0/assets/scale-slider-horz-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..9464edf2480c3a32b802c32723ccec17a4d2bc85 GIT binary patch literal 505 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4@QA&YUvugAm)lhb;+^f8lY5jFaSEm~T&mrZ_>9%qf3iy9 zT&CnR%>qf1Z4U#odlfhs817X^WIvn}{l0AX^n(c>3e^mbX(%3vUVmNsSYge_JDYR@ zMUL)T_xibs?|udc86TI)20YfM83c|SP6=A9(RD1hOy|UwYjdB9tu>vs?BqEX2D#hj z@y=eHN?G>bT|Q{{vA)0edp7HP+ZmSj!Umu3L{$eTtZfxYs`E4`J-7DsrZ+m`u8hy` ztXj1ya`s%F%-whIu{&-E@#@`jZ9b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`x#xZ6%$a)+-06Rp+$OkIt1TI0)|_*XMWhHUc9(vM$RV)joZAV*@Mx+4 zl}cqH2!eO2`W*0wggfA?G3NEk%F54)0jkyNnla`JP!JKUwODHjf&gR8xubJ*IvrZA z7Dy+0lIJg z4KQ(~?}37~c5HKi+1Xk0`8>eABuTdV#aydEtyWtSkwX#j=I7_}Ja23OIPZzm z(^FJ6P1CekE|-sc*RNH;7_$a=*4l~90X)wmm&*b8zVEMH^Xs$c5rDOJV)F}iKf`72 z8v#_c1P}zl)Bt*NtquhM9srkz%rw-KYhe_CeM9wKo*NIky93Ns^Fd*~I2)nvx_*_c7fW3J`|jk*a=H)r-qy zBE@lxsv;tvuAYK@0RXZr+XA9?yG^s%oXEUe{xf6DR==3O0OfM|SVT4e7ex_q9FJw* zy$Kz#UMv=`{Q(0307|9OuBvVVuF+^vuh&QFi7d;g*Xx(&s`_emb@lt8_@N`&!NI{3 zRow>WM1))}M?Rk)Wh6TT)^9Q&2>_s4t={)M@2#r7V1%JmRkwZLe>14;w+83|Sv1Bx v1s(${bjNa4J-Qgn(=^@b*X?(@(;)o;#5^P9W_rDu00000NkvXXu0mjfeC2_} literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-horz.png b/Paper/gtk-3.0/assets/scale-slider-horz.png new file mode 100644 index 0000000000000000000000000000000000000000..595d3fdaf07f9068a147c3e5650751f16d30a3fa GIT binary patch literal 572 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4kukb}&z`IqCKr0&pDwq@3}Rv{-{6+OGlPj^<={h!YKFFNJ61Yf(m zQ-@VUHp8t`b*vu_NMuj*QneSo@cL_?s%O=t)SYWIxIX=~VK`74TX0UX<%Rd8l9jJ_ z&1G1lwO^$B=%!Vx_HTP_!FTL&q5bT$^Rj1&F&uEL(QH|9dea;!Hipp9gA$i*&+qQs zYpT$-Xw@Q(l@B9YofsKbaWW`AF_~96y=bQlhhqBv(g{B%%0}(K%d%(py4~h4E9DLu z)Oa)0+|MsQ_npb&IY-lixeO&%bD!myNn7+ymYV0IHp6fEw9HxGH8HnQ?CNv2MwKtiLYqD+qW&RD`lXzdHf|CP-r>mdKI;Vst E0APsV4gdfE literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-horz@2.png b/Paper/gtk-3.0/assets/scale-slider-horz@2.png new file mode 100644 index 0000000000000000000000000000000000000000..2f3757f12f776f23f68d6b3ecfc8e74253ccc992 GIT binary patch literal 1002 zcmVb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`FtMYGwYUa#Z2E=nnYhEnR&OeXWk*Z_xzhhG9e0x{Dx zu`CNs(}n_jo`>T&xULJGY<#t{vhvf&0NtJcDk3qmq_>S!0`rvTYj?0mzq1B|8#8L~=mfFpS6#?l#giEzCk9 z2!dQB0Pp}n*Y!J_hq|`bgGc}oc^6=MdU|32sZfVf~@L?E$QmP7_>vdA{egCz!hXPz(T~z>@&E~`a!nKrA1Z1ZZh8ukZ`{r&yNKyWi=P&w8Lg+gw2cJ>(%8>b>( ztAy>-)6-9~+3XI`bEbm;1W4`e?R}9>r+)xqhGAga_Q(xMqtW688_0DvT*ZEbDMW-^)YbY1^UMB)*1 z+7}lWza1SNeY?52S*4S9e^Bsky5a<&0kXZleQ$Ab@#C49nfH^);AzZL|+ z%k%T|zslwE^No!ShfcaZ2JCzkfG}=~PDXB{pljZ9=Hmifk56=mT$``DBj}Du<2MTR YA3s=B*ifif6#xJL07*qoM6N<$f@EjErvLx| literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-left-active-dark.png b/Paper/gtk-3.0/assets/scale-slider-left-active-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..162898fa09344034af33497bbbde4be96915bb7a GIT binary patch literal 371 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4h%(+}X~2BqB9CFC&{+d!3;Vi?<8FOvGZ=Z+9=&NScW1BZ? zys}39!|eiwiRuZ=d=AqZOe>}}gjPfyu!<2cUKxO#?>;n!JIs@jH(j2VCMhdDUyr$e(TkOZmD>tS3#<5!<{x@8#m9*A%BcgT{0kUQ z>|qP}q88`T;_h|Gz9IU7Y)5si=xg5@T`Y$dfnbP0l+XkKdj!_Z literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-left-active.png b/Paper/gtk-3.0/assets/scale-slider-left-active.png new file mode 100644 index 0000000000000000000000000000000000000000..b081f4a4158f436d5c4063b837ffbe37bddb7fb6 GIT binary patch literal 440 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4I9x!=3}_az@m{xj})c=hC&FO7{K|A&d?%#!u_ za!6!}>YI-*|9^V>d-2xY{Qr}ivg5W){(Yan%_7Of*ucQxLqXxGzyHrG9AUYB=Da|9 z{u*(=p0tz$E}dy?K(K6o4bR6XS!oGCkOag(K0ZEfUj){;!Js}VV#nhTf!p5O*KLx> zT77%co2DHW-`5{HvuHE_JiE>B{#>2i?rGN02n0gT4_+$ho%_3b!;}|qn3tbhx4-D| zxk4wY`?WuQOqn?Gq3pFKe||k&{U!hYKF^274XsnZ?roWKMk^@BTbhA^r#1fg6&0(S QK%X;sy85}Sb4q9e02S1_Q~&?~ literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-left-active@2.png b/Paper/gtk-3.0/assets/scale-slider-left-active@2.png new file mode 100644 index 0000000000000000000000000000000000000000..e6123ed53662031f2052c7becd1b265ba45260ea GIT binary patch literal 600 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh`nk9eNatEH4bxJ?{ zD?9iuDyk?cYO`=_b#){NFXdkp+^*N%woBVs*6HG(jKu4a8uiO9c|O}1pE>iJ>F}TL z0*i$wuk7&`ifA!ZnxPWrcw%#y^6}1$08^C&$vtPAr>%C@>-+k3Kc1&Azka6S zYt`O0Hv5*n@78Bknv`^3Hj0pFCiTq!3Af0RkH6j5v)BTojlt8^&t;ucLK6TJVdD`1 literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-left-backdrop-dark.png b/Paper/gtk-3.0/assets/scale-slider-left-backdrop-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..38aeaf75393e7bd58a62c489f04615118cad86d4 GIT binary patch literal 300 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4>5tVP*gT literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-left-backdrop-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-left-backdrop-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..1d8be7673191de66be8f8d9d3091f02c59470880 GIT binary patch literal 380 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g0H+i}^hD5Z!y=KVQWWdn+aR0r72ZgP6Se*!&(ZebJK}4?mAhX3a);6{k zs@v9ge#=#9`5&#}5PNt3`JA0U@5DwMd^`P&;oX(n&loodA7|uCcz4-VL?N-}mYviD z#do?KCuI4VL_UT#Xzk+&IF`;(dWU&RM>WHPrG3>6_sq--rYAK7b=-_z;HEQ=+3UzF z&lOHA`&qe;9ABT9=W^x$fsPkKW%FkR literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-left-backdrop-insensitive-dark.png b/Paper/gtk-3.0/assets/scale-slider-left-backdrop-insensitive-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..ce6a1a925b4bc0a8c22881348b3ea223ff326db0 GIT binary patch literal 311 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR40#a<=Rdr+ww(2lEhld4n$Px!|8s5PU2sHTN`%63fu52Ll~*_U mv9TR;K3`OV{hO${3#J2EKW<4!ng&3LAQ`#@iHgGeF&f{Hsg3;6?fuL^mgCaEC0 z=&RTU!MV>FgfCVLZ4x+`&&d4oW448v(yRIfWucrW&gp4ycVuALvCBEJCBvmO^~0P! cd*p8lOFs(JxV&SX7SJ;cp00i_>zopr0P@w8-~a#s literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-left-backdrop-insensitive.png b/Paper/gtk-3.0/assets/scale-slider-left-backdrop-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..11ffce66d27ab926ac86f6ded27faff602f076e8 GIT binary patch literal 368 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4MKfO8Z2e=Ew?HKp8nG4x5#@-27?jtBZZL*ez z0*jhp(&?#bTdZXNSbvJCcz<0fi18`=H#Ql07Ui6^y4{N^ypKy{-oExa;!5dWp^3qK zJPAFFH(qe8&PrW-_t}BVFN7oxtaxQv{_QmD<`pXymTuuzjM=qrwtB%iQ_ZD+V>+31 zCf><^Fem%hKKmAdb(WJPlpEszoQgmD*ORTNEWrEgDb=W|p-F~Iqn~mQ53Qw%RFxfhBw#qGb*J^CZnY-&d z&)k;jPS+1bbPPv_%7Gv{jd7UjqYwRDdGI+ZBxvX2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4F z?F@Bs_3;sixBOrmXZYd$nK=H?P~GGn)(PKlWZ&NQdwCO|bn+*i({`@}m`Y>gmsn3p z-PvI%*Ot&=;>#FzDKS*H$MCh{4?`nX<};yRElR%KW@T7q#l_swk+bK!`tv(Gn6lRj zPkehrh;c?x(SPRbwce9bp6|6c_r1*R%)v1I_5Y+FQ?{=a;gsQT+Lx z+CY)_?wnsZ@}D_-ReoOVAZ#bqE5X;U9=LX^ju^MuY~FjnpR1_IICz~*FgPI5Ebz#y zttH%ZQq}$G?5tCQ9^Y?zzg%^}6e;F@#Rs~L7e2@~N_>b?5R-ApTC2YC0fSM<_HwQe z=I1d577Zd!cNnip94^|)qdy__=9TJtX>TW{CzW>Hs)64fbUNqGHfVEst;?ZX_`&qd z=NhqBB_;pZH|fkaQw>`knt$PKSv0S`HS0IkQ=8tn9*R0$W5<4=`oGlQ;9t3{t4y>n rGFR~0SUz8O*`)S$;@;wa75f-WexBRL=%X+l7`P0cu6{1-oD!M2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4e$&l-igNW-z>t?r2%m=4N>`?pNppdlOOl%R$#v9-uxQ^T|Fr26$Wl$>cTb%2})0$g54pmQk z_wcij=mTci1#b<66js?hH4oZ%=@ZX{opG=32+!fQHomm^)&roM89ZJ6T-G@yGywp& CUWwZP literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-left-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-left-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..28b1ee18883fc8019f36c248667c7daf42018778 GIT binary patch literal 526 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybho+$J7vhs^(?U!v<_+eO5qM;$ezP#yy zzUGb&SC^8&m7xMMQ?AWAZMlTq-NQ%qIqOD!nL7nfDl3Zb$euAeUElw?dF#Dj*WS&G zpL<)!WeU%+#~0mJ?=0r>xUMC0U}4F2ed+ggY!z6a6?Za1*td;+ z5A&x#YpQqe*>uV&w{We1jflQ^_};&-PsfRWy5I6qQ*t@umF@#uTMn=)Y?cbRIJ-hw zY@KLJJ=6CC>1__aVg*#;Qc44$rj JF6*2UngB&C%^Ls! literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-left-hover-dark.png b/Paper/gtk-3.0/assets/scale-slider-left-hover-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..833d66f18ab3f0665a2ac62ded643d48b5c0fea1 GIT binary patch literal 370 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4e$&l-igNW-z>t?r2%m=4N>`?pNppdlOOl%R$#v9-uxQ^T|Fr26$Wl$>cTb%2})0$g54pmQk z_wcij=mTci1#b<66js?hH4oZ%=@ZX{opG=32+!fQHomm^)&roM89ZJ6T-G@yGywp& CUWwZP literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-left-hover-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-left-hover-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..28b1ee18883fc8019f36c248667c7daf42018778 GIT binary patch literal 526 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybho+$J7vhs^(?U!v<_+eO5qM;$ezP#yy zzUGb&SC^8&m7xMMQ?AWAZMlTq-NQ%qIqOD!nL7nfDl3Zb$euAeUElw?dF#Dj*WS&G zpL<)!WeU%+#~0mJ?=0r>xUMC0U}4F2ed+ggY!z6a6?Za1*td;+ z5A&x#YpQqe*>uV&w{We1jflQ^_};&-PsfRWy5I6qQ*t@umF@#uTMn=)Y?cbRIJ-hw zY@KLJJ=6CC>1__aVg*#;Qc44$rj JF6*2UngB&C%^Ls! literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-left-hover.png b/Paper/gtk-3.0/assets/scale-slider-left-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..2fcb3a0c2545afc43fa9172583a951090de9d6a3 GIT binary patch literal 446 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4i)|(GI1&V}UyT#jZl;QWgIlKQW zzDQJx61eC&Yi8iIr?X#iSI&!%%ASAx07F6#V}tb7!%CYJ7d@4zuz#g*z;MR(N$Q(h z?&bo5Pv^{LVQx6J>CL)TtFG@_r_Nb2YuRoC9{FBF?WI>-1y~k8T$Z_jF=5q{=nLM9 zG^#$;)-T;^CqK!+_|~?&a`Qgvcusn4(RY2`^SkqeN@A}Yd_KHB{=oJ6IgA1BRlf@v e?AX%UK6BoaPJe&eV}mcy{|uh4elF{r5}E*1fv}ta literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-left-hover@2.png b/Paper/gtk-3.0/assets/scale-slider-left-hover@2.png new file mode 100644 index 0000000000000000000000000000000000000000..347d7482ae30d11475625d79d47419219eaa0387 GIT binary patch literal 582 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh_w=3ZkMk?ty?0+IoU^UN zhSAOK8Bay5-gN%2Rd;<=Cn(!U`fHX}hA42F`wCw+F%CRzaHKT0Nx{KoSJlJ_own{Pqas&CCquRA+L_}Bv+1@16k%rH6hdCwzOozt&;)Fwv@cAlOPaA48Jj6FWf zFV8ko5fPZGxl!-XC6!6xg_=UQ`!BjBna#c{s<`pJWnV*UYUJD{E$@HtbX=^#KI#i7u!*hy+4-EiOkL_iN7;@` Qz(`{7boFyt=akR{0O2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR40#a<=Rdr+ww(2lEhld4n$Px!|8s5PU2sHTN`%63fu52Ll~*_U mv9TR;K3`OV{hO${3#J2EKW<4!ng&3LAQ`#@iHgGeF&f{Hsg3;6?fuL^mgCaEC0 z=&RTU!MV>FgfCVLZ4x+`&&d4oW448v(yRIfWucrW&gp4ycVuALvCBEJCBvmO^~0P! cd*p8lOFs(JxV&SX7SJ;cp00i_>zopr0P@w8-~a#s literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-left-insensitive.png b/Paper/gtk-3.0/assets/scale-slider-left-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..878aaaec0322eb124da79bcc12fe5ff4b1c3e520 GIT binary patch literal 368 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4_MrkTVq#y zh+H&v{PVQ^`wt%G|9v*%=XOr*xZ?1&aW7Ll`#}cjd z%*-OLj2o^ohF!fSvH4`<@r#xQ2b@CvcW#c?o8i*SYItnz_kVZ3|21jcx~fg%VS(wX4r3 znC2+oI5o+B$%INXwKucYu$j$tyc2JF)ZqT{5BDA)H2iOy^~Ux29Vg9F_BnDV?sS|G zF34V6E30atxTm{gPv?oJ>zQtUF!4RP>5amM@ADREWXxiF@KHrY#zE6{lFF4*-hy?` zhi+%wO+3%WdhPYst1%zuoe_v}dFOnfnrY!fYbL`7a~*Un8p_V;CLLrfS&?;LTVT$Q zSO=H9hW=HnG)^1sY1mq}a>}kg)rE{bhN~llVtJ2Dx}kYULTIlZhpyp`wqr9wSG>Dn z&Aw*q>76QjzQ6tW_qd};yUXrLwNEX71zBZ@2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4i)|(GI1&V}UyT#jZl;QWgIlKQW zzDQJx61eC&Yi8iIr?X#iSI&!%%ASAx07F6#V}tb7!%CYJ7d@4zuz#g*z;MR(N$Q(h z?&bo5Pv^{LVQx6J>CL)TtFG@_r_Nb2YuRoC9{FBF?WI>-1y~k8T$Z_jF=5q{=nLM9 zG^#$;)-T;^CqK!+_|~?&a`Qgvcusn4(RY2`^SkqeN@A}Yd_KHB{=oJ6IgA1BRlf@v e?AX%UK6BoaPJe&eV}mcy{|uh4elF{r5}E*1fv}ta literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-left@2.png b/Paper/gtk-3.0/assets/scale-slider-left@2.png new file mode 100644 index 0000000000000000000000000000000000000000..347d7482ae30d11475625d79d47419219eaa0387 GIT binary patch literal 582 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh_w=3ZkMk?ty?0+IoU^UN zhSAOK8Bay5-gN%2Rd;<=Cn(!U`fHX}hA42F`wCw+F%CRzaHKT0Nx{KoSJlJ_own{Pqas&CCquRA+L_}Bv+1@16k%rH6hdCwzOozt&;)Fwv@cAlOPaA48Jj6FWf zFV8ko5fPZGxl!-XC6!6xg_=UQ`!BjBna#c{s<`pJWnV*UYUJD{E$@HtbX=^#KI#i7u!*hy+4-EiOkL_iN7;@` Qz(`{7boFyt=akR{0O2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4K8A;B&B=#l@X8$YHV-e+!o=D_{s3@09@n285nv$M51zVUYM6#Pg* z9c0)RwD(}etGl!9I9;y2k2;n2deWH>)}DEddWJ#_Z?;KuYe;e~GWhU&?K2J@w~j*x zzR&67Uege)*T~1*$zUP(jayhEZ?y(<=z>p2H?mF3{Gm9(LGbONxF?Ga+n*F=nq$v5 TC2e;L&=U-vu6{1-oD!M#zYs+y0crzSjL*!CwTAEdRJ5yq3{XB(dVdB0hb& zJtr1)EXX%4li0D?-1^0`_9YPqw>Fx6OsLmTRQ&S$(w7g;v(5h7D#_=|&Ho-Ma$nhH z|2gjGnN_uQH5HsGX1|wKJ~DV^d!?1R#VhtsU);Keb!#0MI20q+bL)HYxUYAX=Hx7y z#Uw7g;=>U)r%!+7|8%yLux_7PpckO}&~<^&q1gwtIM*}n_pA_SaQMKevEX%Vf|aCt zx;wjn+NwQVKI)I3}rRkD?(5=W^XRP|u;W z>FDl!ix+wV3^{r4b2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR49e`XyZh(Gs4rHrH9m9kBey5pg6y;eAV^9{ zsrdfx@bTp=ruTOg*L>d?ob8h0l77I%*ucPG!=LoDJ9gPOt?t?HujhVb+|b?qdgh8f hH*|WI*gRlhxMb7(%w`j$9Z0&H_c-pC1!$a-GBc-MVu_7*U$10^YHSrSrwD?1!g3v{t0h+uxp0G1fvU= zuf8s`OxJ4N5ZQVE&RzL8^2fiis=x2DZ*b!9W3ysdaQ~`hwkaROxo^`hZd5!kA^7+` zM|m7WM;4<)N0-&=kLNo+K0L^2%n`Td#rKyPxpF@p4Bp=gJE1K4LDX^1i5cfxH8cQ zOs_V4nDB;`A?W27?~9MbKfZ9kvvFd+_M@K1Vhnu!eoZGsUhUNQ=wOkg#>a3-psFLi z;`YazKd)ZQd~-{SfkEWzG!tQVyR}a{j~qU8`LVOS(Y0$uu3J@evmWodxpj}t(@NGR XYX%AL>AU6u2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4;4i73_VRWoh8GEvxF4Pwe5h zvu93F?Qy8Cou#tt-t_%ve}yG6JYK`|kY~rvD^pK6Kj_eCkO^dBIHS+-c=2l&&YX=* kCm!1xTz#yP`e(B4=kE$4r+ye+0ousm>FVdQ&MBb@01ohKM*si- literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-right-backdrop-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-right-backdrop-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..98e0c743c1e6196c260d9e0ce05730913b066ba4 GIT binary patch literal 377 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g0*L%7+hD5Z!y|$b8kb#KX!{o9B2|CLX8a)K37Oxi2)MXV8GGJJ`a)Q%5 zw%gZP|7nX)J0C7}>eRp5XSFMq*f#BCYTuwf_sh3CKknV*)!F{RqG99IE&Ca6v>$Kp zc=t(H;Zw}pW)F@J&MIs<$|4M}IaCiAISCr{2eA1FN-{9m7&G}?z8z)6X!rP3LuQPi zfqXcV&T&zO*B_5Gy!|2Zp+mg`Z1hyVZp literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive-dark.png b/Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..481058156e5df70cc294639ac7eb9d7538d320c1 GIT binary patch literal 310 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4cOGrrg z5&vFZ>~iB_hDQhL+x|a&(KaE4!OYpijNz`pCY}a~Pw%Z++5Y6;*pd~gJd;hqWO5?I osx%d5iGG1=XKr+?tDM2Wpq{HK@`i7HJkVYSPgg&ebxsLQ004Dmb^rhX literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..aa31bd40a7fbfe5c23a920ab19113805f451ac50 GIT binary patch literal 413 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g0FMGN;hD5X`CrGd^PFTY1CUMx_#Oi~+^5GCRHa1VL-kdvIvOJkLu9}(1 zQ!4w{nTLnx(Uiz@2Y}$gf^}=pSA2f8l=+B8nv=o*?x2H3Ga|qKOEi>Kv1-`$!2a<6 zq9hqdV|Ibp9J8z%B-}6DVQi6c6lZ@>%yL(z;j~~$DTA5&g}aOb?tgyUHSqnozajJL zrelmn46B}&lrb!OT2jJLcKYQLhC9>tMMyeCIP+2;OXk;vd$@?2>@AInDhVu literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive.png b/Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..500e41201d37b14a916310d430473eb121429f2c GIT binary patch literal 385 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4)3g1f0bf)33x$k@ zi+7Y&7;ib^$hEZYO4&#I=RYSpJh*S{8ko~)YankiyItVgxt-PWJ5)R$t=Sr%9eT9- zf0N6B1Re#YjuVF@inUG`U1P0_lR4huan0oHMprk+_Y)rOu6Jng3FTj$f8oB$f$IKM z^A>B|>S43`sO5Y4w#EYa!=E{??^?&69O@eSS>Vv7UPhe_t5;=x3jg?u RaX>FHc)I$ztaD0e0svbdk*fdz literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive@2.png b/Paper/gtk-3.0/assets/scale-slider-right-backdrop-insensitive@2.png new file mode 100644 index 0000000000000000000000000000000000000000..80f083d4832ba37e633ff67138030479e4586915 GIT binary patch literal 533 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybhZ=PoY&uVDN&ex_5xM?)|ACtoHfcsP6_nxxxOyW_|IV9*)BsL>KMPN^MfmP!{u?bY?D-R>#Cu_i~+ixH6h0 zWG=K6Fs*R@v5tY2=|Gfq(ADVVGrKpN2e?h?Us3E(I*0j^$_v0U|7GYP}ADm6CG2hMjgXx3BS#_yK S^X2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4lFzvFJT|Ns;@IgGBqs^hd2%d%34Y@~|c5hPvp~N$&5JKc+CF{Gvie zl+aFdeV#lv$upYg*1nnl{^vn%cIWfnmrGt(-jkcLZI7+?(rbk>_V*Z)&zN>Cn)&{> zeYW7isNan}4c8t3YccWj2I?2l?kfdyOVF(2o8$x`EN#mxKU0yjg!IYwJQ zh7H%0l*FIkS!Nv29qu{ljy2<1i8%E;pKS7bU0DPzwUCkp literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-right-backdrop@2.png b/Paper/gtk-3.0/assets/scale-slider-right-backdrop@2.png new file mode 100644 index 0000000000000000000000000000000000000000..9ce62009fed99e8db83485a3687c12d319ed36f4 GIT binary patch literal 555 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybhgc>y6~?_GLdS3K_wxrwR4SfbGtt$1X`<(CE$JRXyl1m3i4-)hFGXd{(; zqjiE)M{&c$f*Tfm7v7e={945j-*I{^!vhHi&8rr1ZeM=?jpEq3JuCH+iLUapV>3KM z99S1Raq!zKMzLOT+`@OGwS(zKTgJZkb)5_mYs0i!3i5k?c6?(w)$vKJmyhAYz4~}} z_K57la|eIb3yKDGi92;X_Q#-|@dwN2?lboJPfFZ@F~Q*J>gTe~DWM4ffX&-9 literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-right-dark.png b/Paper/gtk-3.0/assets/scale-slider-right-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..140f679f51635aef399b4ed66efa87f57ad00570 GIT binary patch literal 379 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4Nso`v=t`i7nwes|Afu-ti63 KelF{r5}E+o?u@1Y literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-right-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-right-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..3c535084d39d9258c11a27bee37f5c503aff95b0 GIT binary patch literal 512 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybhh>x*Sf!smn$~tPq`%U%f{2Ia-r|+|8i6Bv#T#=PJR?Evb!|y$4ATE za`AKLG8Lb!dAlwy<jA)YLP8k0HHHuxy5IFK)Nkd@)YCUXV0U5oZlJ-^3i`Q+v8 z9~W2mG{0+T_HS^t6Z2WXP|qf0{zuLwK~iRhxn2NUdt3hku6rvQSpGRH_+Adr|KP&L zew&rYp}snOL6L_Yf^p&}aq0F08 vrW?Bcr-g8`@4j`$_sr{={DOjecn^rXi?qpfu}E11gO|b6)z4*}Q$iB}+tR`& literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-right-hover-dark.png b/Paper/gtk-3.0/assets/scale-slider-right-hover-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..140f679f51635aef399b4ed66efa87f57ad00570 GIT binary patch literal 379 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4Nso`v=t`i7nwes|Afu-ti63 KelF{r5}E+o?u@1Y literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-right-hover-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-right-hover-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..3c535084d39d9258c11a27bee37f5c503aff95b0 GIT binary patch literal 512 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybhh>x*Sf!smn$~tPq`%U%f{2Ia-r|+|8i6Bv#T#=PJR?Evb!|y$4ATE za`AKLG8Lb!dAlwy<jA)YLP8k0HHHuxy5IFK)Nkd@)YCUXV0U5oZlJ-^3i`Q+v8 z9~W2mG{0+T_HS^t6Z2WXP|qf0{zuLwK~iRhxn2NUdt3hku6rvQSpGRH_+Adr|KP&L zew&rYp}snOL6L_Yf^p&}aq0F08 vrW?Bcr-g8`@4j`$_sr{={DOjecn^rXi?qpfu}E11gO|b6)z4*}Q$iB}+tR`& literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-right-hover.png b/Paper/gtk-3.0/assets/scale-slider-right-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..aceafe26506d59f9826656be929e32073f40ba49 GIT binary patch literal 444 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4EJb!u9VB$fPBy3>FVdQ&MBb@092!zQOVN+UIK@OkU?aSIH--+hdpNPk-}{-*p|EXAaGlA3O#!eA&ktC#fiU3N^SNxxSa-fvtng@vVOfY`^v|#Op3A^P3~}8cXvU?Hw7;A7#95 zl@KozW!KXF=)$A+7l!Zlp1=P3tNGF^ck^T%s^0516u(VcE-%>bzAIz?beZ~XlaI!K4zE8FTZ@Ru=#iO^;f?|8ov~l)`)BI{r|_U xQm`e~+>-q2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4cOGrrg z5&vFZ>~iB_hDQhL+x|a&(KaE4!OYpijNz`pCY}a~Pw%Z++5Y6;*pd~gJd;hqWO5?I osx%d5iGG1=XKr+?tDM2Wpq{HK@`i7HJkVYSPgg&ebxsLQ004Dmb^rhX literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-right-insensitive-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-right-insensitive-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..aa31bd40a7fbfe5c23a920ab19113805f451ac50 GIT binary patch literal 413 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g0FMGN;hD5X`CrGd^PFTY1CUMx_#Oi~+^5GCRHa1VL-kdvIvOJkLu9}(1 zQ!4w{nTLnx(Uiz@2Y}$gf^}=pSA2f8l=+B8nv=o*?x2H3Ga|qKOEi>Kv1-`$!2a<6 zq9hqdV|Ibp9J8z%B-}6DVQi6c6lZ@>%yL(z;j~~$DTA5&g}aOb?tgyUHSqnozajJL zrelmn46B}&lrb!OT2jJLcKYQLhC9>tMMyeCIP+2;OXk;vd$@?2>@AInDhVu literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-right-insensitive.png b/Paper/gtk-3.0/assets/scale-slider-right-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..f762384cfc66e8ce15d54287e7c54706849a9c4a GIT binary patch literal 385 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4qhesc&BsG11m*z3&+;DBt zs_P0IW%nHP?=8vv^?|9)aL@dL{8?!xVWA;g3(l?GEup}|R~qa8@6_k_toJ!$O*Tn3 R9sqiQ!PC{xWt~$(699r=j}QO= literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-right-insensitive@2.png b/Paper/gtk-3.0/assets/scale-slider-right-insensitive@2.png new file mode 100644 index 0000000000000000000000000000000000000000..1a7176cae7ac0ed9f507075b2122eb91594ddcdd GIT binary patch literal 513 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybhXNsB`)p2fqa)TPJf%qK5zr zL$Tn_%Te?5ncpxsA9>wjz+>~>)G?Jk=KoC`F%90m5r wp8Qv%`E`;?C0pOxt=|uFVdQ&MBb@0Jl`f2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4EJb!u9VB$fPBy3>FVdQ&MBb@092!zQOVN+UIK@OkU?aSIH--+hdpNPk-}{-*p|EXAaGlA3O#!eA&ktC#fiU3N^SNxxSa-fvtng@vVOfY`^v|#Op3A^P3~}8cXvU?Hw7;A7#95 zl@KozW!KXF=)$A+7l!Zlp1=P3tNGF^ck^T%s^0516u(VcE-%>bzAIz?beZ~XlaI!K4zE8FTZ@Ru=#iO^;f?|8ov~l)`)BI{r|_U xQm`e~+>-q2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4lFzvFLq!$&jnrK%(uTd85=4+xGOL?`%tBt!}$sluo(!x#W%ImH^pT zL5iW1J4(JZI~@97e_o`(z2^L~4xjMvG1ptUH}bkHTWu2XitWPw-JfP15r43m?T2Rn zM#bQSjc=TM4n%HKyfmYApV0wF)^r7#`)Uf$Utc?MGc~*H!TkfPbLI9ODmnhA(_Mkd hPi`^eJO^$A2Huq>VT+7sl>;5f;OXk;vd$@?2>^mWfKmVe literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-up-active-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-up-active-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..8caef2cb5d705efbad60a6c8c46a3be83d4284eb GIT binary patch literal 440 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g0-+8(?hD5Z!y>88Q$U(&6;_4rg1=@Kh?(yE>*e2E__KImusczHUcL%O1 z^)5(b%XJH!apdPi_GgY9Dj(h{x_Ue~zkFH$`ymo41tf# zI#y}&bwm_4v}Jr_Xnfe4$J0e5vqAq6mcP|g_itUY4lrr6eow`sQFL8%K1 zRYSMkUGv=ayYKuI-P*mpSDYEEiW1mk8Xte=y(}E?YtQk=@#hVK-dElGJ45=gQ&}um Th20jQ&lx;j{an^LB{Ts5Eghzq literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-up-active.png b/Paper/gtk-3.0/assets/scale-slider-up-active.png new file mode 100644 index 0000000000000000000000000000000000000000..172b2ff6e465907a2f4361389bcb16f71c82328c GIT binary patch literal 421 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4_H=O!vFJ@sIlw5Ud+X%i{`rdU?(hG9=Kst(J)dvi|M&RH3WuGwE-(83 zG`VBD`8DoxGxMH=U*`pPXFT`I%gK`5nDy_R!25(n;>#3t6VD$waNxs>pQ{)D_KS@; zcIM;;gL8NPYWp!KoZAM}+Me0g=zcz4_HOm3KU^j64TKg;&R6_k(C|}odKw!LSb7>} zN6a{IM4<7gb%wSAFty+o2x}Cja6>{4ZSj3G^m|r>mdKI;Vst0DfDi A%>V!Z literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-up-active@2.png b/Paper/gtk-3.0/assets/scale-slider-up-active@2.png new file mode 100644 index 0000000000000000000000000000000000000000..2d95f3ae27e1af873640495835a80ef76017e3c9 GIT binary patch literal 566 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh;oA&*o$_Ihs+T*D$= zAI2s6+I4LVXJ%8vgbuY^8fIoqbHzK}tur=@n-=N&ZP`_ynas~?XYe|6RGNL~Uv_XK zlYzj-yI-Fssh^SS5)yBcU=R@G?@kDO)Oxcfu`q9$MoWUzhf~+$Z2vEBn3eeI-H$6r zUL1OIfDRW&B?&;=l++2e=jXFdSH&YJXhx=dG_Bs~H;d7#7^jGS|8N&b2ps+uiJK zw|KwjefK0R+NEZ*0RozG4C{|CbfS$Q_P(G^pmoD)osso v2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR44rAs@T}rq_y3{&n2^ed!u-Z zLFKGL!({;;<_#IgvN^gKD@-1nv~Y&XtxwbV5#M(v`Owmy2!pHx2__FX1gkm%ooyHx YJ_#t!&Q3b|5oi&Er>mdKI;Vst084jWL;wH) literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-up-backdrop-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-up-backdrop-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..3d30375f8d3aeba3467c82f9fd304a3d47233aac GIT binary patch literal 361 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g0=X<(1hD5Z!J*UXm>>$wkkbOnm%7Y3!d{sF&EoiV-TvatiijR>^h{byD z&6^AEZJs^%KeNU0S#>XF)k)c!bNS1hxW{lRJ=A{R{K|d21zqypZZjCg3&jty2t2yT zVd@~*@3exUZHMGXaREVdMVAKUb#5$-oR73z&22WQ%mvv4FO#r%RbQ%Bv literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-up-backdrop-insensitive-dark.png b/Paper/gtk-3.0/assets/scale-slider-up-backdrop-insensitive-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..4d8037132968d61798ad48fe0f6150dbdc5514cd GIT binary patch literal 297 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4Wo-}FU45gqhoe6D< zbC?tZ3(n0wzo=^c)|&t91%0u*|5d*Jb+LHywoLoKK)X;f7xM%**|vWv`B6c zE?4wvaIukI$fofql0)=>fVuKNCZk7cEzopr04GI; A&;S4c literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-up-backdrop-insensitive.png b/Paper/gtk-3.0/assets/scale-slider-up-backdrop-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..9594f17d7caec6815a12b8edc27f18e01f4b2b93 GIT binary patch literal 396 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4&Aoi~+{%7?Z;2HqzT#)*FwAfd+|v8_hv2Qn7Z!i7^K|L#uuyV} zoVI;iZuzxa&zCqHJ|@B75E|Mn^smR)C7qYKq2qwWxUm0 d_-a2hZQAFSUOr*V3!rZpJYD@<);T3K0RS3Ul&=5) literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-up-backdrop-insensitive@2.png b/Paper/gtk-3.0/assets/scale-slider-up-backdrop-insensitive@2.png new file mode 100644 index 0000000000000000000000000000000000000000..d7f6a685a9aebef8bf6c0efc99240177c20d148c GIT binary patch literal 513 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh9b=X0m_5P9Q6YU<#oF#2C3KO_znCKO?Ih>m;;-|26 z^&Qt7L64}%ZbIH$^nH1<|3+N$T5>D=+@TtIW2p%TjH6!jo-}7rQsOU^d0+GEgwKv& z+E@1pg%>{v6iM70$9$mcN%yrX>#g^fa6YN5(^uNfCKDREP{*6$hvH7(%U@~>8|{8* z?h{%ZwqWbMm?q|i;Bci+R%Noy!Y^)C=Fjo$`DLKb<>vk=&c>Q+S*Y=?6Ul#|xIwnz^+cQ(Qfa_$wU}e^|XyFr^ w-kgrAW>4UMuz}$>LxTS&GtWuqpFP&!yYkG$>1&Njf#J*G>FVdQ&MBb@08nJbwg3PC literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-up-backdrop.png b/Paper/gtk-3.0/assets/scale-slider-up-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..773081c09271cf857e947a4b57b28e8e8dc2ace4 GIT binary patch literal 397 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4QnevzAF(|uj=k)W8Ej!w=b zwFHISuGZMuJuEj>l2RY8FKhcRZ*705Wy`fomf=hS3}s#`)t*GRPCGW^ie_XV+D{=P!+&&yXV~QU3n# b#CG-IB@vDLZT9~FdWXT&)z4*}Q$iB}kYJ1y literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-up-backdrop@2.png b/Paper/gtk-3.0/assets/scale-slider-up-backdrop@2.png new file mode 100644 index 0000000000000000000000000000000000000000..e279f7ba8930eccb20b88c803b3ab9b90f523af9 GIT binary patch literal 509 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybhV)XMf|3P9Q)MbL|9L4VrkG;stWYV{V%d$%B>wAZO%_jo!MPscmJ{Nz4Z>7TNM}0 zl`dcYzPcoqouSQe+ti?auFO61zb)*VKm1eEW2$+)up^$)`>|q&JmbQTOFJSD-1;GO zghfF6UH1%Y_C-e-ea>}${3YYS&>>VV`0n0xhW}Qa6BwY#fZc+z!B8#g$j#SJm@C*B z)|#%_y87|8sEoDy-@ZNfgx{6pV@A(T$+m~Pa&KQ{NVj9O>DBj}=MWkyKj*Wx(k*5S oHxBvEjPsWJ*S`K`5ch{E*mA|id)rs-0ER7tr>mdKI;Vst08T{5)c^nh literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-up-dark.png b/Paper/gtk-3.0/assets/scale-slider-up-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..c341ebe6b825b0abee86af7e582e4db605a8ff6e GIT binary patch literal 341 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4ajQHDEq5^JT>OL=!W-}`~BJ#$n88c?+oXwG~ z@Rzx@eRc%%gIS48KX@F?8Jvw3ohR@fSSdMQ(Z}P{oF68K8MwK<1(}(d)yORbZ`aZ6|)D=``=IJ$aDyAo^yJKq=dv32?>b`ju{_Y8yg>rF*6?yX9EHTRc6h3 UVO?t`0G-9)>FVdQ&MBb@00*0H>;M1& literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-up-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-up-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..1bd34ddc08abf4d73e20e21a77304e4da5427a74 GIT binary patch literal 442 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g0KX|%0hD5Z!y|R((kby|+!^MVC0{4$xbrh&kJ{tI9QPbittu6({+e=

FIT! z{PIDG%^OCWSqv#3b2u3jxqfs63#v67vS3}vy`ty3>kEc0k4ptY86NM@T*MP#o!6wn zG~w~Cj%`|e2Q~}V^FOa)Jkb28e2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4ajQHDEq5^JT>OL=!W-}`~BJ#$n88c?+oXwG~ z@Rzx@eRc%%gIS48KX@F?8Jvw3ohR@fSSdMQ(Z}P{oF68K8MwK<1(}(d)yORbZ`aZ6|)D=``=IJ$aDyAo^yJKq=dv32?>b`ju{_Y8yg>rF*6?yX9EHTRc6h3 UVO?t`0G-9)>FVdQ&MBb@00*0H>;M1& literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-up-hover-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-up-hover-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..1bd34ddc08abf4d73e20e21a77304e4da5427a74 GIT binary patch literal 442 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh-g0KX|%0hD5Z!y|R((kby|+!^MVC0{4$xbrh&kJ{tI9QPbittu6({+e=

FIT! z{PIDG%^OCWSqv#3b2u3jxqfs63#v67vS3}vy`ty3>kEc0k4ptY86NM@T*MP#o!6wn zG~w~Cj%`|e2Q~}V^FOa)Jkb28e2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4 zdVX7UC~vx&N?5m_>@R=o!!`2Oj}w(rBiHp9vNA9x%uc;|)pUD->C!2UhR-})JVjik z8Q3*bAI$n1^TB|JRq&__3qyd{!ga4F3nWcn_A)o4x{UP*U(|nSB}K{Tz?Y!fxcq!boFyt=akR{02S7i1ONa4 literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-up-hover@2.png b/Paper/gtk-3.0/assets/scale-slider-up-hover@2.png new file mode 100644 index 0000000000000000000000000000000000000000..72e6858ee6f6c51a033ea83ad20b092abbfe3710 GIT binary patch literal 532 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh>|_3&)&_PCt<0jfMwtWFExFq^oKR%4^a;{w z{4%Z4A#3>sqp1c7I;xEgKMpO4Obk1_u21dio}!q0|J(JHnjflo7V$n1WJvCDo%4C_ zNjWp)efQ*RXDiLIEWH0+kcE+9&6FU1r;fMtnOX#-ZQuR2vpIiR@cZxkJ@YR1J8*0a z^m_Ychh1vqA`LDEg=06S7602Jv7q|)?vIQ|Ui?4edEmwl%|{vuS$9}IY9BDM6E)>}?epjBo>|))_FZQbMy57!^&Cq?Mv}NCKkq7a|nRE_7Q5D0|E9?v=zMCVK z+`anFj!R)tI>UsZrjE4Zog6`@n(zMlvM=D0$=;`P;zL7A14FOoI9PkF{H}BQ-LB`W z-#N-0k581?w_{!PNeSz6nddovGdk>E@2Wfd`Hx!HB69}z?O)kTEf1VxWqZj33~~lf LS3j3^P62?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4Wo-}FU45gqhoe6D< zbC?tZ3(n0wzo=^c)|&t91%0u*|5d*Jb+LHywoLoKK)X;f7xM%**|vWv`B6c zE?4wvaIukI$fofql0)=>fVuKNCZk7cEzopr04GI; A&;S4c literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-up-insensitive.png b/Paper/gtk-3.0/assets/scale-slider-up-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..dc1d17f7c76df0a86c5824c5c5cb9c0d38c180f2 GIT binary patch literal 396 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4X^lrt9eSCTe(&^rRi2Pp%ed407|tx#xOJ@X569cU7Z;o@S90P-jtVx+EvR5< b-&e`FuE1^0)a#2u!O7t1>gTe~DWM4fCB>3> literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-up-insensitive@2.png b/Paper/gtk-3.0/assets/scale-slider-up-insensitive@2.png new file mode 100644 index 0000000000000000000000000000000000000000..f17f980c56d36702308267347455a86d193ae927 GIT binary patch literal 512 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh9b=X0`ZGY$X$?G1t3BBO4bWjjC$c*{H(>O<6bB;q+ z_|EPdN)xsmTf-9VVx5^3@%s3sb<;wAPu*;3<+0R1^1qdJ^qBnt;|j;TWGW0nbl0|3gkNj8RK`XKC<9I(2i~w ze+7}6buRC@oDMa1zm72cT>QQE1rKY3LP7MQcebh@)^{=mDsZ_pY6!3{Ixyh?Cqs|n zL4~mOmzOXY*E2K(X?3(1vU#oSzE@UNuaSG(j!Q9b>$U8)Uy~Y(XZ)PqF>lw`dn~6m w{V_UrhuMO`f-OOwQD(+Zz4M>Xzk95|ebt$pH_uF*2@GBaPgg&ebxsLQ0P$(^b literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-up.png b/Paper/gtk-3.0/assets/scale-slider-up.png new file mode 100644 index 0000000000000000000000000000000000000000..f0079f4b9c5793d16b0ba5c8fc19b28ee930a3e0 GIT binary patch literal 404 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4 zdVX7UC~vx&N?5m_>@R=o!!`2Oj}w(rBiHp9vNA9x%uc;|)pUD->C!2UhR-})JVjik z8Q3*bAI$n1^TB|JRq&__3qyd{!ga4F3nWcn_A)o4x{UP*U(|nSB}K{Tz?Y!fxcq!boFyt=akR{02S7i1ONa4 literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-up@2.png b/Paper/gtk-3.0/assets/scale-slider-up@2.png new file mode 100644 index 0000000000000000000000000000000000000000..72e6858ee6f6c51a033ea83ad20b092abbfe3710 GIT binary patch literal 532 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zq}PKmW1Q4P8K9tKiEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0v=AVndW zB{``KzWLdS3ZBXNc?uyJskx~NA*s0qIf*5yM;JtvfGPz+DjiEpGV+TUf)jHUJW|Uu zOG@sybh>|_3&)&_PCt<0jfMwtWFExFq^oKR%4^a;{w z{4%Z4A#3>sqp1c7I;xEgKMpO4Obk1_u21dio}!q0|J(JHnjflo7V$n1WJvCDo%4C_ zNjWp)efQ*RXDiLIEWH0+kcE+9&6FU1r;fMtnOX#-ZQuR2vpIiR@cZxkJ@YR1J8*0a z^m_Ychh1vqA`LDEg=06S7602Jv7q|)?vIQ|Ui?4edEmwl%|{vuS$9}IY9BDM6E)>}?epjBo>|))_FZQbMy57!^&Cq?Mv}NCKkq7a|nRE_7Q5D0|E9?v=zMCVK z+`anFj!R)tI>UsZrjE4Zog6`@n(zMlvM=D0$=;`P;zL7A14FOoI9PkF{H}BQ-LB`W z-#N-0k581?w_{!PNeSz6nddovGdk>E@2Wfd`Hx!HB69}z?O)kTEf1VxWqZj33~~lf LS3j3^P62?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4}etB~apc{r7XW?=of?O7YH5S~lgArHankOMRMW-OQ2_ zmuYlPkyyPkV4GOjr71!|aZV9u+Ir8duH1RNX|?e#*Kbzu{ zo7z^=Z@BVxlzqdLPg|n$bySlU|ITC3-8s{fbF=b0mUUNGoqTyCf@wlu!_Td61?Ssu zxSjXZ>0fO{T2jsVzS5;?EidP0rL!6M=F159F*r*oJz_Ix5oG02Z_u0A=N_uMH0RSw z2Cb!!dZiZx>6w0A!SMRwJF~ZJJNEDMVxA^jJ!MweG~22!9-g+pu?JU7w*3BQ$L3uI zyO~6CI=D789Q*k2V5NV4yxs*_E=ebrrBl8J8P-=8PKu3-pL3fbuCagq%KdE_4(b9d zhZ^2n$FsyWm@n{I-M_@+!`F~+y*dl{u0(zLA3I;xE2hHrcr7pn85lfW{an^LB{Ts5 DkWkRV literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-active-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-vert-active-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..7251e5d346d6af61fd3e0c5d0bfd52b1b67d3346 GIT binary patch literal 917 zcmV;G18V$b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`^Q5eVn=j>dz zWyXC;#fr>_sD~^fDv0f+H$mz_OsI%RdgvjGh(IEQ479+9Oespbfl(yVQ}`euB$0x2 zK`A4=Us;1SSKGOGriYoyrJdcK+1yz0}$K-5CFVCAeCopZp$wQ%3-dBgeo`zZ~#CE*_SH-;`^H`VJ##D zpoA9Y3V;${krx0000s!H+1}bv_X5C_bt~bV-~<4e ztCa#!`+B-ZcJDtZN_oLjFXppT6VIEjUwOzF8wU^rpuuGY0P`Th15g-aw70wKYeCVL z9~%n`clvx>UMgcvRi?l6e`suNsOw~m%>h_|S=E?Re5%cc1K_v%n*kI^lEhV3pFdn& zvOTmxl6UX|pKqFK;os4v;jxkL?>Zjc?~O*II)HfqGuHbtr_rYa0L&_gRzGNgh{?kN znDaahU@`7mOBU>AyX7oXVzr>v0$BUSssL6j(?ysiH!O3ERUd2hb%oD!* rOabEKIjh+f0oF#WTP>~ex@`Rcx#8a4dq+?&00000NkvXXu0mjf(o}+? literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-active.png b/Paper/gtk-3.0/assets/scale-slider-vert-active.png new file mode 100644 index 0000000000000000000000000000000000000000..115f94ed108df74de266545d95bc0dd01d0a1e5f GIT binary patch literal 589 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4hxgU9DpI4Gr*gSRIyuX>=zW_UHr=c}W7Sgo z!~2(rW$rlZy6CA_QMgJC+?jJ8gikovpsRmS$J_49(}hrGXfrtVci_#~Cv?y}ztIe=yx zn(S2jactVJv)Vt7g*{ugJj{BJbq*7cTav+p=q)!SotzZ1Bm{gJIPN80f6yZOK&s@I z<*_|!zz~^P_cXm@-+g<=wq@5YNryEod)+G+c$r0DW6rjSeOs8;aXs~xR?KF~l53x| zKBS-f=_%L!kDOlq+EY=j{`u~-Pd9%|SGk literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-active@2.png b/Paper/gtk-3.0/assets/scale-slider-vert-active@2.png new file mode 100644 index 0000000000000000000000000000000000000000..7893c3696c6b9b429cfa7e1e1d2893929629c3a6 GIT binary patch literal 1119 zcmV-l1fctgP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`#Gfst84;QJo@FiAGVH#A&$+ z!T}SfQ9^}Ee8ZP>>~m(iK;G2g1ID}ZtiSo*M>F4O1~}yZ4%tufoqJJ_&29$4gf4)1 z8Ru>Q5D3YdjHju{RMXM5=Ak>-%o?l>yTq8k88B_o?F7XE&>kz8Jkzg{jIhDikI6w>`K zhpwu13yk~}?FVNAU?6?Lj_%WelVMqse6`l-rE+RZUf0318g5;|yjg=7Ba5C9Nvc3BD#a326T?Dn=s2{;{&w(Z_R)s9vV zA>l3nP-M~BC;>$lT>!wiX*~lKc%#w*Ft*)|b5hl|T7Z)+0MIl&-zWjCq~`#D3c{A9 z00&6{Kq`~jXp}%Qz1@q0r7Q)g$W{R0)!X%zMhPU|yjukTPH0unDgmuXRYC}xTTs<} zp=kM>T2aun%-qZP3L%_HVyWsqs1mq+J)8kCXQ^T&KaXsGH202UvT(H|$zzfZm&%4N6Y{*ONjTsYTz zsmWpY)>@M<6w|-|G5g!oKNsRoudC$owoH6m&xfSK-HC_6>}K+2ZY$@MC>741>kV|A zIuY=B+^sg7;sO9o)3;KY?8a*1O*}TU5HFi1bGY2O4}AXbzaG9;^EU12Q#v|2*|e!| zUeij&i)PuRwQ2=fU`~hoh0|wyxZAexTcE;NB;sCQPxctPe%dgM7I5YP03y&dr8Frj l%2Hcf^TJNke#jxa@h>2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4#$ZtQ8+Q<}t=B)qxZAjD;tqG3qK$w#^> zJ-(M6B|b389len3@Mzk!srEY$@BIFM|9=(ny0}m8Hkp5lUZB@eTP_>$Y;)swzpBsc zA9nKVICwRb+N&;zEqry&j_c4B-n_GGjKZ(Q6kEN?mn%M36K1Z>BjA0fcAhYUW<3+f z4atV}OI|WO{9!on!wiPhf3Eu<8ty9;XMNrkyxnERUfu9xn-^~PVP$x;SYeG-@8m8q lR;~lAiQFZV9@<|N&G~J3t0sTzW}vSaJYD@<);T3K0RTNnm#6>$ literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..85b4dd5fef1d292f69002cf7b58f3506e06aa729 GIT binary patch literal 605 zcmV-j0;2tiP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`8RQjnQ<3@!Keg)p=Jc4#CjG43EV{}VBO0qAV@8;dgatvKt-*GhkL&qI14-u z^zQ?gt(FU1_wah?EKts7-&MtLRX|}e==aLCPb?}-J09e@B>Fm9KNC8PjrulUx r(^^Ag)u+L}gK{?e?y_&2HvgLs5)ginFc0!200000NkvXXu0mjfE+hno literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-insensitive-dark.png b/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-insensitive-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..319e0191873cd3bf91c97826d2342ea5e1ce3968 GIT binary patch literal 407 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4lFzvFN=!(Uy-fQJ`)9PnBxsRzKBAuFkJH7AYSQ6`A9>Fep>Tfu(nU zmA34vt*q{W5=Y%0-M+E(>D#ntwex4DJb149e%98s-FjJ73q%=0`P|+u{+hI{w<`Fe z+un{CSk9+v0X_jIikuFm+8uz8MO5~Jdg??tVb oJQbLiG)ljaGrgPf!~YAz(LjsX^w2e~K#wtay85}Sb4q9e00f?yvH$=8 literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-insensitive-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-insensitive-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..0fe212881022430d1174122ae86abb805dcf9fd3 GIT binary patch literal 624 zcmV-$0+0QPP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`dpYhn4l#?P0;CH0D#{^8qL@argaMTX=4s{7dhoge z04NrVgO5+oc{G(nbP?@*$%H#pLQ$=ckBy#`%jG{VxqbEZy7d>~@qB1HwvG7!0000< KMNUMnLSTYEbO+b~ literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-insensitive.png b/Paper/gtk-3.0/assets/scale-slider-vert-backdrop-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..50abadf4ffc8d658c947ff30e8fe5dbd21abb3ad GIT binary patch literal 496 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4CI=xxDb@L*Ps`I>x2de9N z6m6!a{$yl$blYXil_>scj0-flG?qTQcFT2kDeF|jv<-KXdK@pCT%F2r;Bbb?F3kx+ zO&zzM$8prThJTnb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`(S|S0D_1-8&`=;fLg7#X081JtlY+Ypg4}{cDn#A=iI~1&CQFeF(zxH zwe~%*;+(s+Il$uLBE@16;9im>`&lv9D$r;&Hbmr9L<*~`tGRccrw{_IRtr`2-uqIu zT0I|Kzg7Wb%r;PP&dqGz&xf@Zz*=j!udQe7c?95`o7sGz{xuA9PXtia3NV+`57e&! zz*a5*@BkP#nR!TL_|(>>0r-~+(*RrmgLXO>jpX{B3m_s*0Pp?W07i112y!AyWY z^*(T!BniDH~jFaSHHQt8?kFctuyQmGuN z>K+if-7f8Rd#X2)rYY@qduXnzueP?fzK@H~9m$%_<`Y#t09Hi=Yc0iM5o_(R!>MZ4 zNY(;&CYetK08p>j?-vS%x2pPrDTY#2J+Rik8CUij1B`&I8)KdVkAX7%v0PQp24lJR h{xIvc-|0@{^anA#BuA8byWRi*002ovPDHLkV1iEebaVg! literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-backdrop.png b/Paper/gtk-3.0/assets/scale-slider-vert-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..2feb9ae02b3410e30f5466ffc0b9a5011a3a9d1a GIT binary patch literal 496 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4WGv zg6b!MT?X5^4+%B%uAT6LDeIDhQfcP>A9Z`r|9i{+XX^=n<@29!uUa*YL5LwSU!EZ+ z_IfO<;|D`dkIN-#k=M=@&e{3Aazm~(L%?;@DM1&ayiaeMw@9PPn)!?R{vZ47#hrTM z!ZlkLX)MXT-Jd8?$HXAp78*374ml+()*luVnUB@&fNTDU?9K*WT>$Y6`B(y}wJ7ewl zo{e80%oXwUs=U7KZC|k*r{b}$Ez76a9WVT2$HmZ~b2_ibu>0R?Ifjzh>#`b4qmSLF e(zx*dqWJaTJieZzul56jlfl!~&t;ucLK6Upoxeo@ literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-backdrop@2.png b/Paper/gtk-3.0/assets/scale-slider-vert-backdrop@2.png new file mode 100644 index 0000000000000000000000000000000000000000..66bc15dfe8b638e0d84ad5e05e5b9a7d896a3ebe GIT binary patch literal 857 zcmV-f1E&0mP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`q$)89dqE0GG3O*WW5DI?)BNE@{9>AwfDz7b&^I z(j7Mx$${mZbFp(Bd8?IncIMfcy}5xa{qK@tjGN8ow1}*V$O>d z_w~>Kr#Js3BF^~uIF(A}+`#?veVP5BhDKw1ZI;y#Q>vTpl?%K&4W_S_^P3j^m9qn==_`Hk;FqbpT_s8s5d#Q_9JU0OYRI&Il)sDHGrTPF`lVU z)$ah^ZZ|i89$()w0e}XO^zvNP2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4u;q9&>F%@WFTI&ijr*Z2L;Yn~UJYpvJUJ*AVI zv+hOGloDTkrXTz2jSKGHjk;>%&6J_Kd6%xzQ;iLeEuyPKH#7ZcOmAVnru8gK%XFXc z^>v97r;i?0ef{duAG;4F$(6bC5i3g?gZuP1-Jl}YiVb24(drj9i&3b!t=g%6e$(k;zj zWVT7TuxH<%vrp6JT@IdnSxJj~hwbfca_`pMdil{&_65`5#H$mPqzo8S8f_;0`)J>2 x{y=sEXYG<5E4BB9i=H{b9CM(v^Z)LB3|BNl_edw_=>o%-!PC{xWt~$(696Tp&NTo4 literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-vert-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..bac6e4b0f40c158e1f28de8a6f5f551456d4a6bc GIT binary patch literal 913 zcmV;C18)3@P)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`<&QdhmY;v^Sx8DCi;WEmnx|NvIG56#~0KMMXgf2I+di zioo@<8Lgq~taF^x!_4H8JF_#p`<7ogFuU{J-}iHVXZD-{HngGtUBrvIxw%J;kd~`Ank2t`ix9Hg$tZ;WEv;%-I@+#3 z0-zTRus0Hs&)1&3?PILPB`g4dYucR`eci1iBO@zLKANMBlutMSFiE<6=0a0D0LjVc zbE_}u~!0Fqx0))yLX$u9@$VLS`#x{wWk0RSO5RxAKQ zs8x%(2B4H~EfxT!bh{S-0sz9}F6krzh|Joq09HAlFBU*XEmr^l0ChPvUMzs+RBFub zUN!&$0Exux%VGf}W@cVz)^-K(>~Y@!*R*({;hbyJub%Wj^#Z^FU@4jW`DJ|UZlM5^ zqp^-;GHE>n{NMZ8&H@2r*Gf;sKL6f-SSbyL!ZrDX&nFTOdb&Eh0Zf@+t$R!)-lXoxQrQ&jOf-(N#5@-)Xa900QQ9HGrx>ILywTYdpQJdgrM? zFm!-1sS*G<*M6v}rSX}m_}k|L{qNMpMGjyNz_j^$HQVfS0RTo9Wb?Yr1d;9S0E~5x z16auTtl62}Y`4q|CFUqIM-XdA>xjAwMZ^+Ug96{f+L92?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4u;q9&>F%@WFTI&ijr*Z2L;Yn~UJYpvJUJ*AVI zv+hOGloDTkrXTz2jSKGHjk;>%&6J_Kd6%xzQ;iLeEuyPKH#7ZcOmAVnru8gK%XFXc z^>v97r;i?0ef{duAG;4F$(6bC5i3g?gZuP1-Jl}YiVb24(drj9i&3b!t=g%6e$(k;zj zWVT7TuxH<%vrp6JT@IdnSxJj~hwbfca_`pMdil{&_65`5#H$mPqzo8S8f_;0`)J>2 x{y=sEXYG<5E4BB9i=H{b9CM(v^Z)LB3|BNl_edw_=>o%-!PC{xWt~$(696Tp&NTo4 literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-hover-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-vert-hover-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..bac6e4b0f40c158e1f28de8a6f5f551456d4a6bc GIT binary patch literal 913 zcmV;C18)3@P)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`<&QdhmY;v^Sx8DCi;WEmnx|NvIG56#~0KMMXgf2I+di zioo@<8Lgq~taF^x!_4H8JF_#p`<7ogFuU{J-}iHVXZD-{HngGtUBrvIxw%J;kd~`Ank2t`ix9Hg$tZ;WEv;%-I@+#3 z0-zTRus0Hs&)1&3?PILPB`g4dYucR`eci1iBO@zLKANMBlutMSFiE<6=0a0D0LjVc zbE_}u~!0Fqx0))yLX$u9@$VLS`#x{wWk0RSO5RxAKQ zs8x%(2B4H~EfxT!bh{S-0sz9}F6krzh|Joq09HAlFBU*XEmr^l0ChPvUMzs+RBFub zUN!&$0Exux%VGf}W@cVz)^-K(>~Y@!*R*({;hbyJub%Wj^#Z^FU@4jW`DJ|UZlM5^ zqp^-;GHE>n{NMZ8&H@2r*Gf;sKL6f-SSbyL!ZrDX&nFTOdb&Eh0Zf@+t$R!)-lXoxQrQ&jOf-(N#5@-)Xa900QQ9HGrx>ILywTYdpQJdgrM? zFm!-1sS*G<*M6v}rSX}m_}k|L{qNMpMGjyNz_j^$HQVfS0RTo9Wb?Yr1d;9S0E~5x z16auTtl62}Y`4q|CFUqIM-XdA>xjAwMZ^+Ug96{f+L92?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4kukb}&z`IqCKr0&pDwq@3}Rv{-{6+OGlPj^<={h!YKFFNJ61Yf(m zQ-@VUHp8t`b*vu_NMuj*QneSo@cL_?s%O=t)SYWIxIX=~VK`74TX0UX<%Rd8l9jJ_ z&1G1lwO^$B=%!Vx_HTP_!FTL&q5bT$^Rj1&F&uEL(QH|9dea;!Hipp9gA$i*&+qQs zYpT$-Xw@Q(l@B9YofsKbaWW`AF_~96y=bQlhhqBv(g{B%%0}(K%d%(py4~h4E9DLu z)Oa)0+|MsQ_npb&IY-lixeO&%bD!myNn7+ymYV0IHp6fEw9HxGH8HnQ?CNv2MwKtiLYqD+qW&RD`lXzdHf|CP-r>mdKI;Vst E0APsV4gdfE literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-hover@2.png b/Paper/gtk-3.0/assets/scale-slider-vert-hover@2.png new file mode 100644 index 0000000000000000000000000000000000000000..2f3757f12f776f23f68d6b3ecfc8e74253ccc992 GIT binary patch literal 1002 zcmVb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`FtMYGwYUa#Z2E=nnYhEnR&OeXWk*Z_xzhhG9e0x{Dx zu`CNs(}n_jo`>T&xULJGY<#t{vhvf&0NtJcDk3qmq_>S!0`rvTYj?0mzq1B|8#8L~=mfFpS6#?l#giEzCk9 z2!dQB0Pp}n*Y!J_hq|`bgGc}oc^6=MdU|32sZfVf~@L?E$QmP7_>vdA{egCz!hXPz(T~z>@&E~`a!nKrA1Z1ZZh8ukZ`{r&yNKyWi=P&w8Lg+gw2cJ>(%8>b>( ztAy>-)6-9~+3XI`bEbm;1W4`e?R}9>r+)xqhGAga_Q(xMqtW688_0DvT*ZEbDMW-^)YbY1^UMB)*1 z+7}lWza1SNeY?52S*4S9e^Bsky5a<&0kXZleQ$Ab@#C49nfH^);AzZL|+ z%k%T|zslwE^No!ShfcaZ2JCzkfG}=~PDXB{pljZ9=Hmifk56=mT$``DBj}Du<2MTR YA3s=B*ifif6#xJL07*qoM6N<$f@EjErvLx| literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-insensitive-dark.png b/Paper/gtk-3.0/assets/scale-slider-vert-insensitive-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..319e0191873cd3bf91c97826d2342ea5e1ce3968 GIT binary patch literal 407 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4lFzvFN=!(Uy-fQJ`)9PnBxsRzKBAuFkJH7AYSQ6`A9>Fep>Tfu(nU zmA34vt*q{W5=Y%0-M+E(>D#ntwex4DJb149e%98s-FjJ73q%=0`P|+u{+hI{w<`Fe z+un{CSk9+v0X_jIikuFm+8uz8MO5~Jdg??tVb oJQbLiG)ljaGrgPf!~YAz(LjsX^w2e~K#wtay85}Sb4q9e00f?yvH$=8 literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-insensitive-dark@2.png b/Paper/gtk-3.0/assets/scale-slider-vert-insensitive-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..0fe212881022430d1174122ae86abb805dcf9fd3 GIT binary patch literal 624 zcmV-$0+0QPP)b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`dpYhn4l#?P0;CH0D#{^8qL@argaMTX=4s{7dhoge z04NrVgO5+oc{G(nbP?@*$%H#pLQ$=ckBy#`%jG{VxqbEZy7d>~@qB1HwvG7!0000< KMNUMnLSTYEbO+b~ literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-vert-insensitive.png b/Paper/gtk-3.0/assets/scale-slider-vert-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..9464edf2480c3a32b802c32723ccec17a4d2bc85 GIT binary patch literal 505 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4@QA&YUvugAm)lhb;+^f8lY5jFaSEm~T&mrZ_>9%qf3iy9 zT&CnR%>qf1Z4U#odlfhs817X^WIvn}{l0AX^n(c>3e^mbX(%3vUVmNsSYge_JDYR@ zMUL)T_xibs?|udc86TI)20YfM83c|SP6=A9(RD1hOy|UwYjdB9tu>vs?BqEX2D#hj z@y=eHN?G>bT|Q{{vA)0edp7HP+ZmSj!Umu3L{$eTtZfxYs`E4`J-7DsrZ+m`u8hy` ztXj1ya`s%F%-whIu{&-E@#@`jZ9b*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`x#xZ6%$a)+-06Rp+$OkIt1TI0)|_*XMWhHUc9(vM$RV)joZAV*@Mx+4 zl}cqH2!eO2`W*0wggfA?G3NEk%F54)0jkyNnla`JP!JKUwODHjf&gR8xubJ*IvrZA z7Dy+0lIJg z4KQ(~?}37~c5HKi+1Xk0`8>eABuTdV#aydEtyWtSkwX#j=I7_}Ja23OIPZzm z(^FJ6P1CekE|-sc*RNH;7_$a=*4l~90X)wmm&*b8zVEMH^Xs$c5rDOJV)F}iKf`72 z8v#_c1P}zl)Bt*NtquhM9srkz%rw-KYhe_CeM9wKo*NIky93Ns^Fd*~I2)nvx_*_c7fW3J`|jk*a=H)r-qy zBE@lxsv;tvuAYK@0RXZr+XA9?yG^s%oXEUe{xf6DR==3O0OfM|SVT4e7ex_q9FJw* zy$Kz#UMv=`{Q(0307|9OuBvVVuF+^vuh&QFi7d;g*Xx(&s`_emb@lt8_@N`&!NI{3 zRow>WM1))}M?Rk)Wh6TT)^9Q&2>_s4t={)M@2#r7V1%JmRkwZLe>14;w+83|Sv1Bx v1s(${bjNa4J-Qgn(=^@b*X?(@(;)o;#5^P9W_rDu00000NkvXXu0mjfeC2_} literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-vert.png b/Paper/gtk-3.0/assets/scale-slider-vert.png new file mode 100644 index 0000000000000000000000000000000000000000..595d3fdaf07f9068a147c3e5650751f16d30a3fa GIT binary patch literal 572 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4kukb}&z`IqCKr0&pDwq@3}Rv{-{6+OGlPj^<={h!YKFFNJ61Yf(m zQ-@VUHp8t`b*vu_NMuj*QneSo@cL_?s%O=t)SYWIxIX=~VK`74TX0UX<%Rd8l9jJ_ z&1G1lwO^$B=%!Vx_HTP_!FTL&q5bT$^Rj1&F&uEL(QH|9dea;!Hipp9gA$i*&+qQs zYpT$-Xw@Q(l@B9YofsKbaWW`AF_~96y=bQlhhqBv(g{B%%0}(K%d%(py4~h4E9DLu z)Oa)0+|MsQ_npb&IY-lixeO&%bD!myNn7+ymYV0IHp6fEw9HxGH8HnQ?CNv2MwKtiLYqD+qW&RD`lXzdHf|CP-r>mdKI;Vst E0APsV4gdfE literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/scale-slider-vert@2.png b/Paper/gtk-3.0/assets/scale-slider-vert@2.png new file mode 100644 index 0000000000000000000000000000000000000000..2f3757f12f776f23f68d6b3ecfc8e74253ccc992 GIT binary patch literal 1002 zcmVb*qAW36yZXi@>Wo>03RAp^&Y+-a|!~hi{ z0000HbVXQnL3MO!Z*l-rVQnBtWp`FtMYGwYUa#Z2E=nnYhEnR&OeXWk*Z_xzhhG9e0x{Dx zu`CNs(}n_jo`>T&xULJGY<#t{vhvf&0NtJcDk3qmq_>S!0`rvTYj?0mzq1B|8#8L~=mfFpS6#?l#giEzCk9 z2!dQB0Pp}n*Y!J_hq|`bgGc}oc^6=MdU|32sZfVf~@L?E$QmP7_>vdA{egCz!hXPz(T~z>@&E~`a!nKrA1Z1ZZh8ukZ`{r&yNKyWi=P&w8Lg+gw2cJ>(%8>b>( ztAy>-)6-9~+3XI`bEbm;1W4`e?R}9>r+)xqhGAga_Q(xMqtW688_0DvT*ZEbDMW-^)YbY1^UMB)*1 z+7}lWza1SNeY?52S*4S9e^Bsky5a<&0kXZleQ$Ab@#C49nfH^);AzZL|+ z%k%T|zslwE^No!ShfcaZ2JCzkfG}=~PDXB{pljZ9=Hmifk56=mT$``DBj}Du<2MTR YA3s=B*ifif6#xJL07*qoM6N<$f@EjErvLx| literal 0 HcmV?d00001 diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-active-dark.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-active-dark.png new file mode 120000 index 0000000..4d60003 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-checked-active-dark.png @@ -0,0 +1 @@ +selected-checkbox-checked-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-active-dark@2.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-active-dark@2.png new file mode 120000 index 0000000..fb174d2 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-checked-active-dark@2.png @@ -0,0 +1 @@ +selected-checkbox-checked-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-active.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-active.png new file mode 120000 index 0000000..b0d52ba --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-checked-active.png @@ -0,0 +1 @@ +selected-checkbox-checked.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-active@2.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-active@2.png new file mode 120000 index 0000000..b360d3d --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-checked-active@2.png @@ -0,0 +1 @@ +selected-checkbox-checked@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop-dark.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop-dark.png new file mode 120000 index 0000000..de25817 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop-dark.png @@ -0,0 +1 @@ +checkbox-checked-backdrop-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop-dark@2.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop-dark@2.png new file mode 120000 index 0000000..3be27ad --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop-dark@2.png @@ -0,0 +1 @@ +checkbox-checked-backdrop-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop.png new file mode 120000 index 0000000..602f411 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop.png @@ -0,0 +1 @@ +checkbox-checked-backdrop.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop@2.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop@2.png new file mode 120000 index 0000000..c632815 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-checked-backdrop@2.png @@ -0,0 +1 @@ +checkbox-checked-backdrop@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-dark.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-dark.png index 97069344a2d6fc5edd0ab478f97c00577fd4fcfc..91ec56a4a11cbcecf14c0e19188d534a77dc2c3d 100644 GIT binary patch delta 383 zcmV-_0f7Fp1giv)wSQqrL_t(Ijm419D@0KkhM(`wJw@5E5Ozxb0J|X;O3_3^XJyo^ zMyc^D|AZPdrW7m54XL@YlGUtOSt-fFiiOBV**NYwHb&FTWbC}FukSqXd)_|yZ%Jjy z@0TV-WC!SO;&~KY)*|yBy!k&#BHQ9Ty_lN1{LNiFJQ=c)J%1Nyb&hMV>aC}l8Nfz% z251FdA*Q`%hH4dp(khSzaJb2()a2ct1M)#>24o$u0L!z}7XW@OSO~&1L^{-mNi3xG z)3-S;$UfjX$Epaq3SZwqqyy&$jPlD{yT_fmy|7P^Q=kPXE~ka)S zWyaU$#@-vT)d7$BpcJoZG7?$Fvs%AY_L~RcAn;Ik0}-3Sc}ImH?5X{w5QIOovphH? d)2Pk==nIG?cs6;Yq+|d9002ovPDHLkV1oGGwg>wSQO5RKkQMVdQ_ zC__yh_!kle69cVSOm&-R^p>O(lSv|CFfj-*kXYQ_^I5cMRMh4jPENk_zVG+sz<)~` zmqMxHsLBq|-y!f2A~_3P5qPtkFDly#?$T`H;fFUF7ZUPKB;g6 z+?kIsxsXV_|Kx2J2s{)@)sa>b+c067NOH+dJ~!sO#nVyXzU>bb$%^V>-t*&)S@?D4 kJ-=nAxwn+;Pc;9dPj)7OG|cL?2LJ#707*qoM6N<$g2L3fa{vGU diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked-dark@2.png b/Paper/gtk-3.0/assets/selected-checkbox-checked-dark@2.png index ed88253fd28617a612e8ebdad422d59859009246..26a6e15736a094a8777d8beaec693f9f98dfc1dc 100644 GIT binary patch delta 748 zcmV{(s3s&wbG1nvhxareRP&97?d+L`ZPVAbRhZFI!m z0usNI$|4h8P#Qae?y0poz=4*{FTZ0Bmdq33oFK<504P2411+0h*4iAv_kE{cf>Y7B zs$NZdO&!$$CVy0~N1UucG8_}QKeS-ZK7finFpCfsa99XKNedqIq9o6b` zxqAt0a1Ug0I4(kaCgt85-9JWJK1w5SEehfLzVmg)NFT7WY_aIYbjm$5mVYdOs2m0C zSP*Z9>pFl<5%7We(}GN#f9xJedrf{vcVUJK*F(TY;Ce^CP_N2Ng?;7J^0XKvQq9c` zL7e{|y?+I1&+Ss!MfoH|;S$2hNcr=TKsSWn^_l?y+FINjqU?-7n25&*)M-52>c0C^ z-*KG-Y0vGd0`W`V#E{H*$-(h>j{6`Q1wvKWncn6;9FUyAVKNC>}uc5oLf?lZ%6B^P2iHE$-g9=1yR902UrZ z^Ofg-tviAQYY}a<$ct>gFqVJ3g5O)^y@MW#rYk>}UUCq1RsnZ_PqlRi;FE%H&=nK) en>VF@OFsZ?=mF4Ucl_=E0000oB9LXwCKm8pfIHfnz^Ti8uMmGpVQc;`mWwR z_uTLKymRlnJovAFT~aLQCezhqxPq_?SXpL`X<*!lIp66tOnwudW zI}CC;KmJ4P{cVxR*SYZ@0dV7~9jM+f=HKP)`H(waa)5zEY7-(Oz_Oh1_xbVz&%nLJ z*mhOzMOh~3h4!X;Z@%3A#Iv=wX2*avIbnlH8>&Uu1%GxxReOOg2%A-8$W5d>iskhs zli`ptNnoRIJ@mw!y5af!gSS9^t+Y`3^C3LXvn#R{Lx^t6jf={yj>gFKh3o?X1ib*5 zg&@9GuDU76!94Ip_{Zd#ApgKK(B4$<4aQR|1R2NywonG#M5+>GB}%s+nwM6X)|N<1 zHpqWbUw=VIW4(*eg})Pm%59V@zGUIGW!RVdt(Oe|5OX4fiXJC_JNzD>4JO*w9Qn9d z-;(Zuj>dYo2*jMe8)G@0PQyego+V#I^FXKw$2*(%J}=epw{F55h?zqs^t3yXhri=h z3}6~&{$v6nRE~n&i8+yL3*`>R)9Ys+zbpn|9AzM6+kJr$O?5-D#=291#f3fq6-npM z7u*9z%y~<#oj^2X+i%@?!J5*g0DQ`3GUxKA3Odl~G)x#VH42Y_sq(8cr6OJ?o87up ezj^=lcj+g3EBdP?plEae000061sBn;UnnWdZx&x^Asj^L0(!0M2v(6j3SXVigSV_46l7 z*91b-K`BK#on|J_Cl_yl0MGO2_xsqkjqAFMMk5-H22x5=sT5mVTmSe2 zH^}93*tX4ZIK;MXeBa0OJd(*InM@|ITHptkWl<`Xh(@CfheO8WF^NQiY&MG!!HQgZ zMAI}W6beKl5yIgx`FtM3FfOzHSwS$+bz|e8``x|hf?j1=6pKY>vl*soE`a@R*VT1H zAvjqC_`Y&t@kIH}+jj?2&R14B7Ehchg|i4ayyoxRUR&ed&HLLZ)|Uk!I8h2moep-E b`mUm delta 489 zcmVw#z8dG^@_c*CnNJ(S@Gl`#sO^ zd*7EA{!;?rX6b2U{rb*>knndw7|SE_Gysdi^!f3N{iy)B{eSrIVc`DSJF^E7d|xd6 zQBkE9GrWAli);x0tqKr=JFfjb^77IB?OUlWeHozD`Rr7W%wR((o4`cjhIDd{aul0I8EXzVlNj971!*KFr_O<|UU6+2pk7=4Xj>B*`q+YM%c^>I> znoK71kAGnYg+c+-G_h?P(=-W!0M~U%rBdW_xrNadI?#2UN~MBf7}&PWXfz_3Op?#% z5n}N~&RwFWX_QJO;_*1qXp~~HNH`om&pI1Ho(e_1+G6T-o%FSBeb!02TxL8TqiNba zaNOxSLQy4fG6w`;t;G_1_nsYgrSGjg<+WI15(un0;OyO(gY_F*=vQ`jflJE(z)2vm f=uZw-_%5d3ZK|)N-fweK00000NkvXXu0mjfdJpyq diff --git a/Paper/gtk-3.0/assets/selected-checkbox-checked@2.png b/Paper/gtk-3.0/assets/selected-checkbox-checked@2.png index b8cfe4234623b931099e3c9c9a551eaac967f29e..72d07e06f18a6a136e8a20d14a306c8a642afe91 100644 GIT binary patch delta 1024 zcmV+b1poWH38x8=wSV17L_t(oh2>XGNMlzRJ@>wsA7i2*{!Tg$7M&=(KwY>K1;J*l z(}D@@qJ`O%;-aOLg4@!~Y)jp?2zHhcL#ydHQ3pfDi)d z|58#$O-s%@PJf&wUcSQ^lV16LGz5UN2LKR1J~9a*FmS)m=6yJMr^#VA)gvI8N@L0}v%E^)t$!gL4kH$emDnUpLqb*6&jCQL zm~~5tL?YPS+$<$GnN>$?$BVDO{2~hgudM^oXcQY88znYDq}$uNV&L4^Vy{KO-rgQo zR#renhK+z+;#B*aNm9uqymbL5Cns21T0%CPHEgmhBYCRrWd&&$<7*1o-`~gl{5h3s6_9G;GoFbEtE;Qn+S)3KAtD5WK^z_)me>ae2Qf4>bZPyX z0)~f&!PxnsSxH1V9LCPhPDx&GZ!gBi#%h(X{eKBuE*ErNM<^6BRy7eJ6beBI0Zr4& z_IhV$CnhH+ON8H8001b8V!V0r)>>a*FNp_as%5V?2NXpq6H$OH%b1#)LQ6}_bxK};5LFZ5@p#~LIz3A+i9wSVzRL_t(oh2>XGNL*JG{?2`GetaSRg;t|z+M*eyGqf(G5Uf%` zrs5)~WRpTkyXm5vX5rE>NW18+*`^57E-MVi4wz9HD24`xS}9WK$e56*QBxCts&Ab4 z=H1hU%sAtyqcdjHeyhiK&pqdR=iYPfy}3BW{g zVva%b1NpZZn7Q|bd8~kIz8~K-EbA@-jl~2#Rt)pJT~)vO)%WR(9050cKiQvHyFU=n zD9waOY`(Nv30;BY;-U(I;?OKd`6W}>9I{qTyt-DhT~9<(2=R%UvU_6g^pl`QX(oie zw&*N6a0-%P#ea7dJ)tW#H8uD^i@#4G1puU!-=_sY;9~$tY`(NXGCq8-NgMj?dQDY% zsjZm!Ya83fpnr7b_dn;2j*I#g6;LvU>qY8|Al?Q5E1@d@Fm&tsALbzR5E$Ov>@Pjf_s?(S|p-%096&B?n5CMPGc zzP=6s2nK^N3d&eD3ovfy?EB zX_^RyLg`)2%m{@-kW#`hjGS7puC7K;PfwQcf&~D8+wD&Od1h%%O-<$4mX(#Eudfd_ z+v$#xQmI`?YCgDFPIs-sj-6$Fh2$W#i3aMFz6p$S=-po>D`%VYHC7PS6ANPgZ}#~0H8Sc zeM4}%X{0m2ga-t;9p#ryJ)tWP|A^`z-GBaeA;)8(P!x7lykP)<0RNn#(;0~W^)$dl z^TOtkT2&?i>IFo^aL7IS`Cyb2$((|K3wlOd;FtET) zVq~1b_@5~(KQ`bPKHdFG)>ns5P%4PZeRAmo*T zm>@=EKJ{IIZUZ4O@PUYIz?1$ZYpn@sn7C}64FdziV;CPPB{2R=XZX*wV#1PjGWZPm l|BvDEe+I^Ma$HLr002G2DGlVRPM-h(002ovPDHLkV1jSwQyl;R delta 183 zcmV;o07(Dq0_y^hynn@zJr06E5QV=X+(P3;u$IDx${w4&k`@L!tqj{3!QP9&IUFlC zNFq!839p*J_vX#O)Q~pF?RBjxdtl}vG>VusSzQ1^*HPIiY_>^!9}>uI6`^_r7B7vg zD0Qsu?rboY^bTJOg#Ci=lr)K@oB!THe}fOxKhX&YG`X!JA28u?zAb^e&D{?aF`|0P ligG?I@u&mEd}Q}8cmloIEu|GY6D}KGVDV-SPe0?;SrLc>X(T)6GtQ zm|L0PR>3i_=a{iX$pjNM>y_d(RiM)!=Clc3fQ)0X%{vn2ZGVZ#ek%U*jDjbvS6A1U z=dUiQcfE%LBS9A>1(d!4O5f{&{X*P!6jF5!2dI@xa~-K_e0gHm69UA0UMrX8uHkDM z7pJp$x&IS^U&RY}fy5lJY4=9r5>PLnZJf4icHRLmkopg#?V&3>?|>KZ0-FSu@O6^e zR!D0w&H^a-NL?3DG666WbhjbV8jQ1{HeCP%&vrdI2TasN=_8aB3~JWyjob{hS+Cwg zq+yp69jI4|QzXm-kHEq$9e{~P14SW2XP=>S>nLcuCU*{LL2`vwE?Cg}rX&Aceqa6;2bLL2V4{Q?bXv{nR)J`o)W~=RDwe@TK9o@PqJ(eUmVdu_1;n!_<;~^A*_%!3 z{o~7#FXa#jJSA^|@O#}eX5?)r&C;H2I6yZH<{EnWv-NqgZVIf{yc-5{+we8l?Z#|1 zJlsX#S8)PPz}yE4L~){R06<0-FSuke_7A3K_*o zbv69lMPLHpOIbNALt+#sRRlu-EkshR8~cC~YT#+_1PFX7XHjg-`8oOD#c?v76wc3j z^|se2<^_!7WO+5Xx!XIa_&{F*ps8kQCQLHGZqqBKtCd8v10YR;iH!rS^+Fhixk3;G ze>}l@2NVB)#E$^M+;(g|j+3QHxQ*kb7Jd002ovPDHLkV1jPC BkcR*O delta 302 zcmV+}0nz^31KIgJFKsLq+HVDSNbguFur*C1pl2oa@qlAtv9i%W3mkO)CM3@r6+v;g6O8^56K*CWH zj~e%v7i$OG8)i{J5JpM&>LzY3>^ZiUNg z_&))kk59w8-6x@G?>polR=`*Zd|sx*vT1+CH}cO=14jt~>;M1&07*qoM6N<$f+H1< Ap#T5? diff --git a/Paper/gtk-3.0/assets/selected-checkbox-mixed@2.png b/Paper/gtk-3.0/assets/selected-checkbox-mixed@2.png index 36acb74d5ce377a7d0faf49785dc6ebe5a86e41a..a2693c3d3fc46fca073ae62f63fa5fd0d010eca6 100644 GIT binary patch delta 608 zcmV-m0-ybv28srdwSPcKL_t(oh3%J3ZxUe?h0mQChL1F5CoLZtI=PfUAQQX zt#v^c#;|ok+-dBdh5iJZGzJ#Lk4=9=mu=b*QVk)jNa--74hS=IUEok6MPjE3iE@_j zy>ri#Gn2`Ef&X3f`@!3MUJhGQg2Bs7G*8T4Ck9N^5}1!!z<;i#o)l84RCgr6_I4rE zk@23vF(;;@X}IL>3NMq%L~RHlpU=xpOUg1h*3xyMS}A*)4NWplb10?1ktm8htN4v@ zB--}+d={8XR?Xx&WdDNeQml zb*bMe&?5k-R)5MK(=g~xe9@D9x_&*N_+3r_8k*M0?&NBR#bUc!DSKjzah;i#0px*! z1OU1T0L_Lb0l?MIM|DBHsl7 zlhG7l3LuSZ$Ye5(4ASZJAL|oOU;}XYSa=A~ uZF^b0yhsQ5n20|=Ut9e|M2=JaxAYTy_uzp?rh+;E0000Cj53DF%up2HUi`B+Vu7<8WRKCN=04 z0-EpmKF>Yh58wAVo&)}O(XR&=W@D=B{OM}|PlLoLF}ti7Fn>{%n71H#O@7r^)35I9 zM*>X65`lWN`GSCPE2c-nFlSUnd6*edFc`3Uwq#x|rt(pS>OG)~{p1qXa7-}9? z1rbF=&@p4ym48;Jz*PXy@;N8V23@*1;ar-(84USH>{bB2eA}xpEGG)d_05`=&pEx} za}|K60jwCdKSU5`0HC4mD*&)GKNqlS4gev)Pkr`aF3>((0%K-f{A^`6U_@pqHr7#JH_4lqnB?A0HAt&4a1c`nf2Cp zfC*~^OnQRhT1hJ_$@R_J<$H@cs{p3Rrm#B{t^t4me=yHm2~G-zS=b#?5~Wg4?!Il++nc9ii9lV-=foVbYTQkdC228OVt0QY0~3|O#nmo>xx|H~N|801hS=5N^fpIB!jt7Rfq6D}}n zz@RdKk%8gKf{nYZ32B(SZnq5s1H)q&AD$BbGccwz{{O#X{w9W=pLKBZ+!5vw#276c)|(o`Xs zCSM>n0WsC~Apwb+#=;`C-;g@76f|iwGb!AF%myONVxe=ZH*;sWXWldqy#Bjn+h%Vt zDy?*IBXA7tIc6*oGeJk4R=qmi3D6siN=gT>K*2HC)(0jm+kX&|eJXuP{M`@i3u)UCOv5!CpjnIODw0OJJhA-@0O_AMYw_GQe53aH z=`1bxe**BU@&F#d19$)r-~l|qHh?93O)`0fbcf?2fWYT&05KB)ZGt2Zi0*J)43$m* zG`!e;W+p^O9YaJNA*P~{*=_&PjX>#5^&Vo{ww>uft6rUA!ZPp#EZouoSQxkuFo$`L cd0u}94 ze}VWH4xzUT;z3ckp|iiCbL%K*yXF#yJ3%f5D>)oA@AQ#3$@}EX@`2ZXm)NwJPV)|m z8w7{Ij$_6em}#NMgMM%REkHWWI}|(vEyv)x-n7u&Iz(t~D}P_!0`V9~d3k<%^x~3w zd;hc-N|^vrpyf3XfAs_FMA>#!p+>IZ0K+(18W@##o8!7~15|%LjH9J%_@^$;P8L8sF02m?ix^K;d zTIg|Lf&(B5r9WJxnRVvpG61|5N?p}0s{@06Z?1*z8h8L!?&++I5O=C5_M05@y#9_p Y06peYH@W+#s{jB107*qoM6N<$f`(d`L;wH) diff --git a/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover-dark.png b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover-dark.png new file mode 120000 index 0000000..29c505c --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover-dark.png @@ -0,0 +1 @@ +selected-checkbox-unchecked-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover-dark@2.png b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover-dark@2.png new file mode 120000 index 0000000..1c58285 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover-dark@2.png @@ -0,0 +1 @@ +selected-checkbox-unchecked-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover.png b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover.png new file mode 120000 index 0000000..9285c1d --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover.png @@ -0,0 +1 @@ +selected-checkbox-unchecked.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover@2.png b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover@2.png new file mode 120000 index 0000000..67b593e --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-checkbox-unchecked-hover@2.png @@ -0,0 +1 @@ +selected-checkbox-unchecked@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-checkbox-unchecked.png b/Paper/gtk-3.0/assets/selected-checkbox-unchecked.png index 4c8cec310bfeac005bd29172305122a0f49b61a2..370a1679ab8690d396b07f48b8b70cd6c96aeadb 100644 GIT binary patch delta 278 zcmV+x0qOq41HuE4wSV|YL_t(IjqQ>>P6AOFMbCTAPXY-Ef(29zjJ+1>8gLiVjKsQkPyR6e4mwe@=RFnWov=Cfuj# z+Vg#bVgcX)7$Zs03kTP?@uTg^p6{DZxBDhS@)da6F>$ND%i-}!|MOwrqF9KK$TE+A cGSSKhr@d8BG!KroY5)KL07*qoM6N<$f;}F9Jpcdz delta 280 zcmV+z0q6e01H=Q6wSW3aL_t(IjqQ@LO2beTK+k(kLg+)WP!TN@BZyHa1@Rl=?$*UF z>gFd@KcNa1Kfq7OKV)zXLWY76QCcT?D2;h>366=-#lf?mbMJ)~i@=Vmp0Eau9%49PMESJOQ<3I3+0>xA|>>`R2 zT_;3wqNVK^U;-PrN&$X{?J4UUpe;7gd6Zm|58o7R#mcJiRepm$)BM5n! ejq0}j72h7KOA(`RfK<%@0000oLZtIY_gn-fEhha-=+imzijun4^9Sn5ZW(AF+TPM}I%A6pO{-RDi9mN^&6M z1B0`EOsCUuEj$!n77F>+1c0V#vf)T224{PwDKs1Ph|%dvwrx+O^fwYkk!RJIl}cy& zQAKgUTyu=}rkjM|UhG=Js%w6@zc-_|PeOjp0l>Cx(%UDY!~MOPo@ojoT9DMliaVFa zHwAhG0L?}{Vt-o}-N`LR3QyOs$JJQK4?w5e9hA1qt%GW{-)z()*~Og6Ov?Z?z>@$# zHvz!tbR_`T+*nWgH3tAS7LyAbYf0~JX1?XlJpil#qsZKce$8FQoyHS$!?VaPE>RSD?pk8FbpOGr91c4Gc3(Wne{$y&ACsS9ya)4w zU*jp-bw3>WP4U^|<8uLk(bwz-#1%Mr2+(b}tX^DX0(?ZoU!Je6ekLN{ss3O31$fKc UAtjT=o&W#<07*qoM6N<$f{I=Zv;Y7A delta 595 zcmV-Z0<8V;1^oq(wSO~7L_t(oh3%KUYg1tqhkxhI&COR^(;x{!h}haFwcuXewPTeo zVpRlju!B>@rCh|pZc1@+Gj1JI_ND3 zdVk}4&OOh=na&0N_t38o7v>B-aQ^f)fM-BrjF%=6`KSUYB33wd||=){z3! zMk?CsbY2iJ;RJf540BG`w1;WqR;f>5&RErVI_7HvCOU@=VHOMiwz;pdlzm(JosbZ$ zg+|(;Sfc6i1tc@)xMbZ{n-HpT$Esad@M?Z@$U3Naox%Ztr6lX1;;rU4hdPH1K}1Or z^UbQd*6kFy3V#4*vEXOfrb`zm{mTnCWAVtS*NMQFZhM60H8eqLjuoW~cCC&ngg-r=yNR^|vS1p9^~R(O1>CcHi=i87fdci(pF zz0K1`Doomv@;Naloq`8N5@jItrL1wIJWv3zf6ao)#4LMog;<P&K*CB4r+ hz4Hzr$6Nik@*Qvv;Mep~12F&q002ovPDHLkV1ipTAX5MU diff --git a/Paper/gtk-3.0/assets/selected-radio-checked-active-dark.png b/Paper/gtk-3.0/assets/selected-radio-checked-active-dark.png new file mode 120000 index 0000000..52b465c --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-checked-active-dark.png @@ -0,0 +1 @@ +selected-radio-checked-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-checked-active-dark@2.png b/Paper/gtk-3.0/assets/selected-radio-checked-active-dark@2.png new file mode 120000 index 0000000..cef10ae --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-checked-active-dark@2.png @@ -0,0 +1 @@ +selected-radio-checked-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-checked-active.png b/Paper/gtk-3.0/assets/selected-radio-checked-active.png new file mode 120000 index 0000000..96a0170 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-checked-active.png @@ -0,0 +1 @@ +selected-radio-checked.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-checked-active@2.png b/Paper/gtk-3.0/assets/selected-radio-checked-active@2.png new file mode 120000 index 0000000..2c99b78 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-checked-active@2.png @@ -0,0 +1 @@ +selected-radio-checked@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-checked-dark.png b/Paper/gtk-3.0/assets/selected-radio-checked-dark.png index 7417ee4b0b1a90cbed9a37366af780d036d7712f..94a4cc642a74c936d589b32aced7a62d033f2443 100644 GIT binary patch delta 498 zcmVQ*MDAi4PAv>SX1$Ba?ZEO zIaF2^GvgY%jlGd?qjy%D4YD9S-E5!5&H`9ZC?c(&uUj)uOw2Gk9J zg{&3v!YQe~vwtPXOW+Q07vWW^?`%bfQ#`R`qazC3OSt~GvCEWico&|BX)HcGNA!Lq z0O$mKvIZDN$slP$Oek>K_ucdu{a}i~Sno#~l}i9;#5fg|72pd%FA>yJeFub6DA-E` zuS2>Oil8UIHskj*s>qXCaq(=*^e7r$CnHur1u-|hUTavmHUJyt+?ArMqI%NsI+?$c zRgcwBSuZSHM-C#uVQWc{Jw%U;;>F^_bAUnMJQCFcR-UP$QY+@#A?L~;9{TQ@ osLlfqN9_yXG%)UNIQhTDPlcblG6zi|6#xJL07*qoM6N<$f<681nE(I) delta 517 zcmV+g0{Z=(1+WE>wSVSGL_t(IjjfTrPm@s;#((F&{Rk;a7a_X(F*Gshzd)i?r9^3< zCMq?B0T^I#(5)u8yD+%522w*B)AFTBU;hIqNWg)Fe*hUeP^|s9$Hn)B)aoM7bndy& zeV*ss1OEx>Zmg86gKfj2z$kDNK+yxE^2sR6nN;HFJl~u@6n{3{No#Z;xTG-W^fBc0 zF$6NN!hkippI@&|^h{9La3@9eZO3YICUtMOSKLCyjU&3L@M8K=;-fFHQmzhKqx&7p zoxeRkFCt>U*rtt5ryqO|0JIH@ARlH@iCutFsT4X1Uw$JhQ-Ff3Mw+!;I-PE2$47SF zSKKuTvjF4_fPV-{N44m=)I-rFQF#em1+IacyS@qa!R-2^)~J2rgmC-9J8uTB{B9ctFpk>Y71um{i|XxvtDo~Y5s zVCS+A@0a~?x?S?6&sQXD7O*lZ!Yu$*4pd~j-7ZM>v+$cdKC14=fRuTkj zATra=J)euYE$#HuPSKtIlbhT*-|Kf?_nd+Mx};b~RTZZrwSUGyL{!%SWuO&anqPtI zz$sNtH#gLN|E~e4syK<%RxEv6m1RZdy{PD(rut}7MD&3HoTJ@KG^ZU3&wB3H6w)H@ z2~6nfh(6R05Ryy<*2qGTDpVrC0x!kcfC<*^+E#sK#sF;{U2D~l1m*z)BJx&QXyiaF z7IUY9wr$%geSdOgEy@SLLg1zvV$Iv4Ul$F~)}CCiDqjL2L{p)V+wev#c4w->g?j%$ z`q6OMO#s!vux0U5V_o!{LO-jp!8zK!L{*LfAr;z&F8x?L)8YWTcSLRvT|Qp}I6#Rp z9N%}SXVH`Zsw$e(4qz^#sXs5BZ?SFL%(VEZY}+x2K0wYaw{IB=YI00qYs#m%9f^vn&c#a{66pQQ)QXLj^=pu6Tf7R(;GH(GdoeO z1D^Jpe-dbyTeJ2zHg3rJ#kC$zz9u3c1AR^L=!((yu_^9!_a5vl_lqqLyPpF6z;frv@zs+6RLy4ZE#9H%!d zf#3;&Rel9LJ!1uepF2)(xX=)b#aw|jfSZ%ZBmj`L0HS>1m)XqC?3||f7=)Rfecjh0 zrWZggS?2>lIe<&xvTv+XUqtayXJ216pm%uv4H4tMwwtI$3MAi{3|nY+RHe!&7i&j7&JSFFEAa}Q1eP-OrhXtCHo zrzVOnuhQ<oy z_SnEsNv;x=UBFr3j`w_v%C4c3TxHAl*nnT`?7^W|fePS4bA8QNCng+5t%>9oL5=|f z*=%6N?j4caQ}niIIf>rK44FQlOoiI!`hRHGsBOY=+*BV;dOa%-huws2+mr4KGnH-I zmg?OE`R~k`rn;K$@%9M?L_`B7SO@$LRF^JY+4@f)Y}>XTU%Ki;71@MxLjw{oyrlYG z$()X^7mVR6pakg2W&`n=PKP(_?LZYUY}9(OrD5~wLcjZ7N?Q}j=LP8k=AqmWLDLUla#n>=7OMs}f>x7X?Eq&qAo1pxYp&j}Mp1uE+7hWKqVE99r}Ou8L4`fz zSNj74jF)rd_-Z#N5wT<)%6#tiv?Cv3P>@pw(&P8}|C&yJ191GyXU*m?VE_OC07*qo IM6N<$g4~QvLjV8( delta 1209 zcmV;q1V;PM3f>BkwSSaJL_t(oh3%J3Y!qb}$A8aE+eP}pK|@knq(DNzm{>SiQHW_U zZ7FS+^05c3!WIn&1BsqFO#DcU7o~|847E#I6TyB=k(HJJ5kjaJt%;G6Xn@)x36fBY zz|QW@Z~`2XH{-p%h>3Z z1G%Yi9@Dj38|%LR*8rx32X?CP9>}UJ>t0bf7!KBSi-Px;}hqd#>UDdxOEr(cz(Hg*KqT zFx;<>_75!22%xIst@)Ec-}N7d-mxsp%~gEbEX#67hkq}^=zEz| z10{~RPhl7EtT+4IXhK|cdV!dq+COpnhjL8NbRop+y)7RDwb zenlcD&VQ5@$Ib5)4gpm_q4%jmXe)Nip~#6dWq!Fu&YjN%#(>ok`}Ep00AMSCLZ9EQ z))tKhTsLtNafn8%R^}dP&N9~0KyHm zKLA&NrT6j|?eVL=yK&Qap)*mXqWgg%fx7~C6)vgh{z7M>YIozNalhP(J5H-Yxx(de zbIr^o<{U=teFHlLjsxSaJXo_g7@W*7+kdRBGa4<4JLU*bin!au!OcC>zB$KnI9SsS z3;|`LflkY^()xv5&9W>b?wFlGDR6O5Q(f67& z(f)zu370N`^8@!)Y@$D66o!~~gPTTct>fSq2tkJ_Fs}=RP+9bB?#;dD zoOkl_9>EiAC3XiWt&W2tNC^=DfKaM}AZ4P=&dk*0Q8S;^n}4N5qRmrf7b>;NOZ8l_ z6mmIE*EJRZc(b+EVYgSi1((K~`0ZNpY9$_zR~iOOiA0;rVBhDjFT=loo>(Ix(H0WL zc9+m&27q%lTi%n?#bhd7>h<^CJDkovdNcXrJKSSDME-GPd(eaU?P_H1!}&iz#U6sKp3_HK1e zc`-D6Yhg@pI7+MI>bYWxghX3iT&vX}NfI)d3@X1!cy2p}+^Mhlq`@}C)@4+WF~VX{2W8|uYnxxNkr0xbrEgM*D; zQB|Ecn+-~lU~ z1=mzEm47acg+rRxFYi&!j%SS;3(Ffg#SzcXJLZhNBERM9hAD^k zZnsyRF1OZZ;u1#TX7!)X)QnG`zxG#IIsu9x0R#{Rlo~1nCdn9dcXs;KaWnrf6jdsv TV9QA(00000NkvXXu0mjfiDg_6 delta 753 zcmV2&{_}ZY2dZiarbt+xjqVoOL|s?3}lY z*jP%@bM@!X?|I&b_vIxl(U#=UdUAwrFcu{uKL9YsvLH%9#DCc2vHkBWc`6Ozo}}an zHYS*D$Mw0aY-#g?Z5TWN@GjXF6>rg1>(_}FuHlP$dh+67s~iySNlJ3C@vNEu-eGMha6eS6&@V ztX^tfsuv$V>b-rZX65GA1zz&>3gigg`rM2h-`=j2%(iVqRaIm%84wXdp%7xR76rgDu(&;o*RV}xOcSWl$ z?S}wHQH}%E+or*7XsmaafJ`Q{ta{~c8|K(=((;C&MUaq_{m{`5(Kb~<<-^p1|^X3I!;(Ph*_}F}4 zTf7FM*mCc|Lo>QL==QDhihna795|n4HGzWQQAVB~KX8W!fI!R6v{1XE)nMcsy?J+W z_S=H#t*YX@ip-nEB76RJT0eLF{#^g1D|4(SP-+mpbt-aZGCO(ODPL{dp$j7UTt^+- z>M_1$WlQ@Z*rv__058dosCbL6I={{d!c~?t&;0S3Dz!B^yw0)BU0@UiF+T@_!;mF7 j6C}89K1uGIs^otGGIc3kFkK8b00000NkvXXu0mjf^s#wf diff --git a/Paper/gtk-3.0/assets/selected-radio-checked@2.png b/Paper/gtk-3.0/assets/selected-radio-checked@2.png index 3eb5b6a5d197f0caad785cc2637950a87ac69863..1d24382a235464b08449c5c536dc728153c1c3e4 100644 GIT binary patch delta 1837 zcmV+|2h#Y*56lmcw0{QzNklhhpB?Y-cz0O{A`q~H4Qm^!M3gp( zr6{2xQld1g%9J2TLX1#bDNlK5)jn9MRH;=Ssz`Zoja(?9O*itkDH5&v018pmqK4Ez zYhzQpRVl<}z5jonot?S24{IX_4|q+#x4q}y^L=M_=A7>mnt#MVJg#oG>2U_>DS)?u zQILZ+0sw=!4Nw*kvliK(P%ih`$&)AR&E%!EHVppyd{}~cLNIX@FsQV) z>M8)_a(Oe8&DQ@uF6l2Pp{e3UZ-c!JtL?To( z`B?%*iiNy9dws@jnRU{2KYQWebNZ8C+uzEF?)%z0+)sWM2q>nJaaAS5gh30j%xi!k8IX7t*OVq45L=F zhfbfJpMRK~GKdj6c10_GUAG9B@H6}5@;h-SX`V~{0HTIru-Tbux8T6jy-#|-`^M{A z)=Lfmn#(19@5J#fPxn6I66G6xOnj*E?v5WD_5>yZf*{iWg!xYz)7?$%dDlvCB~Cei`8mH+W63B z6Mq6*U--r|=j6>cJq{vIrBsq?iw4tmUHba|uj)?Z<#HJ#BO_Q?SoqTV{QNxT=jV}3 zCJ~Fp;PrY}oqb~e{?f9B_WQB1vHOy*6fr(N z?ilNd?)Cscsa%o(KtOC~f>9U%%(}?{AQBF#PKU2uyS66zGNz`c9M?C58oA9{V}?Mm z2!m({u*^CEfZyj+oDQec_Z@0Y?bQQ*6#(i>TmUvO2;Ow!W^wOsP2$VHxnLl+0Dl0o zst5oml**1{GaL>#Eg%#MIj-jlg*pHzOI$>>zyOg3098>r04$`_j!tIRu3b$F*u8tV z<9a%iF#$kzxi|m_hy_N1{s{nnzuyLc(TT~5)8RdP_8=08tVte;M9|aI;}{!DCMy8o z^EM0%2mOm#l64sX^kAqC0OQHzB7YY`+)ulWD45McM=*K_#cd=CB?H!%fU^rYSK_B)Xj{TH1D#MT< zS`3CGb&t<$=krBA_{-B@IQ6&Ybv6N^pF0qEruV5JV{A=R`q$4s&m}%OpDUJ1Tz{5j(caNn_3OF? z!h%HhvEzMxcc$8^WT)aEwR2v7mp~0$etp_qDK%_)AP|uD_H=1I(WoaJ3aYJ3y**bb zn(0i&97|4B#wLIyi>CM-^{qo#OKF4a#Bod*zDc%u4HvnYQ zDdpyk8=A4Mi^(HK<9~$%0E`p!yw%@#Fnjmjdp^#1Jg(-r^g06_0fZZ9T+Q;?j8ZC> zB(qjy%TrBJ6`{IZ+~@V#dMH%)EOk17s(^U^7PC(etmkUB5@!;LP`!qJ0r5NttG$*Z zs6-_G2=bhAs(M`lmN7UusIWlzF(UK|fi@z9grG)WCUIK`WF`n=P7?Cv8#AL<2L=YL bX7c_IoV6MR()Z8s00000NkvXXu0mjfXgzow delta 1832 zcmV+@2iN$_562IXw0{QuNkl!GN)M*JjtVyW^did;7yI+TZ~%>G^pd-#PcYkMCSUnSWT+7T5gqW;F|<T}_qVnfck?mb)Wa^lid1DfK$i!#UBB0*0RAy7_GDUl_}zX(O& z+Z|t*{9FRozIv=8Sv|B_0_zCS0l>*;c_A~RI{7i~+BTDRfdK%in&7G`6knyQg=%cY z7jOYU66Kkc2Y>5%VE^IxbA_@6Jh5Ycj4RkpphW;Mo=&Q{;TyUrSgf23FijVJW2RM6 z6)A2*FZtN^kH5PiHKl--9ed^pRr@(fX}AT8nFD=($I5a5FlxelRa2vHO-n~%?7N8X=%$FC;xa302nZF z)g;mL0ALRE`K9a7%H{?=-riQr*+VV-GvJKjdw=cE)h=JUNSCfd=JkF*00^S>ExQgx z?h0UzwS}bgji-~UV`X_P9O7@jwrR%yLtZN4t?lj8qt#W+$(wvUol;3kpUjIb0KgZu z#Wf{b{e2>6V*~#VNY|kqFSgY*J^rZQE1>JTIDh^;Iy*aY{P=O4Idca6{rzwp2ZmvQ zd4Gu3RE6ofF1xyW^Ny9{zDR9B0<)&if94?b&zsdugn*OJa#66DQ4{9hUj4;tFLKi~ z(b3U?&dyE@4i3V$ZP>Pr!NEavc6Q?6!GkbO(=!w6)_f@(3x~KUSj@?1IRQZ#)0!9< ztpI>RW<&*m)yo=vURTX^T^u=b1c^lAzJKW+9v;TgqetPouGd!3s%1;{QZB}51rrjF z0)Uer;{fp0rUuXV{=$U|4Z+0bpn}<5@PN(P-HMB9Vw^`_Ra3yOaxr1OsFe0Jy3O0Ju7s z@N_Z@7Az=Rz`}(KJ=?F`N)}4F03?`{^dA6Fe3dQ$e0a7e>os}Fk|i(+ri;L|I!gj3hU}jZ04&@2_J4N(d}}mJKhgd(<(INbe%jX$0+l|Hst z66GtZBDUfSx{2Fq@$wt{ZhCFS!@?B;um0>eH&f}1P<%nRA{4O!%5gv22i!3vH$Hkl zKXb)5D*!yH213qwI;CA39Dj0?nXLVlCl&_TeeQKRBGOkEK zzJ2!fjeiI3_yGW@=YjnIdby^H%DTBZBEs)KIAL!7;V-Y7d24cYnF3=u%iXl=R|D^T zc)}ziRMyR%FsCGYa+j~YQyk}EO2uypm{w{^!<7N{QtR5P&0k+tQ-6*rJ<@e%ba%)5 zqp5U85LaYn-Q3(AKbUYF`NF?`wCQeDn-uKH_`b)OtNem+$Ch93_d9u$13)Ys;;WV| z)mJw+1ZGc*YQ?wxR_b=)%B^If^IT8%__+&KVl?An%P}N1+Sa}E#r{%0&(*Z-IuMb0 zu^T`G0F0+oYHs-Y!+(8Drp>e_4jdp!_NYv3|7W~?#(&Yfrk-L2Dolg(P%m12{qGi{Ch?^7bL|98eu$&A?U<{x? ztK8Y=wd#iwP(;&9zgA^TYhsL60Adb65ds+#gklI1DKP4nQX!tK(xc>ta W9xl=^cWvDO00002Qi{_))M! zZ3-+Lg{MHuT5*vcc_W0vS^`q#4XB8OQy}pIBt63Gy_3dXSvIjFC8xWi`<;7cG#CC+ zGFdn{OqK$rVXzAJ3;@$>#D7h_wD-5e+wuE4erUzXx>I@vi+^~nr@pwH`r%Gy;%*r)n*(+2++cq@yfth`%+6++YS_z@(Hmc zHR6RJy8`GB3M*o^g_liJ>dk7HjF_o`eLOyXoTYA8%p_KU=fm%002ovPDHLkV1g-M%jp0B delta 443 zcmV;s0Yv`R1m*;gwSSyRL_t(IjjfZ-YEw}Zg};4nVyHwqvVDN6gMg4%5X7rCVj5bD zKNM02rh|6igE+~+SuPYJrAU(6D&+bGjuaXPg}y*_C^eeoEGNw+#F_}YW@mHO+TT9x z1OF%+FKjp3bA88_!6I-KKt#Lz zM6I?a5)?x_?SG~YFJACh5(2?Q)3|1{-yLV3)LHE~oBojlK9q~$Z@V$BUO$}^gX4t2 z#DO<^^0x#w&|`4>Nq`eoLl2{7oS$ZnnsHuEtGysyO#;?R;fcpK%(Oo#WVlG+E6?uT z_zGixq1I|IJMag>F(=RI_qW1sqPgwu}002ovPDHLkV1ia?(n|mU diff --git a/Paper/gtk-3.0/assets/selected-radio-mixed-dark@2.png b/Paper/gtk-3.0/assets/selected-radio-mixed-dark@2.png index f5cff18621729663224928ecfeea0a32685e298e..414e94327d87e94111ca4e7136c6d0729f522bf2 100644 GIT binary patch delta 1014 zcmV{&J0+AXBPAdr#YcSG}dGENGk4`)7 zw9}3&{jcuad*=Rs_uhBTyAS^Bl8pwcszl?-11|VQwH2rXZGX&7^DA%H+VK9&Zs zWv&rxaTiECDt=&RZi?$3*W3Npv5wmn1N6s74ysE6*a1w7$a{76;y^GMbjm>+W31X| zTDnj^0(Jop)PE%yITrY4!vOt*i8fXF3a}AP+P2gCW-$0yIpdW&GmzTm^Eok~16Z&u zUU|Da@a@VtYh_3D(rB})d;!=h^v~Ya;ic^PBe*{R70Fa|vBSeZdpU4ORg%YO8KHX2mX&w;dElX-SC zD_>2yDf;gaAFIb+2bpSr!{JpIhmXqz9 zpUyQ`1=!L`HzH@@@w{K5wiEzF_zht0k+=Te0ubx({M!6ynzAHI0L4de6+kULR4v0&0%-?8DZG@5D}P}s+YtZI(2%Fv-ezLLt0IT97BW@> z5Do>t2W|p8XBO?(s}1nv%UQfQYD~eE_JwduAZDty<>M*!Xr;H2^B~ z6^|`@9fx}Y3E(==;PW{#V@%0?p;8%REY(LbvUTQKxVv+7O#l&5kL&FQeg`^g_q3ed z3V(z##(HAUbLUj#Fv@-PNND9Hb=4G$#z$UqUA_itfU)^`Pw3=v|HDemqp|VrE^~uG zJFwuY_40|{BUe|(t(oIzV~H0983A^n+!y47KN@R4Hf?R0a>m9OtG2l%gzzERZGRx5 zN8jn`npiEqY>_#CVQjZ!Wd?y4a$RYGly8e%_FB$u%j>2A+>F)eDov`ML!cdGpLT$2 z>XA_7wazSh6;U=p1{a@ffbe6=*8jvPDcDb(xytwF!PR!c{2Smcn3?@QnX&omD>in*i`zg=8rq5#WJ+#1oM zTBF*gqJChX=Re~!oOz?8*h`q4W9bYeqvt$;3g-$%4$0+EMvjhO001DyFN^Ls`1Of>~9RSyL{aFH32k~RCu@FaViQ$J{XDY zR>3BD+`i1QRiERazj*|h0jfny2d%YP=Y@P>tu@Or-yl#4T3?{xuHoaIh_Ke0{dEnW0PP6(P`7*SA$8pn`(kwR6)`#qlqfo`vebRn?|+mJ`Cufn zJHG52Ql$-ufxa5-Y`wbHZ^IfNa3)_?)lpzC!aa}==5`l9b2gca;}ZwsE<*who^NwhQOBrUa*MdN__!nrue%rLk`T0NYm)S3fDm@A_u@#TUJO3K2tEw|#JKoeT&!a!T|8U15iYKBd z-hebJ06`${IFg* zZ-*v=?qo9ASJ!minN9R+;{$Q{-hy_q6G$7!clTCA_a_0Hs351 zHKU(gC~8I~mv8z5vcY!E1G2ohaLRN1{&;Az^>*)_epi!1Q8RY-(t0p7)pByIy0Wx% z#sWaMaeuMp^ZO?O#5PjfT4Yx7M3ot@{P&bKz1%*|pENSLd@~rDYWaqSKHK%n6wvcb zySuxbV{j;8{^~rhlr&epR%6X}n*abW2(~DSmOmgHPL5UW`c>+`XX@qshfhdTMMi6h#dU&Gg%IKa07|I}LK5H+O@Cg!@U1vcwugr9h~NnL zLew;aT1FM~xi!wzbrt|vn`rWqT(CJk8ezFf{4j1MNBZ(R3mUp3f*A1KF|w%(wFA|z!C6;^z3S@nENS> z4Te08{%WzfW`A?Q?`RJA9p_G;(s~DmRSh^PxLy4KZjh$PXf31D@y)r9`zHoN2Y1W6 znVnB*Jy&inibopPS;5i65R2>7GO8HtXpu_E0C3D-Eq1mmlD?vfmT7b`pj64{*0^9> zOL-}In_!z#p3iM?phV#qkSf#AnWMfcI{*v~4gFURhkwJUukqSVLt{Xwhp|BSdUyv) z|44*_asbk-U_0>TdwQ!WP~!-P!zCAdURcsuL9{4HngJmRUaBZe&cw5OZSd%2BFjs1 z0fZ(P@QB)+9xWP+=Vs?qS}A#UKBYxtZ*n%5M`KtTW!0JJnzubz37)Te_9A8|#{+hE zh0Om;?tdK^R%xYolXFPp@2_2a!UBM|?#x@xxvx>D#Qk9U>DJ=Px*?a9F|s7GMxj7I zd|lA)PCd_DzyB~pE4`b%?0SW?5mA$mt(|9TzI2Z#Zd<=)=DYP3Rm|r$IMdJ=0AK~t z;w8CYb9pp|<0fd@xc%2N6>}mocGxnFE>NO?P$v%q0*gW=u;PTXO}~qrpDWJ)20!-? UNIx5TaR2}S07*qoM6N<$g2(Plh5!Hn diff --git a/Paper/gtk-3.0/assets/selected-radio-mixed@2.png b/Paper/gtk-3.0/assets/selected-radio-mixed@2.png index c812764303ac02c88a36be20959db3b7ba755563..2f0415d361c85797c853250fc048e13db6be935b 100644 GIT binary patch delta 1620 zcmV-a2CMn`4fYL?wSO#0L_t(og|$~(Ph8g-UEe;JIn4DiGsdZ9xv6ms%^2z`k?J-H zQdCuT(o}BzK$=)~5(k9ZN_pZ3@B?_LBISW%QBx9E-{o&tA9s4dXhnU2H@>r6z8DB z0Kgzt0V)7uu}eI0{}r( z1Ngf-@v+|CUVmrT0>;wmLmrog0i*yRx3;F-Us=}dn#FdLzt*DhqsNX}@noCZAem8A z8hrJ_h5U{Je*34)Ne28zK(tww#g^vhgQi)P06^Du>3dzNmeZ$Fp+r2cw6^Lh02GTQ zCtoPIpUljf)7fmTR4RJ_5Q>Do_LH3(nx=69vBsG4W`AGr`Nanc7|&!9w!^OzsI5{i z$&2?Ef_29wU5~OC&Yjht{^6NcM)Zy6hI5XOrl!j`{yI@86pNlL%cA{c$40ERwGP61 z-8NtS<>kw3UlWi{r`0l-MggQMrINhxuWU$gpt~!j^~Qeu^F_)r9J>D%d*(w!hBG0;Mtz1!@qjt^`m<3LPlW{+SX`J7T9(BG&{Y!bN^>3q{9g@3F9X2R{Cu!puTytdN_*+T&mUoI z&)l0}jNzpVFFw+hdR(j5>$G%lKG+z!IG)KQHh%?3aQaDzmfYH!VwzPc7K=%Jmo6T8 z81k(m`d_>Bt!OmLOrt6la%&0+(c(Dh2LLvdPOE;A0q(CXYXETm`Lp_dmi=AdcVxjR2?02+!vLTynNYWWG(0@~P^5!{gPYHX5`JvQ_In5f zYhw_U1c18Z5&%Ra5#^y6zX5tIsse!9;C}*eh(YlG7vDA@@xSj}Fc4b@09jQ80F;gD zwr%quP%M{S08koSM6@mgA_w5xs-kkcX0i2L&OLl6sWm^^x`z*oTt4prfEoyJ01y!C zj0F7~0HV>T2LPYW%$f(r_!UfLvnBvU!oFeQp#QMCRKE!TdOYC*z;rfS<3flBhkw~0 zIOk$&X3hctJ>hdHT>6kvv3M5{W+)Qzv=)t*N@ef%oqrS$TEMM4|16ZtWlw9-cqkn4 zAW(HHs~6eW{2;c1bAOJj0=Nn^+OcmI`MUtn zezJ2zmSr(Jw_yMIMrM`s{nrW3IsSO#FJDg2&e^goi{p=VZ1^MMou)zEY`Hq|F#={Z zP2(pzIyZxZ%zSB-)G*n=6}4enNr8$ zzX#~>R#O@d1=(|Fe-is~&ognx*p8<3&fSlTnfE4&6~o}NEQ=Ezof}bIuY<5Ik$3q@ zZ}0lH0s!D@`n?mJyKfQ5x8?WdgQnrz@>nb;o$fxRb*ECHWFoG%HfnpZTyb*wyfc-Z zGpA;yxteXocqWr@ZS)C<=RgSWm`%PP)*up-pwQLr zvfh(`CPqd^6c$T9L4+P5&`yMe5Y*;J5vxKVPY_FzkZ&$8eEQMQ&`^ChasLZs5604f S#>m|O0000CP@i zv=u-b5$ZwI1OQ-8Fd;)slODWxM8X{%8|rha8JBL>pfmp42I1O=7_^HBfocY2MuEV8 zR+@QqEWS6jDg(P8f1@T9P8?)lF99Y1xK=@yav9yV7NqAmf}N580MZR5bzNz`TF(g8 zJDM-x0RR(Of`9p?Rv9?<8O-eU@O3X2@WQ+Xtq~Em*5&&ZL5xJxDZr^>~9f9?+ zsNUQVF#zClYOXXrn|9v(V7xFgHetL^rT;T4mF1B#G^eAg!g^z%MmHW4fl zu5D>6>cOxJAgNn&|NDav&wj!{PyB>2<>ikOsNE^#w1o@j0?dr$YxgH`#M3KXcv>0E%c|_rUS! zH3P!64-vC(F`Lp|yC54QA^FS`2bymOUTNal{@yzp!ga#6@^Ueo)`{82mO2CgqP-_> zFlZM56lX7)0C41?Z-#F*<~LH%XUfO+JQ!YL%$NYcz^=~2&*{Ry>CP@91YD~iRmm2y z`hSRgXy+HhYXvWB?|om2G)6*Fm2BZ!1xY}V8;wo@LE8YJl*{MzP^;8+rAoHAa3$%qHOI_yr^*=KuBNW0 zmh!)@tL0xw!A$=F0L@qH0l-^l#tUmkyiRYQ`LIyQ0%%GoQl|mH2-Q0PFfuk_d4Ec+ z`Nr^+;*qg&8vu;DB^E=S5+dP_GNYjR0-i8THJh39e*f3^=hoW5OK-lLNzUawVVFuY z10Dl;B%HHiY^cv6!bt$|$69Ov`1#AP&*v@MTPyfN(e|D_@uw^R_?wm(%s4qV)VGun z$S006kyTR{bu?elOU`H2qfZZCUVn>FcuL{%pZw}_I-66PFX+{Tq7Fbs=@-MmazS$G z?N_aqZQrT^aIYQ+xr^Dfaq&vROXUjASMK>jP|)hG22UwGHFVR4O7*w-&iCf{O&KO@&|wTi<#AgW1(n!2Y&{BIsNim zr}9LE+VvZkic{k8;<<~@m)osSl&aql&{SEJMrs4%@V9r@9ei*{eKketA4dK;H~8YK zbLnhOk<_?${l?;QJ(zS|e)wNMI*?q^007(@AO5WHw4V`{%kr7?e%H!N0BDSaZNp_rUQe zTWSzM2LLQ)(|U1s=GGo2O)d7)h69**ToJ?Ql5m0s$5Ugee7+3)4 zq%Pgzm1ccQ2FmI@{G85>MyC+84Nz?WMF|vJ0;&WUX$U&c%%^MR#j%li+^uHZ{{aER V*mxM6O-KL$002ovPDHLkV1l+g51#-4 diff --git a/Paper/gtk-3.0/assets/selected-radio-unchecked-active-dark.png b/Paper/gtk-3.0/assets/selected-radio-unchecked-active-dark.png new file mode 120000 index 0000000..4e1f599 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-unchecked-active-dark.png @@ -0,0 +1 @@ +selected-radio-unchecked-dark.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-unchecked-active-dark@2.png b/Paper/gtk-3.0/assets/selected-radio-unchecked-active-dark@2.png new file mode 120000 index 0000000..8912b8f --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-unchecked-active-dark@2.png @@ -0,0 +1 @@ +selected-radio-unchecked-dark@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-unchecked-active.png b/Paper/gtk-3.0/assets/selected-radio-unchecked-active.png new file mode 120000 index 0000000..702a7fc --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-unchecked-active.png @@ -0,0 +1 @@ +selected-radio-unchecked.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-unchecked-active@2.png b/Paper/gtk-3.0/assets/selected-radio-unchecked-active@2.png new file mode 120000 index 0000000..24e07f7 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-unchecked-active@2.png @@ -0,0 +1 @@ +selected-radio-unchecked@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-unchecked-dark.png b/Paper/gtk-3.0/assets/selected-radio-unchecked-dark.png index 352d82d0b2868a887555163a08c5bd642e5d27cc..aaf3f4ff2ffb4afdbe070f5050f0e1568773f28e 100644 GIT binary patch delta 405 zcmV;G0c!ry1i%E4wSRU=L_t(IjjfZt`i0A~WUHK9UrVGIrQ1_)y<{mfB5TZ2!{q64Ie&0PD?tynkdJ8)T z@mQeL4Q9b60WiHm{O`m|b9=3F*L`2R4|`F(;FPw(2wrQ6FMo_DzA%o-x}l$)(hd(# z=U?q$FNzm1cGW1?S1VVqwHrpQl9>H6Y_qZQ?IaiM9K>TzX{#~wKe$J7p+TouUtGLb zfIz7OKl{M|jq2A+#E#O$ZR9iXQ1&8GKRAmTk$B3vKw#pNOa2Th7z)yB#J=PLzy^f@ z(#L{kOeVPfmw&k8;EKOROm4dbb}q)sptu*Rh@Itv#7k4K?_ty`^@GExRl>_sM_n@) zY_C=B3|kkov$rJqM^b8A%X1IVvkT$j>AWC65Ia&M8Vb^DfXB}8w3sd9WyzFUqgshG z=EXAYA0LmViQ5pfSzzk9d;^?!)HSo0KP*p9$(PL=Jr1F;00000NkvXXu0mjf=Ay(o delta 422 zcmV;X0a^aQ1knVLwSR|6L_t(IjjfZ-YEw}ZM%UgqArvAV**<{QK|shW2x8Pm)X-Y| zq0l-o9kc@<#7PFua-k3@B1vmoA=j5sXdD#!0@b0^Xp-|eG1m~P3FtRFhqKn+=MVld zHa@Z4Y|r(bErUg10YK>3Wrr?mtCiB}=z1R=#CyqdaCLwSf`4i>!+bQuJlKYe+2HEb zciT(nb`b9+%O<@T1eKpwZhkzk-MEz$F})Q$U%yv+lM1$*?YZFU3=KNxY*Laf8elJWb==HM&p_5c#;vkqknO0x}JqF)T1ukla9>%St zI0=qhNl~tqUX-n+g4IgtG+-NM+W(tm_>dq}pWV6k1;+kDeYd^j=q2(UMbz zneJ6t^hmB12-UT_x0>m8#;ep{zq@ET-z3;x5dZ)H diff --git a/Paper/gtk-3.0/assets/selected-radio-unchecked-dark@2.png b/Paper/gtk-3.0/assets/selected-radio-unchecked-dark@2.png index b9867d255c2d1ab49cc09f15df5b68fe51d39c2f..fa6688bb614d3674134b37883d0f1048b2d4da8f 100644 GIT binary patch delta 995 zcmV<9104K@35p4jwST}#L_t(oh3%J3Y*bYg$A9O|yp9XO8VyN5NPwcjO${tej5MZ+ zaYO0QsZ3%&h>@jHJ8alA;VPPl8|))48zW8!tetkI2{pQ~5kkUB4J?pQ1How}L1GO? z`Z4bw7c(vG%yjzUbfy2*eea%}|L@-W?!D*1e_gWHKvfklk$>7}AuOs*Kn-YpKFzPd zUErdsreodhKU54rRmF>^4&&%aRi0gA-W!Vc_H;&)BBC1x@Xn7kXjT&nFXY4TD5ORF z3t0E|ygrrzaAl?*XMP7r3o2n?dp^aLfDLxMeWdl)x&itU!~4~e1hxT_BJzHXJKrCT zM*VWo#u%sinSaK1l#hWOz`FMH_wVkD}f zUjiAoD*N0Mdh`g?zZGY-{K6Ys^I8J0EH8kGKbu9sOkv-L_b*Cw+P@R zQu}iIT<+9WWk0W!`GV>~{%1f2*yEiW+FJymY7gaGsnxdHMih-keStK9pOtVC0LXp- zQNFIU`F|q|I|d+*G?f6L4!|ccv046V-CuHzoL3=04L~R~dv~({+|cY~zF88W?4?l& z`E!pi_${6-ivS}01~Bt5Si4yO;{3gkd#VUPl}Ui0!>-K&u$s>;B>;d+0P5(0%>uwm z3joUErL^=UOy?RB9vmDDRNC8&j|WxcV9r8Di+=!mx*|UUH-PO^^X?m!26%F6`c0r7 zxE||l`>6;(L{!mU094;Q)t}x{DRVDAwpCRPfC{}!`<7kDJ)Myxa0RFfh5WcNrl?+6 zuZ%H{>ccp>bLMhSN88AX03xCR8|(mn2U@FlH=h1C5XKniiQUhCq9O-T?rA`}3X9Z| zC4ZTh7=GDWz6Gj)(b?HR*YTs_2kSBS;$vGaGXp>iFlW_yZ?CB&CS_z#>N<@x}mWP;UjX>eqTfnzuVb9UMjw9S$^j1=uY3s4gfFa zUu6W+7P$~~{98`YW&mu~skh25)xZJJR$OvlJHTZPNLTFjw%aRttm((3FP@6zE15m3 z#piWhh2B_aWO%i}HUF9cc;|-p`dJB!BTXo^JQ`^RVM>sT7Sc=i`Ttr?{{WYDdUXIm RnI!-K002ovPDHLkV1f_3;1vJ> delta 991 zcmV<510ej035E%fwST-xL_t(oh3%J1OkG77$A8~kURG!qnkGDIX`7h3gD#9{i6JpS zQ@E$J_AVM!E?v6PHAzRSiE-m2afw0$CZaqJNv{PGiEWy)Qe3r7G%a|kO=^=iRa!3h z&gbGDo)<0;FDw0T&N(w*=Kq_SGc(`7e_gWKKvk9Qq0u91)PF-wEodoF5mf&Ua#!Ip zA?LR@H~y3}fVA<*X%)_cJip0yZz^;|z50F;(QN~C4aN?sguVt|42q@!UojU|lDG4V zOdMeTiK`IJt2C-jD(V6Ig7}G$;mn)ihFe<(=o}b3YK-d#_5w4ayuWMyVP_-~No9k! z)|&m*FP}p7V}GC$xUYstd${3;O#^iMm+G9#2#^m9%_a)ocso+}S2p8}4)}hFXkm{a zVIZMS>f2A&|F}BNtS;ypj2&_+-varlel|6E?bKGy0nU2fqv^?s7KP7&0%P2F7lua; zWCc)F3FiD6U})->iFd8FZmZ@Cvevrk$!qT@I;_aENqG@jf^!*Z}MK^#lQGLCwrLljZZgB+Cz2`iD3g>cV4(aJo0hEgt_E>8( z@`bI+T5IMLp&p#0OVdXv%P0$5>Py0BbDU2C-E*zNT^HhVES8DuhtH;M;P zxGv&4qTaEAjbb-_H3R7O$Et&5q86b{f}SeGQSM;4j1zzPI{#lA=^uAWfcvEL09F71 N002ovPDHLkV1gb+)Fc1^ diff --git a/Paper/gtk-3.0/assets/selected-radio-unchecked-hover.png b/Paper/gtk-3.0/assets/selected-radio-unchecked-hover.png new file mode 120000 index 0000000..702a7fc --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-unchecked-hover.png @@ -0,0 +1 @@ +selected-radio-unchecked.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-unchecked-hover@2.png b/Paper/gtk-3.0/assets/selected-radio-unchecked-hover@2.png new file mode 120000 index 0000000..24e07f7 --- /dev/null +++ b/Paper/gtk-3.0/assets/selected-radio-unchecked-hover@2.png @@ -0,0 +1 @@ +selected-radio-unchecked@2.png \ No newline at end of file diff --git a/Paper/gtk-3.0/assets/selected-radio-unchecked.png b/Paper/gtk-3.0/assets/selected-radio-unchecked.png index 96d8e8544831064963bb9255a4e6fb8c92f2476d..0d5b93d908045e68b8098bb65f438274ad77eca0 100644 GIT binary patch delta 642 zcmV-|0)73(2CN20c>sXcF$bx$&``0kSdAUq*^VsnbGTGlosykk@^I)m!EVOYE% zIFzD7z|j0qAYdOCwC11zC)#OK6h#{h@`R)0a7+rBxxCgYmUQzzxmeQ8TtRCEL$b;C ztV6Q0w0OpI{J~^oy8UMVt?|E*Vo5i5_p?Sg5^cLVR$X0QK4$@-*Sy>g1cTE6l3SS_ zJwB)S5_`(5U;cB-x>4zzXs69wL2HF0(RN^DUGxYbO-?Og5ZdvXa_^G>E>9~X!5fE zx@Zd`(Io=&7Ra7D1REhjP(*}~*ikIeSfLMs!0k}&RtteaQIy!CvzF_}GB(c4&ip%s zvI*h-PVeFQJ-nBPU>7a%v3lZi-Jnz@gaiSAQmTQFGjE6tPbqp3G8cq4T& z>Nrs&uSvGP#yO_R0st#Y4lgT3(HArb%T3{@bt^MEVDA((^~MD$Qg_EHthU?BS#Pwf zO+MS9RyH0Cc>v(k!qV3CY`Tz0rgT0~`&&?auj#UNIWsz7a{%Ct)WyugYP+QWlE;T* z!RBzSRQhIXB!BE}jfB1DPM^)x&^N)z;UzXh&P+ zUh+244z<$OH#ktDG7LzKW0}m+x*AWp1&xP79>+2m5PuqET+nj89Vq=P5emux$gzUx ze)*BxD!1VC!jj1fl1o8y3Wo%{=Nq2ANLuRgh$m2`@c)zhhekA79opo)^2GaV z7oV^I5Pxbo^Op1NYc?qfJeYa9wYaiwDHRorB1^1QEYc5O7mT~p&-2&sKg`qW&?c|= zUm<73wajC8XH2b^?(rlb4!VxrYp!ULt#5FSWiSB13X;pqN>TI&4Tj?;Y0kR+&zMR% z5g$M7I#v%TQ9)>s0f9@Q5x6PBi8Jrw=f9Wc{}liqLJLj!ng*o+0000HQ zNi0QG1?fdJJUDF-Bq2stTPaWZ1N;Z%p^B6T*N8$%dKrmnBh-+$Dj+0Uku=!GwGnP5 z7t-R(+{Zq1&YZpbFgBtM6x)UG?dUA6?_2w_*0+UqVkDP~ZhsBs8HM#c=pK}GYUD8h zg}Dt<0CS@$;YBGHuM7_l2kXfz4+UwyO$lu(FQZGl>O$=;D5mz_Z4tDpU*UWeMXS(O1Tud zaebz}=?CJvDfPVr``zchv9Cjk{LgcvwdRwnf`D8u7cFaR49HeWrO3=*C*wv#e_z%aI&yfc<2dVD{xx`wMmTor%s(ft zO?je(-hZ!T>nYc53QVL_IJ|Zy?j$W~YY51Co~LfiOt%{iFAO}F_{kfuZ`&w2fD?;Z zKRteI+Y1BFCX6=Rn3-<(JWm~}Y_?DvBci&+Q1 zyWa)4IoIOAm;8_`hh&2FEC@k3kU+d4dJ?N@!21-Qs_U~~3N~>HV3@9;r2SBY-u>ktA*>(2& zjiW#NR2-mMt6BgC^JQg}bOHE*uK>EcGSNpRU`wWz+i$dH2u5`)OiMu14+J2UOxll1 zfSXQ50fJR7V2i@&N5yv!i22WNZ4{yw0DmG;+W?fSwR?`uhk;_b901s>Tq3fdz$^kp z?WhJ=SX^9}li3UwmzI2hXe_1y3}!)zk-q_?QmGK&vx#fy&)w=)v}j89IkXk*O%(`*h}YjbsC$^&pSEiPMIA1f&quYjq?lgZF&b9AXx4u3CQ z{!{T`3%Gds&xLZi96D`|jwg~KhFVa${i$lXS9Km>+xG1qz`64umApnHd|2e3*9g!3 z;e5Hp@q`B;$ob*n;XnaIql_7mmCmm2Af8NwrBX$Y{^Hc<4`VB|)|@zf=JQImsuQVX z*xA(;fGpcFPQdCoZka{>K0wc|-G9rGNW@&5nrZy@Z2q>^o9`1^Ykqz9cmEo{Hr0qk zB4)>vz00jX=Djt8dS~RiqE8A;IF6%t_U>L5CH(QirP{k=CvR?MJ3OxuzB_jEA0J=5 zR1+oa+}$##!1yf{o?46hf+_WV{Y#L??lz@~c)NOW|F_fM8hE}_DfK{8dVl%Kr^WmS z=ZckTRYxKbv$J>ia>{j^2n&{kM~@8-F5FW9z=_-kJGBnp5u|0yuTQtvt1VlePN%KC z{d=7LY&PDN>5O))_V!}A;x8^O`Bx{W>Q^Twy>hu_%M+<&xZ}y*)ymCn8|%&2e)!Vt z-F)|~=5#)v34HUmfj)r3;(xq-b8gP@HuNxg!fPEk0LDed-x?Y`Q26iI`z~iLmx~s) z^}0e1gK3A>)2vijva7YKIwmx<1)2&`q|!i3!AWmw;|Hq_K2rvP_waT(u%;~N*FFnT*>{JB+kZvfc>q_&5JR{uVXug04 z08C^F=I7VSz<;q96T7Po8@ThaV{KBy5P>=YV4;xFE3=nORkcMU6%dB0{P7OEsX10# zh6(bCBkz5GU-r5NdLJ9!sC46J#2ojkwkS8o3# z1^`^n=D032Qc&_W(fi1-)R$`ieA6#ebk#CEdek6aAB)YM^)UcuZOR zEP>-rxu}( z@8O}5D}QhN`vaSZ5L)|%vK|P#04CPSz(8$J$XbWMmTwFY=pL_Xi{gcI0al9k+_NqC zlf(N~n}&Yf)ADf{x+cE0r6-&zma7w!|E*T%=X4|7;s~k53+(Wv(|;ZV00Ar>H72?r z07}!7e)e42*3)Gs`ukQ%aYGaTh@=qsVgK$`TYolnn(Vn$nmO+W07bO7ckp=ZLj%IK z4-&I)p^(vCyDZzHVfo~v`&a)z@Ol$Z9qGTNHPS3xt0Wf+S)G`DY^j3)AUgXJ27`72 zKxOul2>^%h`*!3;*Zi{-^qKPE-S;#=!}`rKuqqZY>RAM86MqVPvv{8n^G9LK%z}V40FY)d0HpH8C7;ce zP%1a))U!ZH3xG2KAaz{SVWnw+parB-}ncuMhTa@+<0qj{0VP^W}Qxns;IYrcRd41ZJ2 z=JMVj{{D7;r42m)>YKTAzUT?VRGJy^7$_m-oE6F80fz`D0l**cumRu~FT6ZgvTSdq z;PVyRd+Nkr3IO15Ut}=jWO8_5@j@V-k&mcmmCkNou4 zm$QYU(tJU$DI9YEsz|>W0j>p-OMkDwWOZ!)P7{E;^g!5MC}fR`S5jW4Sa!a8=NE&5 zmiIJxO5yS06IWk(>x@NG+t=@S|VOEN409E4H_P@K@6>ymqQYL$1CS9K2vMAL?~6iC4Zp3K9oj7 z0deTNyP6N&yS=56Q2NKwck@Hfy_C-uii)Jhp*0&S*YaT6b@_pR{dj+RNdo|IS7PMz z!qa|ExE9N2&ih@fBmtl;8kXBPZ!&lEbOqM6w;Hv({c3iuI(0Qu{m0mN`JZF&+v$99 ziCB&l8+17N`1j7&^Ol@V?|#A zt5@&f@t9Xp{Y2PBK(LVtFfb3$NnN@lOU?R*4Aj(p=xLqXjBX)lD>0zf0~8}rd=aQp qU}PcaJTspT$&1O+M8a)k-2VanLC&pWN>;Z30000 header > tabs > arrow, -.button, -button { - min-height: 20px; - min-width: 16px; - padding: 4px 9px; - border: 1px solid #33393b; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); - border-color: #33393b; - background-image: linear-gradient(to bottom, #4F585C, #434b4e); - text-shadow: 0 1px rgba(0, 0, 0, 0.73176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } - button.sidebar-button, notebook > header > tabs > arrow, - .button.flat, - button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - transition: none; } - button.sidebar-button:hover, notebook > header > tabs > arrow:hover, - .button.flat:hover, - button.flat:hover { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 500ms; } - button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, - .button.flat:hover:active, - button.flat:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - notebook > header > tabs > arrow:hover, - .button:hover, - button:hover { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); - border-color: #33393b; - background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); - text-shadow: 0 1px rgba(0, 0, 0, 0.68376); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - -gtk-icon-effect: highlight; } - notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, - .button:active, - .button:checked, - button:active, - button:checked { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); - border-color: #33393b; - background-image: linear-gradient(to bottom, #3f4649, #4a5357); - text-shadow: 0 1px rgba(0, 0, 0, 0.81176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); - transition-duration: 50ms; } - button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, - .button:backdrop.flat, - .button:backdrop, - button:backdrop.flat, - button:backdrop { - border-color: #363c3e; - background-image: linear-gradient(to bottom, #4F585C); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - transition: 200ms ease-out; - -gtk-icon-effect: none; } - button.sidebar-button:backdrop GtkLabel, notebook > header > tabs > arrow:backdrop GtkLabel, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop GtkLabel, notebook > header > tabs > arrow:backdrop, - .button:backdrop.flat GtkLabel, - .button:backdrop.flat, - .button:backdrop GtkLabel, - .button:backdrop, - button:backdrop.flat GtkLabel, - button:backdrop.flat, - button:backdrop GtkLabel, - button:backdrop { - color: #788084; } - button.sidebar-button:backdrop label, notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop, - .button:backdrop.flat label, - .button:backdrop.flat, - .button:backdrop label, - .button:backdrop, - button:backdrop.flat label, - button:backdrop.flat, - button:backdrop label, - button:backdrop { - color: #788084; } - button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, - .button:backdrop.flat:active, - .button:backdrop.flat:checked, - .button:backdrop:active, - .button:backdrop:checked, - button:backdrop.flat:active, - button:backdrop.flat:checked, - button:backdrop:active, - button:backdrop:checked { - border-color: #363c3e; - background-image: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - button.sidebar-button:backdrop:active GtkLabel, notebook > header > tabs > arrow:backdrop:active GtkLabel, button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked GtkLabel, notebook > header > tabs > arrow:backdrop:checked GtkLabel, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active GtkLabel, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked GtkLabel, notebook > header > tabs > arrow:backdrop:checked, - .button:backdrop.flat:active GtkLabel, - .button:backdrop.flat:active, - .button:backdrop.flat:checked GtkLabel, - .button:backdrop.flat:checked, - .button:backdrop:active GtkLabel, - .button:backdrop:active, - .button:backdrop:checked GtkLabel, - .button:backdrop:checked, - button:backdrop.flat:active GtkLabel, - button:backdrop.flat:active, - button:backdrop.flat:checked GtkLabel, - button:backdrop.flat:checked, - button:backdrop:active GtkLabel, - button:backdrop:active, - button:backdrop:checked GtkLabel, - button:backdrop:checked { - color: #788084; } - button.sidebar-button:backdrop:active label, notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, - .button:backdrop.flat:active label, - .button:backdrop.flat:active, - .button:backdrop.flat:checked label, - .button:backdrop.flat:checked, - .button:backdrop:active label, - .button:backdrop:active, - .button:backdrop:checked label, - .button:backdrop:checked, - button:backdrop.flat:active label, - button:backdrop.flat:active, - button:backdrop.flat:checked label, - button:backdrop.flat:checked, - button:backdrop:active label, - button:backdrop:active, - button:backdrop:checked label, - button:backdrop:checked { - color: #788084; } - button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, - .button:backdrop.flat:disabled, - .button:backdrop:disabled, - button:backdrop.flat:disabled, - button:backdrop:disabled { - border-color: #363c3e; - background-image: none; - background-color: #576165; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.sidebar-button:backdrop:disabled GtkLabel, notebook > header > tabs > arrow:backdrop:disabled GtkLabel, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled GtkLabel, notebook > header > tabs > arrow:backdrop:disabled, - .button:backdrop.flat:disabled GtkLabel, - .button:backdrop.flat:disabled, - .button:backdrop:disabled GtkLabel, - .button:backdrop:disabled, - button:backdrop.flat:disabled GtkLabel, - button:backdrop.flat:disabled, - button:backdrop:disabled GtkLabel, - button:backdrop:disabled { - color: #727f85; } - button.sidebar-button:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, - .button:backdrop.flat:disabled label, - .button:backdrop.flat:disabled, - .button:backdrop:disabled label, - .button:backdrop:disabled, - button:backdrop.flat:disabled label, - button:backdrop.flat:disabled, - button:backdrop:disabled label, - button:backdrop:disabled { - color: #727f85; } - button.sidebar-button:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, - .button:backdrop.flat:disabled:active, - .button:backdrop.flat:disabled:checked, - .button:backdrop:disabled:active, - .button:backdrop:disabled:checked, - button:backdrop.flat:disabled:active, - button:backdrop.flat:disabled:checked, - button:backdrop:disabled:active, - button:backdrop:disabled:checked { - border-color: #363c3e; - background-image: none; - background-color: #4b5457; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - button.sidebar-button:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, - .button:backdrop.flat:disabled:active label, - .button:backdrop.flat:disabled:checked label, - .button:backdrop:disabled:active label, - .button:backdrop:disabled:checked label, - button:backdrop.flat:disabled:active label, - button:backdrop.flat:disabled:checked label, - button:backdrop:disabled:active label, - button:backdrop:disabled:checked label { - color: #727f85; } - button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, - .button.flat:backdrop, - .button.flat:disabled, - .button.flat:backdrop:disabled, - button.flat:backdrop, - button.flat:disabled, - button.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - notebook > header > tabs > arrow:insensitive, notebook > header > tabs > arrow:disabled, - .button:insensitive, - .button:disabled, - button:insensitive, - button:disabled { - border-color: #33393b; - background-image: none; - background-color: #576165; - text-shadow: none; - box-shadow: none; - -gtk-icon-shadow: none; } - notebook > header > tabs > arrow:insensitive GtkLabel, notebook > header > tabs > arrow:insensitive, notebook > header > tabs > arrow:disabled GtkLabel, notebook > header > tabs > arrow:disabled, - .button:insensitive GtkLabel, - .button:insensitive, - .button:disabled GtkLabel, - .button:disabled, - button:insensitive GtkLabel, - button:insensitive, - button:disabled GtkLabel, - button:disabled { - color: #788084; } - notebook > header > tabs > arrow:insensitive label, notebook > header > tabs > arrow:insensitive, notebook > header > tabs > arrow:disabled label, notebook > header > tabs > arrow:disabled, - .button:insensitive label, - .button:insensitive, - .button:disabled label, - .button:disabled, - button:insensitive label, - button:insensitive, - button:disabled label, - button:disabled { - color: #788084; } - notebook > header > tabs > arrow:insensitive:active, notebook > header > tabs > arrow:insensitive:checked, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, - .button:insensitive:active, - .button:insensitive:checked, - .button:disabled:active, - .button:disabled:checked, - button:insensitive:active, - button:insensitive:checked, - button:disabled:active, - button:disabled:checked { - border-color: #33393b; - background-image: none; - background-color: #576165; - text-shadow: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - notebook > header > tabs > arrow:insensitive:active GtkLabel, notebook > header > tabs > arrow:insensitive:active, notebook > header > tabs > arrow:insensitive:checked GtkLabel, notebook > header > tabs > arrow:insensitive:checked, notebook > header > tabs > arrow:disabled:active GtkLabel, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked GtkLabel, notebook > header > tabs > arrow:disabled:checked, - .button:insensitive:active GtkLabel, - .button:insensitive:active, - .button:insensitive:checked GtkLabel, - .button:insensitive:checked, - .button:disabled:active GtkLabel, - .button:disabled:active, - .button:disabled:checked GtkLabel, - .button:disabled:checked, - button:insensitive:active GtkLabel, - button:insensitive:active, - button:insensitive:checked GtkLabel, - button:insensitive:checked, - button:disabled:active GtkLabel, - button:disabled:active, - button:disabled:checked GtkLabel, - button:disabled:checked { - color: #788084; } - notebook > header > tabs > arrow:insensitive:active label, notebook > header > tabs > arrow:insensitive:active, notebook > header > tabs > arrow:insensitive:checked label, notebook > header > tabs > arrow:insensitive:checked, notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, - .button:insensitive:active label, - .button:insensitive:active, - .button:insensitive:checked label, - .button:insensitive:checked, - .button:disabled:active label, - .button:disabled:active, - .button:disabled:checked label, - .button:disabled:checked, - button:insensitive:active label, - button:insensitive:active, - button:insensitive:checked label, - button:insensitive:checked, - button:disabled:active label, - button:disabled:active, - button:disabled:checked label, - button:disabled:checked { - color: #788084; } - notebook > header > tabs > arrow.image-button, - .button.image-button, - button.image-button { - min-width: 24px; - padding-left: 4px; - padding-right: 4px; } - notebook > header > tabs > arrow.text-button, - .button.text-button, - button.text-button { - padding-left: 16px; - padding-right: 16px; } - notebook > header > tabs > arrow.text-button.image-button, - .button.text-button.image-button, - button.text-button.image-button { - padding-left: 8px; - padding-right: 8px; } - notebook > header > tabs > arrow.text-button.image-button GtkLabel, - notebook > header > tabs > arrow.text-button.image-button label, - .button.text-button.image-button GtkLabel, - .button.text-button.image-button label, - button.text-button.image-button GtkLabel, - button.text-button.image-button label { - padding-left: 8px; - padding-right: 8px; } - GtkComboBox:drop(active) button.combo, - combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), - .button:drop(active), - button:drop(active) { - color: #4e9a06; - border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } -row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected -.button.flat:not(:active):not(:checked):not(:hover):not(disabled), row:selected -button.flat:not(:active):not(:checked):not(:hover):not(disabled) { - color: #ffffff; - border-color: transparent; } - row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected - .button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected - button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { - color: #788084; } -.button.osd, -button.osd { - min-width: 24px; - min-height: 32px; - color: #A1A8AB; - border-radius: 5px; - outline-color: rgba(161, 168, 171, 0.3); - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); - border: none; - box-shadow: none; } - .button.osd.image-button, - button.osd.image-button { - min-width: 32px; } - .button.osd:hover, - button.osd:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); - border: none; - box-shadow: none; } - .button.osd:active, - .button.osd:checked, - button.osd:active, - button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); - border: none; - box-shadow: none; } - .button.osd:insensitive:backdrop, - .button.osd:insensitive, - .button.osd:disabled:backdrop, - .button.osd:disabled, - button.osd:insensitive:backdrop, - button.osd:insensitive, - button.osd:disabled:backdrop, - button.osd:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; } - .button.osd:backdrop, - button.osd:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; } -.app-notification .button, .app-notification button, -.app-notification.frame .button, -.app-notification.frame button, .csd .popover.background.touch-selection button, .csd .popover.background.magnifier button, .popover.background.touch-selection button, .popover.background.magnifier button, .csd -popover.background.touch-selection button, .csd -popover.background.magnifier button, -popover.background.touch-selection button, -popover.background.magnifier button, .osd -.button, .osd -button { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .app-notification .button:hover, .app-notification button:hover, .popover.background.touch-selection button:hover, .popover.background.magnifier button:hover, - popover.background.touch-selection button:hover, - popover.background.magnifier button:hover, .osd - .button:hover, .osd - button:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .app-notification .button:active:backdrop, .app-notification button:active:backdrop, .popover.background.touch-selection button:active:backdrop, .popover.background.magnifier button:active:backdrop, - popover.background.touch-selection button:active:backdrop, - popover.background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, .popover.background.touch-selection button:active, .popover.background.magnifier button:active, - popover.background.touch-selection button:active, - popover.background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, .popover.background.touch-selection button:checked:backdrop, .popover.background.magnifier button:checked:backdrop, - popover.background.touch-selection button:checked:backdrop, - popover.background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, .popover.background.touch-selection button:checked, .popover.background.magnifier button:checked, - popover.background.touch-selection button:checked, - popover.background.magnifier button:checked, .osd - .button:active:backdrop, .osd - .button:active, .osd - .button:checked:backdrop, .osd - .button:checked, .osd - button:active:backdrop, .osd - button:active, .osd - button:checked:backdrop, .osd - button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - .app-notification .button:disabled:backdrop, .app-notification button:disabled:backdrop, .popover.background.touch-selection button:disabled:backdrop, .popover.background.magnifier button:disabled:backdrop, - popover.background.touch-selection button:disabled:backdrop, - popover.background.magnifier button:disabled:backdrop, .app-notification .button:disabled, .app-notification button:disabled, .popover.background.touch-selection button:disabled, .popover.background.magnifier button:disabled, - popover.background.touch-selection button:disabled, - popover.background.magnifier button:disabled, .osd - .button:disabled:backdrop, .osd - .button:disabled, .osd - button:disabled:backdrop, .osd - button:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .app-notification .button:backdrop, .app-notification button:backdrop, .popover.background.touch-selection button:backdrop, .popover.background.magnifier button:backdrop, - popover.background.touch-selection button:backdrop, - popover.background.magnifier button:backdrop, .osd - .button:backdrop, .osd - button:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .app-notification .flat.button, .app-notification button.flat, .popover.background.touch-selection button.flat, .popover.background.magnifier button.flat, - popover.background.touch-selection button.flat, - popover.background.magnifier button.flat, .osd - .button.flat, .osd - button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .app-notification .flat.button:hover, .app-notification button.flat:hover, .popover.background.touch-selection button.flat:hover, .popover.background.magnifier button.flat:hover, - popover.background.touch-selection button.flat:hover, - popover.background.magnifier button.flat:hover, .osd - .button.flat:hover, .osd - button.flat:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .app-notification .flat.button:disabled, .app-notification button.flat:disabled, .popover.background.touch-selection button.flat:disabled, .popover.background.magnifier button.flat:disabled, - popover.background.touch-selection button.flat:disabled, - popover.background.magnifier button.flat:disabled, .osd - .button.flat:disabled, .osd - button.flat:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - background-image: none; - border-color: transparent; - box-shadow: none; } - .app-notification .flat.button:backdrop, .app-notification button.flat:backdrop, .popover.background.touch-selection button.flat:backdrop, .popover.background.magnifier button.flat:backdrop, - popover.background.touch-selection button.flat:backdrop, - popover.background.magnifier button.flat:backdrop, .osd - .button.flat:backdrop, .osd - button.flat:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - .app-notification .flat.button:active, .app-notification button.flat:active, .popover.background.touch-selection button.flat:active, .popover.background.magnifier button.flat:active, - popover.background.touch-selection button.flat:active, - popover.background.magnifier button.flat:active, .app-notification .flat.button:checked, .app-notification button.flat:checked, .popover.background.touch-selection button.flat:checked, .popover.background.magnifier button.flat:checked, - popover.background.touch-selection button.flat:checked, - popover.background.magnifier button.flat:checked, .osd - .button.flat:active, .osd - .button.flat:checked, .osd - button.flat:active, .osd - button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } -.button.suggested-action, -button.suggested-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #303c42; - background-image: linear-gradient(to bottom, #667f8c, #5b717d); - text-shadow: 0 1px rgba(0, 0, 0, 0.62039); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62039); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .button.suggested-action.flat, - button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #667f8c; } - .button.suggested-action:hover, - button.suggested-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #303c42; - background-image: linear-gradient(to bottom, #68828f, #627986 60%, #5d7480); - text-shadow: 0 1px rgba(0, 0, 0, 0.57239); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.57239); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } - .button.suggested-action:active, - .button.suggested-action:checked, - button.suggested-action:active, - button.suggested-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #303c42; - background-image: linear-gradient(to bottom, #576c77, #627986); - text-shadow: 0 1px rgba(0, 0, 0, 0.70039); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70039); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .button.suggested-action:backdrop, - .button.suggested-action.flat:backdrop, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop { - border-color: #303c42; - background-image: linear-gradient(to bottom, #667f8c); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .button.suggested-action:backdrop GtkLabel, - .button.suggested-action:backdrop, - .button.suggested-action.flat:backdrop GtkLabel, - .button.suggested-action.flat:backdrop, - button.suggested-action:backdrop GtkLabel, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop GtkLabel, - button.suggested-action.flat:backdrop { - color: #e0e5e8; } - .button.suggested-action:backdrop label, - .button.suggested-action:backdrop, - .button.suggested-action.flat:backdrop label, - .button.suggested-action.flat:backdrop, - button.suggested-action:backdrop label, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop label, - button.suggested-action.flat:backdrop { - color: #e0e5e8; } - .button.suggested-action:backdrop:active, - .button.suggested-action:backdrop:checked, - .button.suggested-action.flat:backdrop:active, - .button.suggested-action.flat:backdrop:checked, - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked { - border-color: #303c42; - background-image: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .button.suggested-action:backdrop:active GtkLabel, - .button.suggested-action:backdrop:active, - .button.suggested-action:backdrop:checked GtkLabel, - .button.suggested-action:backdrop:checked, - .button.suggested-action.flat:backdrop:active GtkLabel, - .button.suggested-action.flat:backdrop:active, - .button.suggested-action.flat:backdrop:checked GtkLabel, - .button.suggested-action.flat:backdrop:checked, - button.suggested-action:backdrop:active GtkLabel, - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked GtkLabel, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active GtkLabel, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked GtkLabel, - button.suggested-action.flat:backdrop:checked { - color: #dce0e2; } - .button.suggested-action:backdrop:active label, - .button.suggested-action:backdrop:active, - .button.suggested-action:backdrop:checked label, - .button.suggested-action:backdrop:checked, - .button.suggested-action.flat:backdrop:active label, - .button.suggested-action.flat:backdrop:active, - .button.suggested-action.flat:backdrop:checked label, - .button.suggested-action.flat:backdrop:checked, - button.suggested-action:backdrop:active label, - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked label, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active label, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked label, - button.suggested-action.flat:backdrop:checked { - color: #dce0e2; } - .button.suggested-action:backdrop:disabled, - .button.suggested-action.flat:backdrop:disabled, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled { - border-color: #363c3e; - background-image: none; - background-color: #576165; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .button.suggested-action:backdrop:disabled GtkLabel, - .button.suggested-action:backdrop:disabled, - .button.suggested-action.flat:backdrop:disabled GtkLabel, - .button.suggested-action.flat:backdrop:disabled, - button.suggested-action:backdrop:disabled GtkLabel, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled GtkLabel, - button.suggested-action.flat:backdrop:disabled { - color: #727f85; } - .button.suggested-action:backdrop:disabled label, - .button.suggested-action:backdrop:disabled, - .button.suggested-action.flat:backdrop:disabled label, - .button.suggested-action.flat:backdrop:disabled, - button.suggested-action:backdrop:disabled label, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled label, - button.suggested-action.flat:backdrop:disabled { - color: #727f85; } - .button.suggested-action:backdrop:disabled:active, - .button.suggested-action:backdrop:disabled:checked, - .button.suggested-action.flat:backdrop:disabled:active, - .button.suggested-action.flat:backdrop:disabled:checked, - button.suggested-action:backdrop:disabled:active, - button.suggested-action:backdrop:disabled:checked, - button.suggested-action.flat:backdrop:disabled:active, - button.suggested-action.flat:backdrop:disabled:checked { - border-color: #303c42; - background-image: none; - background-color: #5b6f79; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .button.suggested-action:backdrop:disabled:active label, - .button.suggested-action:backdrop:disabled:checked label, - .button.suggested-action.flat:backdrop:disabled:active label, - .button.suggested-action.flat:backdrop:disabled:checked label, - button.suggested-action:backdrop:disabled:active label, - button.suggested-action:backdrop:disabled:checked label, - button.suggested-action.flat:backdrop:disabled:active label, - button.suggested-action.flat:backdrop:disabled:checked label { - color: #94a1a8; } - .button.suggested-action.flat:backdrop, - .button.suggested-action.flat:disabled, - .button.suggested-action.flat:backdrop:disabled, - button.suggested-action.flat:backdrop, - button.suggested-action.flat:disabled, - button.suggested-action.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(102, 127, 140, 0.8); } - .button.suggested-action:disabled, - button.suggested-action:disabled { - border-color: #33393b; - background-image: none; - background-color: #576165; - text-shadow: none; - box-shadow: none; - -gtk-icon-shadow: none; } - .button.suggested-action:disabled GtkLabel, - .button.suggested-action:disabled, - button.suggested-action:disabled GtkLabel, - button.suggested-action:disabled { - color: #788084; } - .button.suggested-action:disabled label, - .button.suggested-action:disabled, - button.suggested-action:disabled label, - button.suggested-action:disabled { - color: #788084; } - .button.suggested-action:disabled:active, - .button.suggested-action:disabled:checked, - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked { - border-color: #303c42; - background-image: none; - background-color: #5b6f79; - text-shadow: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .button.suggested-action:disabled:active GtkLabel, - .button.suggested-action:disabled:active, - .button.suggested-action:disabled:checked GtkLabel, - .button.suggested-action:disabled:checked, - button.suggested-action:disabled:active GtkLabel, - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked GtkLabel, - button.suggested-action:disabled:checked { - color: #bdc5c9; } - .button.suggested-action:disabled:active label, - .button.suggested-action:disabled:active, - .button.suggested-action:disabled:checked label, - .button.suggested-action:disabled:checked, - button.suggested-action:disabled:active label, - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked label, - button.suggested-action:disabled:checked { - color: #bdc5c9; } - .osd - .button.suggested-action, .osd - button.suggested-action { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(102, 127, 140, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.suggested-action:hover, .osd - button.suggested-action:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(102, 127, 140, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.suggested-action:active:backdrop, .osd - .button.suggested-action:active, .osd - .button.suggested-action:checked:backdrop, .osd - .button.suggested-action:checked, .osd - button.suggested-action:active:backdrop, .osd - button.suggested-action:active, .osd - button.suggested-action:checked:backdrop, .osd - button.suggested-action:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #667f8c); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.suggested-action:disabled:backdrop, .osd - .button.suggested-action:disabled, .osd - button.suggested-action:disabled:backdrop, .osd - button.suggested-action:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd - .button.suggested-action:backdrop, .osd - button.suggested-action:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(102, 127, 140, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } -.button.destructive-action, -button.destructive-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #6f0e07; - background-image: linear-gradient(to bottom, #e71d0e, #cf1a0c); - text-shadow: 0 1px rgba(0, 0, 0, 0.61569); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.61569); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .button.destructive-action.flat, - button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #e71d0e; } - .button.destructive-action:hover, - button.destructive-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #6f0e07; - background-image: linear-gradient(to bottom, #ec1d0e, #de1b0d 60%, #d41a0d); - text-shadow: 0 1px rgba(0, 0, 0, 0.56769); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.56769); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } - .button.destructive-action:active, - .button.destructive-action:checked, - button.destructive-action:active, - button.destructive-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #6f0e07; - background-image: linear-gradient(to bottom, #c6180c, #de1b0d); - text-shadow: 0 1px rgba(0, 0, 0, 0.69569); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.69569); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .button.destructive-action:backdrop, - .button.destructive-action.flat:backdrop, - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop { - border-color: #6f0e07; - background-image: linear-gradient(to bottom, #e71d0e); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .button.destructive-action:backdrop GtkLabel, - .button.destructive-action:backdrop, - .button.destructive-action.flat:backdrop GtkLabel, - .button.destructive-action.flat:backdrop, - button.destructive-action:backdrop GtkLabel, - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop GtkLabel, - button.destructive-action.flat:backdrop { - color: #fad2cf; } - .button.destructive-action:backdrop label, - .button.destructive-action:backdrop, - .button.destructive-action.flat:backdrop label, - .button.destructive-action.flat:backdrop, - button.destructive-action:backdrop label, - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop label, - button.destructive-action.flat:backdrop { - color: #fad2cf; } - .button.destructive-action:backdrop:active, - .button.destructive-action:backdrop:checked, - .button.destructive-action.flat:backdrop:active, - .button.destructive-action.flat:backdrop:checked, - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked { - border-color: #6f0e07; - background-image: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .button.destructive-action:backdrop:active GtkLabel, - .button.destructive-action:backdrop:active, - .button.destructive-action:backdrop:checked GtkLabel, - .button.destructive-action:backdrop:checked, - .button.destructive-action.flat:backdrop:active GtkLabel, - .button.destructive-action.flat:backdrop:active, - .button.destructive-action.flat:backdrop:checked GtkLabel, - .button.destructive-action.flat:backdrop:checked, - button.destructive-action:backdrop:active GtkLabel, - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked GtkLabel, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active GtkLabel, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked GtkLabel, - button.destructive-action.flat:backdrop:checked { - color: #f1d1ce; } - .button.destructive-action:backdrop:active label, - .button.destructive-action:backdrop:active, - .button.destructive-action:backdrop:checked label, - .button.destructive-action:backdrop:checked, - .button.destructive-action.flat:backdrop:active label, - .button.destructive-action.flat:backdrop:active, - .button.destructive-action.flat:backdrop:checked label, - .button.destructive-action.flat:backdrop:checked, - button.destructive-action:backdrop:active label, - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked label, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active label, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked label, - button.destructive-action.flat:backdrop:checked { - color: #f1d1ce; } - .button.destructive-action:backdrop:disabled, - .button.destructive-action.flat:backdrop:disabled, - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled { - border-color: #363c3e; - background-image: none; - background-color: #576165; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .button.destructive-action:backdrop:disabled GtkLabel, - .button.destructive-action:backdrop:disabled, - .button.destructive-action.flat:backdrop:disabled GtkLabel, - .button.destructive-action.flat:backdrop:disabled, - button.destructive-action:backdrop:disabled GtkLabel, - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled GtkLabel, - button.destructive-action.flat:backdrop:disabled { - color: #727f85; } - .button.destructive-action:backdrop:disabled label, - .button.destructive-action:backdrop:disabled, - .button.destructive-action.flat:backdrop:disabled label, - .button.destructive-action.flat:backdrop:disabled, - button.destructive-action:backdrop:disabled label, - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled label, - button.destructive-action.flat:backdrop:disabled { - color: #727f85; } - .button.destructive-action:backdrop:disabled:active, - .button.destructive-action:backdrop:disabled:checked, - .button.destructive-action.flat:backdrop:disabled:active, - .button.destructive-action.flat:backdrop:disabled:checked, - button.destructive-action:backdrop:disabled:active, - button.destructive-action:backdrop:disabled:checked, - button.destructive-action.flat:backdrop:disabled:active, - button.destructive-action.flat:backdrop:disabled:checked { - border-color: #6f0e07; - background-image: none; - background-color: #bd251a; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .button.destructive-action:backdrop:disabled:active label, - .button.destructive-action:backdrop:disabled:checked label, - .button.destructive-action.flat:backdrop:disabled:active label, - .button.destructive-action.flat:backdrop:disabled:checked label, - button.destructive-action:backdrop:disabled:active label, - button.destructive-action:backdrop:disabled:checked label, - button.destructive-action.flat:backdrop:disabled:active label, - button.destructive-action.flat:backdrop:disabled:checked label { - color: #d4716a; } - .button.destructive-action.flat:backdrop, - .button.destructive-action.flat:disabled, - .button.destructive-action.flat:backdrop:disabled, - button.destructive-action.flat:backdrop, - button.destructive-action.flat:disabled, - button.destructive-action.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(231, 29, 14, 0.8); } - .button.destructive-action:disabled, - button.destructive-action:disabled { - border-color: #33393b; - background-image: none; - background-color: #576165; - text-shadow: none; - box-shadow: none; - -gtk-icon-shadow: none; } - .button.destructive-action:disabled GtkLabel, - .button.destructive-action:disabled, - button.destructive-action:disabled GtkLabel, - button.destructive-action:disabled { - color: #788084; } - .button.destructive-action:disabled label, - .button.destructive-action:disabled, - button.destructive-action:disabled label, - button.destructive-action:disabled { - color: #788084; } - .button.destructive-action:disabled:active, - .button.destructive-action:disabled:checked, - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked { - border-color: #6f0e07; - background-image: none; - background-color: #bd251a; - text-shadow: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .button.destructive-action:disabled:active GtkLabel, - .button.destructive-action:disabled:active, - .button.destructive-action:disabled:checked GtkLabel, - .button.destructive-action:disabled:checked, - button.destructive-action:disabled:active GtkLabel, - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked GtkLabel, - button.destructive-action:disabled:checked { - color: #e5a8a3; } - .button.destructive-action:disabled:active label, - .button.destructive-action:disabled:active, - .button.destructive-action:disabled:checked label, - .button.destructive-action:disabled:checked, - button.destructive-action:disabled:active label, - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked label, - button.destructive-action:disabled:checked { - color: #e5a8a3; } - .osd - .button.destructive-action, .osd - button.destructive-action { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.destructive-action:hover, .osd - button.destructive-action:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.destructive-action:active:backdrop, .osd - .button.destructive-action:active, .osd - .button.destructive-action:checked:backdrop, .osd - .button.destructive-action:checked, .osd - button.destructive-action:active:backdrop, .osd - button.destructive-action:active, .osd - button.destructive-action:checked:backdrop, .osd - button.destructive-action:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #e71d0e); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.destructive-action:disabled:backdrop, .osd - .button.destructive-action:disabled, .osd - button.destructive-action:disabled:backdrop, .osd - button.destructive-action:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd - .button.destructive-action:backdrop, .osd - button.destructive-action:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } -.stack-switcher > -.button, .stack-switcher > -button { - outline-offset: -3px; } - .stack-switcher > - .button > label, .stack-switcher > - button > label { - padding-left: 6px; - padding-right: 6px; } - .stack-switcher > - .button > image, .stack-switcher > - button > image { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; } - .stack-switcher > - .button.text-button, .stack-switcher > - button.text-button { - padding-left: 10px; - padding-right: 10px; } - .stack-switcher > - .button.image-button, .stack-switcher > - button.image-button { - padding-left: 2px; - padding-right: 2px; } - .stack-switcher > - .button.needs-attention:active > label, - .stack-switcher > - .button.needs-attention:active > image, .stack-switcher > - .button.needs-attention:checked > label, - .stack-switcher > - .button.needs-attention:checked > image, .stack-switcher > - button.needs-attention:active > label, - .stack-switcher > - button.needs-attention:active > image, .stack-switcher > - button.needs-attention:checked > label, - .stack-switcher > - button.needs-attention:checked > image { - animation: none; - background-image: none; } -.inline-toolbar -.button, .inline-toolbar -.button:backdrop, .inline-toolbar -button, .inline-toolbar -button:backdrop { - border-radius: 2px; - border-width: 1px; } -.primary-toolbar -.button, .primary-toolbar -button { - -gtk-icon-shadow: none; } - -.stack-switcher > -.button.needs-attention > label, -.stack-switcher > -.button.needs-attention > image, .stack-switcher > -button.needs-attention > label, -.stack-switcher > -button.needs-attention > image, .sidebar .list-row.needs-attention > label, -.sidebar row.needs-attention > label, stacksidebar .list-row.needs-attention > label, -stacksidebar row.needs-attention > label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#90a4ae), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.73176)), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; } - .stack-switcher > - .button.needs-attention > label:backdrop, - .stack-switcher > - .button.needs-attention > image:backdrop, .stack-switcher > - button.needs-attention > label:backdrop, - .stack-switcher > - button.needs-attention > image:backdrop, .sidebar .list-row.needs-attention > label:backdrop, - .sidebar row.needs-attention > label:backdrop, stacksidebar .list-row.needs-attention > label:backdrop, - stacksidebar row.needs-attention > label:backdrop { - background-size: 6px 6px, 0 0; } - .stack-switcher > - .button.needs-attention > label:dir(rtl), - .stack-switcher > - .button.needs-attention > image:dir(rtl), .stack-switcher > - button.needs-attention > label:dir(rtl), - .stack-switcher > - button.needs-attention > image:dir(rtl), .sidebar .list-row.needs-attention > label:dir(rtl), - .sidebar row.needs-attention > label:dir(rtl), stacksidebar .list-row.needs-attention > label:dir(rtl), - stacksidebar row.needs-attention > label:dir(rtl) { - background-position: left 3px, left 2px; } - -.inline-toolbar toolbutton > button { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); - border-color: #33393b; - background-image: linear-gradient(to bottom, #4F585C, #434b4e); - text-shadow: 0 1px rgba(0, 0, 0, 0.73176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .inline-toolbar toolbutton > button:hover { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); - border-color: #33393b; - background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); - text-shadow: 0 1px rgba(0, 0, 0, 0.68376); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } - .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); - border-color: #33393b; - background-image: linear-gradient(to bottom, #3f4649, #4a5357); - text-shadow: 0 1px rgba(0, 0, 0, 0.81176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .inline-toolbar toolbutton > button:disabled { - border-color: #33393b; - background-image: none; - background-color: #576165; - text-shadow: none; - box-shadow: none; - -gtk-icon-shadow: none; } - .inline-toolbar toolbutton > button:disabled GtkLabel, .inline-toolbar toolbutton > button:disabled { - color: #788084; } - .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: #788084; } - .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - border-color: #33393b; - background-image: none; - background-color: #576165; - text-shadow: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .inline-toolbar toolbutton > button:disabled:active GtkLabel, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked GtkLabel, .inline-toolbar toolbutton > button:disabled:checked { - color: #788084; } - .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: #788084; } - .inline-toolbar toolbutton > button:backdrop { - border-color: #363c3e; - background-image: linear-gradient(to bottom, #4F585C); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop { - color: #788084; } - .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { - color: #788084; } - .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - border-color: #363c3e; - background-image: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .inline-toolbar toolbutton > button:backdrop:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked GtkLabel, .inline-toolbar toolbutton > button:backdrop:checked { - color: #788084; } - .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { - color: #788084; } - .inline-toolbar toolbutton > button:backdrop:disabled { - border-color: #363c3e; - background-image: none; - background-color: #576165; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled GtkLabel, .inline-toolbar toolbutton > button:backdrop:disabled { - color: #727f85; } - .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { - color: #727f85; } - .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - border-color: #363c3e; - background-image: none; - background-color: #4b5457; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { - color: #727f85; } - -toolbar.inline-toolbar toolbutton > button.flat, -toolbar.inline-toolbar toolbutton:backdrop > button.flat, .inline-toolbar -.button, .inline-toolbar -.button:backdrop, .inline-toolbar -button, .inline-toolbar -button:backdrop, .linked > -.button, .linked > -.button:hover, .linked > -.button:active, .linked > -.button:checked, .linked > -.button:backdrop, .linked > -button, .linked > -button:hover, .linked > -button:active, .linked > -button:checked, .linked > -button:backdrop, .linked:not(.vertical) > .spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > -.entry, .linked:not(.vertical) > -entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { - border-radius: 0; - border-right-style: none; } - -.inline-toolbar -.button:first-child, .inline-toolbar -button:first-child, .linked > -.button:first-child, .linked > -button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, GtkComboBox.linked button:nth-child(2):dir(rtl), -combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > .spinbutton:first-child:not(.vertical), -.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > -.entry:first-child, .linked:not(.vertical) > -entry:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } -.inline-toolbar -.button:last-child, .inline-toolbar -button:last-child, .linked > -.button:last-child, .linked > -button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, GtkComboBox.linked button:nth-child(2):dir(ltr), -combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > .spinbutton:last-child:not(.vertical), -.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > -.entry:last-child, .linked:not(.vertical) > -entry:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-right-style: solid; } -.inline-toolbar -.button:only-child, .inline-toolbar -button:only-child, .linked > -.button:only-child, .linked > -button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > .spinbutton:only-child:not(.vertical), -.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > -.entry:only-child, .linked:not(.vertical) > -entry:only-child { - border-radius: 3px; - border-style: solid; } - -.linked.vertical > -.button, .linked.vertical > -.button:hover, .linked.vertical > -.button:active, .linked.vertical > -.button:checked, .linked.vertical > -.button:backdrop, .linked.vertical > -button, .linked.vertical > -button:hover, .linked.vertical > -button:active, .linked.vertical > -button:checked, .linked.vertical > -button:backdrop, .linked.vertical > .spinbutton:not(.vertical), -.linked.vertical > spinbutton:not(.vertical), .linked.vertical > -.entry, .linked.vertical > -entry, .linked.vertical > combobox > box > button.combo { - border-style: solid solid none solid; - border-radius: 0; } - -.linked.vertical > -.button:first-child, .linked.vertical > -button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > .spinbutton:first-child:not(.vertical), -.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > -.entry:first-child, .linked.vertical > -entry:first-child { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } -.linked.vertical > -.button:last-child, .linked.vertical > -button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > .spinbutton:last-child:not(.vertical), -.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > -.entry:last-child, .linked.vertical > -entry:last-child { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border-style: solid; } -.linked.vertical > -.button:only-child, .linked.vertical > -button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > .spinbutton:only-child:not(.vertical), -.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > -.entry:only-child, .linked.vertical > -entry:only-child { - border-radius: 3px; - border-style: solid; } - -modelbutton.flat, .popover.background .check, -.popover.background checkbutton, -.popover.background .radio, -.popover.background radiobutton, -popover.background .check, -popover.background checkbutton, -popover.background .radio, -popover.background radiobutton, -.menuitem.button.flat, modelbutton.flat:backdrop, -popover.background checkbutton:backdrop, -popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, .popover.background .check:backdrop:hover, -.popover.background checkbutton:backdrop:hover, -.popover.background .radio:backdrop:hover, -.popover.background radiobutton:backdrop:hover, -popover.background .check:backdrop:hover, -popover.background checkbutton:backdrop:hover, -popover.background .radio:backdrop:hover, -popover.background radiobutton:backdrop:hover, -.menuitem.button.flat:backdrop, -.menuitem.button.flat:backdrop:hover, GtkCalendar.button, -calendar.button, GtkCalendar.button:hover, -calendar.button:hover, GtkCalendar.button:backdrop, -calendar.button:backdrop, GtkCalendar.button:disabled, -calendar.button:disabled, button:link, -.button:link, -button:visited, -.button:visited, button:link:hover, button:link:active, button:link:checked, -.button:link:hover, -.button:link:active, -.button:link:checked, -button:visited:hover, -button:visited:active, -button:visited:checked, -.button:visited:hover, -.button:visited:active, -.button:visited:checked, .scale-popup .button:hover, -.scale-popup button:hover, .scale-popup .button:backdrop:hover, .scale-popup .button:backdrop:disabled, .scale-popup .button:backdrop, -.scale-popup button:backdrop:hover, -.scale-popup button:backdrop:disabled, -.scale-popup button:backdrop { - background-color: transparent; - background-image: none; - border-color: transparent; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - -/* menu buttons */ -modelbutton.flat, .popover.background .check, -.popover.background checkbutton, -.popover.background .radio, -.popover.background radiobutton, -popover.background .check, -popover.background checkbutton, -popover.background .radio, -popover.background radiobutton, -.menuitem.button.flat { - min-height: 26px; - padding-left: 5px; - padding-right: 5px; - border-radius: 3px; - outline-offset: -2px; } - modelbutton.flat:hover, .popover.background .check:hover, - .popover.background checkbutton:hover, - .popover.background .radio:hover, - .popover.background radiobutton:hover, - popover.background .check:hover, - popover.background checkbutton:hover, - popover.background .radio:hover, - popover.background radiobutton:hover, - .menuitem.button.flat:hover { - background-color: #5b656a; } - modelbutton.flat check:last-child, .popover.background .check check:last-child, - .popover.background checkbutton check:last-child, - .popover.background .radio check:last-child, - .popover.background radiobutton check:last-child, - popover.background .check check:last-child, - popover.background checkbutton check:last-child, - popover.background .radio check:last-child, - popover.background radiobutton check:last-child, - modelbutton.flat radio:last-child, - .popover.background .check radio:last-child, - .popover.background checkbutton radio:last-child, - .popover.background .radio radio:last-child, - .popover.background radiobutton radio:last-child, - popover.background .check radio:last-child, - popover.background checkbutton radio:last-child, - popover.background .radio radio:last-child, - popover.background radiobutton radio:last-child, - .menuitem.button.flat check:last-child, - .menuitem.button.flat radio:last-child { - margin-left: 8px; } - modelbutton.flat check:first-child, .popover.background .check check:first-child, - .popover.background checkbutton check:first-child, - .popover.background .radio check:first-child, - .popover.background radiobutton check:first-child, - popover.background .check check:first-child, - popover.background checkbutton check:first-child, - popover.background .radio check:first-child, - popover.background radiobutton check:first-child, - modelbutton.flat radio:first-child, - .popover.background .check radio:first-child, - .popover.background checkbutton radio:first-child, - .popover.background .radio radio:first-child, - .popover.background radiobutton radio:first-child, - popover.background .check radio:first-child, - popover.background checkbutton radio:first-child, - popover.background .radio radio:first-child, - popover.background radiobutton radio:first-child, - .menuitem.button.flat check:first-child, - .menuitem.button.flat radio:first-child { - margin-right: 8px; } - -modelbutton.flat arrow, .popover.background .check arrow, -.popover.background checkbutton arrow, -.popover.background .radio arrow, -.popover.background radiobutton arrow, -popover.background .check arrow, -popover.background checkbutton arrow, -popover.background .radio arrow, -popover.background radiobutton arrow { - background: none; } - modelbutton.flat arrow:hover, .popover.background .check arrow:hover, - .popover.background checkbutton arrow:hover, - .popover.background .radio arrow:hover, - .popover.background radiobutton arrow:hover, - popover.background .check arrow:hover, - popover.background checkbutton arrow:hover, - popover.background .radio arrow:hover, - popover.background radiobutton arrow:hover { - background: none; } - modelbutton.flat arrow.left, .popover.background .check arrow.left, - .popover.background checkbutton arrow.left, - .popover.background .radio arrow.left, - .popover.background radiobutton arrow.left, - popover.background .check arrow.left, - popover.background checkbutton arrow.left, - popover.background .radio arrow.left, - popover.background radiobutton arrow.left { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - modelbutton.flat arrow.right, .popover.background .check arrow.right, - .popover.background checkbutton arrow.right, - .popover.background .radio arrow.right, - .popover.background radiobutton arrow.right, - popover.background .check arrow.right, - popover.background checkbutton arrow.right, - popover.background .radio arrow.right, - popover.background radiobutton arrow.right { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - -button.color { - padding: 4px; } - button.color colorswatch:only-child, button.color colorswatch:only-child overlay { - border-radius: 0; } - -/************ - * Calendar * - ***********/ -GtkCalendar, -calendar { - color: #A1A8AB; - border: 1px solid #33393b; } - GtkCalendar:selected, - calendar:selected { - border-radius: 3px; } - GtkCalendar.header, - calendar.header { - border-bottom: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0; } - GtkCalendar.header:backdrop, - calendar.header:backdrop { - border-color: rgba(0, 0, 0, 0.1); } - GtkCalendar.button, - calendar.button { - color: rgba(161, 168, 171, 0.45); } - GtkCalendar.button:hover, - calendar.button:hover { - color: #A1A8AB; } - GtkCalendar.button:backdrop, - calendar.button:backdrop { - color: rgba(120, 128, 132, 0.45); } - GtkCalendar.button:disabled, - calendar.button:disabled { - color: rgba(120, 128, 132, 0.45); } - GtkCalendar:indeterminate, GtkCalendar:indeterminate:backdrop, - calendar:indeterminate, - calendar:indeterminate:backdrop { - color: alpha(currentColor,0.55); } - GtkCalendar.highlight, GtkCalendar.highlight:backdrop, - calendar.highlight, - calendar.highlight:backdrop { - font-size: smaller; - color: #A1A8AB; } - GtkCalendar:backdrop, - calendar:backdrop { - color: #959da0; - border-color: #363c3e; } - -/************************* - * Check and Radio Items * - *************************/ -check, -.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); - -gtk-icon-shadow: none; } - -radio, -.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); - -gtk-icon-shadow: none; } - -check:hover, -.check:hover { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover-dark.png"), url("assets/checkbox-unchecked-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:hover, -.radio:hover { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover-dark.png"), url("assets/radio-unchecked-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -check:active, -.check:active { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:active, -.radio:active { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png")); - -gtk-icon-shadow: none; } - -check:backdrop, -.check:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-dark.png"), url("assets/checkbox-unchecked-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:backdrop, -.radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-dark.png"), url("assets/radio-unchecked-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -check:insensitive, -.check:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:insensitive, -.radio:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -check:insensitive:backdrop, -.check:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive-dark.png"), url("assets/checkbox-unchecked-backdrop-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:insensitive:backdrop, -.radio:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive-dark.png"), url("assets/radio-unchecked-backdrop-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked, -.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked, -.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked:hover, -.check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-dark.png"), url("assets/checkbox-checked-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:hover, -.radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover-dark.png"), url("assets/radio-checked-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked:active, -.check:checked:active { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:active, -.radio:checked:active { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked:backdrop, -.check:checked:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-dark.png"), url("assets/checkbox-checked-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:backdrop, -.radio:checked:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-dark.png"), url("assets/radio-checked-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked:insensitive, -.check:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:insensitive, -.radio:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked:insensitive:backdrop, -.check:checked:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-backdrop-dark.png"), url("assets/checkbox-checked-insensitive-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:insensitive:backdrop, -.radio:checked:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-backdrop-dark.png"), url("assets/radio-checked-insensitive-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent, -.check:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent, -.radio:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:hover, -.check:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover-dark.png"), url("assets/checkbox-mixed-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:hover, -.radio:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover-dark.png"), url("assets/radio-mixed-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:active, -.check:inconsistent:active { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:active, -.radio:inconsistent:active { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:backdrop, -.check:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-dark.png"), url("assets/checkbox-mixed-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:backdrop, -.radio:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-dark.png"), url("assets/radio-mixed-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:insensitive, -.check:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:insensitive, -.radio:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:insensitive:backdrop, -.check:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-backdrop-dark.png"), url("assets/checkbox-mixed-insensitive-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:insensitive:backdrop, -.radio:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-backdrop-dark.png"), url("assets/radio-mixed-insensitive-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -check:selected, -.check:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-dark.png"), url("assets/selected-checkbox-unchecked-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:selected, -.radio:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-dark.png"), url("assets/selected-radio-unchecked-dark@2.png")); - -gtk-icon-shadow: none; } - -check:hover:selected, -.check:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-hover-dark.png"), url("assets/selected-checkbox-unchecked-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:hover:selected, -.radio:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-hover-dark.png"), url("assets/selected-radio-unchecked-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -check:active:selected, -.check:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-active-dark.png"), url("assets/selected-checkbox-unchecked-active-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:active:selected, -.radio:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-active-dark.png"), url("assets/selected-radio-unchecked-active-dark@2.png")); - -gtk-icon-shadow: none; } - -check:backdrop:selected, -.check:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop-dark.png"), url("assets/selected-checkbox-unchecked-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:backdrop:selected, -.radio:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop-dark.png"), url("assets/selected-radio-unchecked-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -check:insensitive:selected, -.check:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-insensitive-dark.png"), url("assets/selected-checkbox-unchecked-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:insensitive:selected, -.radio:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-insensitive-dark.png"), url("assets/selected-radio-unchecked-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -check:insensitive:backdrop:selected, -.check:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop-insensitive-dark.png"), url("assets/selected-checkbox-unchecked-backdrop-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:insensitive:backdrop:selected, -.radio:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop-insensitive-dark.png"), url("assets/selected-radio-unchecked-backdrop-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked:selected, -.check:checked:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-dark.png"), url("assets/selected-checkbox-checked-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:selected, -.radio:checked:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-dark.png"), url("assets/selected-radio-checked-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked:hover:selected, -.check:checked:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-hover-dark.png"), url("assets/selected-checkbox-checked-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:hover:selected, -.radio:checked:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-hover-dark.png"), url("assets/selected-radio-checked-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked:active:selected, -.check:checked:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-active-dark.png"), url("assets/selected-checkbox-checked-active-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:active:selected, -.radio:checked:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-active-dark.png"), url("assets/selected-radio-checked-active-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked:backdrop:selected, -.check:checked:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop-dark.png"), url("assets/selected-checkbox-checked-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:backdrop:selected, -.radio:checked:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop-dark.png"), url("assets/selected-radio-checked-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked:insensitive:selected, -.check:checked:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-insensitive-dark.png"), url("assets/selected-checkbox-checked-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:insensitive:selected, -.radio:checked:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-insensitive-dark.png"), url("assets/selected-radio-checked-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -check:checked:insensitive:backdrop:selected, -.check:checked:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-insensitive-backdrop-dark.png"), url("assets/selected-checkbox-checked-insensitive-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:insensitive:backdrop:selected, -.radio:checked:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-insensitive-backdrop-dark.png"), url("assets/selected-radio-checked-insensitive-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:selected, -.check:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-dark.png"), url("assets/selected-checkbox-mixed-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:selected, -.radio:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-dark.png"), url("assets/selected-radio-mixed-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:hover:selected, -.check:inconsistent:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-hover-dark.png"), url("assets/selected-checkbox-mixed-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:hover:selected, -.radio:inconsistent:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-hover-dark.png"), url("assets/selected-radio-mixed-hover-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:active:selected, -.check:inconsistent:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-active-dark.png"), url("assets/selected-checkbox-mixed-active-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:active:selected, -.radio:inconsistent:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-active-dark.png"), url("assets/selected-radio-mixed-active-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:backdrop:selected, -.check:inconsistent:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop-dark.png"), url("assets/selected-checkbox-mixed-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:backdrop:selected, -.radio:inconsistent:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop-dark.png"), url("assets/selected-radio-mixed-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:insensitive:selected, -.check:inconsistent:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-insensitive-dark.png"), url("assets/selected-checkbox-mixed-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:insensitive:selected, -.radio:inconsistent:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-insensitive-dark.png"), url("assets/selected-radio-mixed-insensitive-dark@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:insensitive:backdrop:selected, -.check:inconsistent:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-insensitive-backdrop-dark.png"), url("assets/selected-checkbox-mixed-insensitive-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:insensitive:backdrop:selected, -.radio:inconsistent:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-insensitive-backdrop-dark.png"), url("assets/selected-radio-mixed-insensitive-backdrop-dark@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check, GtkIconView.content-view check, -iconview.content-view check, -.view.content-view.check, -GtkIconView.content-view.check, -iconview.content-view.check { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio, GtkIconView.content-view radio, -iconview.content-view radio, -.view.content-view.radio, -GtkIconView.content-view.radio, -iconview.content-view.radio { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked.png"), url("assets/radio-unchecked@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:hover, GtkIconView.content-view check:hover, -iconview.content-view check:hover, -.view.content-view.check:hover, -GtkIconView.content-view.check:hover, -iconview.content-view.check:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-hover.png"), url("assets/checkbox-unchecked-hover@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:hover, GtkIconView.content-view radio:hover, -iconview.content-view radio:hover, -.view.content-view.radio:hover, -GtkIconView.content-view.radio:hover, -iconview.content-view.radio:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-hover.png"), url("assets/radio-unchecked-hover@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:active, GtkIconView.content-view check:active, -iconview.content-view check:active, -.view.content-view.check:active, -GtkIconView.content-view.check:active, -iconview.content-view.check:active { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:active, GtkIconView.content-view radio:active, -iconview.content-view radio:active, -.view.content-view.radio:active, -GtkIconView.content-view.radio:active, -iconview.content-view.radio:active { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:backdrop, GtkIconView.content-view check:backdrop, -iconview.content-view check:backdrop, -.view.content-view.check:backdrop, -GtkIconView.content-view.check:backdrop, -iconview.content-view.check:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-backdrop.png"), url("assets/checkbox-unchecked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:backdrop, GtkIconView.content-view radio:backdrop, -iconview.content-view radio:backdrop, -.view.content-view.radio:backdrop, -GtkIconView.content-view.radio:backdrop, -iconview.content-view.radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-backdrop.png"), url("assets/radio-unchecked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:insensitive, GtkIconView.content-view check:insensitive, -iconview.content-view check:insensitive, -.view.content-view.check:insensitive, -GtkIconView.content-view.check:insensitive, -iconview.content-view.check:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:insensitive, GtkIconView.content-view radio:insensitive, -iconview.content-view radio:insensitive, -.view.content-view.radio:insensitive, -GtkIconView.content-view.radio:insensitive, -iconview.content-view.radio:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:insensitive:backdrop, GtkIconView.content-view check:insensitive:backdrop, -iconview.content-view check:insensitive:backdrop, -.view.content-view.check:insensitive:backdrop, -GtkIconView.content-view.check:insensitive:backdrop, -iconview.content-view.check:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("assets/checkbox-unchecked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:insensitive:backdrop, GtkIconView.content-view radio:insensitive:backdrop, -iconview.content-view radio:insensitive:backdrop, -.view.content-view.radio:insensitive:backdrop, -GtkIconView.content-view.radio:insensitive:backdrop, -iconview.content-view.radio:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("assets/radio-unchecked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check, GtkIconView.content-view check, -iconview.content-view check, -.view.content-view.check, -GtkIconView.content-view.check, -iconview.content-view.check { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked.png"), url("assets/checkbox-checked@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio, GtkIconView.content-view radio, -iconview.content-view radio, -.view.content-view.radio, -GtkIconView.content-view.radio, -iconview.content-view.radio { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked.png"), url("assets/radio-checked@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:hover, GtkIconView.content-view check:hover, -iconview.content-view check:hover, -.view.content-view.check:hover, -GtkIconView.content-view.check:hover, -iconview.content-view.check:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-hover.png"), url("assets/checkbox-checked-hover@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:hover, GtkIconView.content-view radio:hover, -iconview.content-view radio:hover, -.view.content-view.radio:hover, -GtkIconView.content-view.radio:hover, -iconview.content-view.radio:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-hover.png"), url("assets/radio-checked-hover@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:active, GtkIconView.content-view check:active, -iconview.content-view check:active, -.view.content-view.check:active, -GtkIconView.content-view.check:active, -iconview.content-view.check:active { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:active, GtkIconView.content-view radio:active, -iconview.content-view radio:active, -.view.content-view.radio:active, -GtkIconView.content-view.radio:active, -iconview.content-view.radio:active { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-active.png"), url("assets/radio-checked-active@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:backdrop, GtkIconView.content-view check:backdrop, -iconview.content-view check:backdrop, -.view.content-view.check:backdrop, -GtkIconView.content-view.check:backdrop, -iconview.content-view.check:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-backdrop.png"), url("assets/checkbox-checked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:backdrop, GtkIconView.content-view radio:backdrop, -iconview.content-view radio:backdrop, -.view.content-view.radio:backdrop, -GtkIconView.content-view.radio:backdrop, -iconview.content-view.radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-backdrop.png"), url("assets/radio-checked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:insensitive, GtkIconView.content-view check:insensitive, -iconview.content-view check:insensitive, -.view.content-view.check:insensitive, -GtkIconView.content-view.check:insensitive, -iconview.content-view.check:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:insensitive, GtkIconView.content-view radio:insensitive, -iconview.content-view radio:insensitive, -.view.content-view.radio:insensitive, -GtkIconView.content-view.radio:insensitive, -iconview.content-view.radio:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:insensitive:backdrop, GtkIconView.content-view check:insensitive:backdrop, -iconview.content-view check:insensitive:backdrop, -.view.content-view.check:insensitive:backdrop, -GtkIconView.content-view.check:insensitive:backdrop, -iconview.content-view.check:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-backdrop-insensitive.png"), url("assets/checkbox-checked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:insensitive:backdrop, GtkIconView.content-view radio:insensitive:backdrop, -iconview.content-view radio:insensitive:backdrop, -.view.content-view.radio:insensitive:backdrop, -GtkIconView.content-view.radio:insensitive:backdrop, -iconview.content-view.radio:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-backdrop-insensitive.png"), url("assets/radio-checked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.check.text-button, .radio.text-button, -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; } - .check.text-button label:not(:only-child):first-child, .radio.text-button label:not(:only-child):first-child, - checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { - margin-left: 4px; } - .check.text-button label:not(:only-child):last-child, .radio.text-button label:not(:only-child):last-child, - checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { - margin-right: 4px; } - -check, -.check, -radio, -.radio { - margin: 0 4px; } - .menu .menuitem check, menu menuitem check, .menu .menuitem - .check, menu menuitem - .check, .menu .menuitem - radio, menu menuitem - radio, .menu .menuitem - .radio, menu menuitem - .radio { - margin: 0; } - -menu menuitem check:not(:indeterminate):checked, -menu menuitem radio:not(:indeterminate):checked, -menu menuitem check:indeterminate:checked:active, -menu menuitem radio:indeterminate:checked { - animation: none; } - -treeview.view check:selected:focus, treeview.view check:selected, -treeview.view radio:selected:focus, -treeview.view radio:selected { - color: #A1A8AB; } -treeview.view check:selected:disabled, -treeview.view radio:selected:disabled { - color: #788084; } - treeview.view check:selected:disabled:backdrop, - treeview.view radio:selected:disabled:backdrop { - color: #727f85; } -treeview.view check:backdrop:selected, treeview.view check:backdrop, -treeview.view radio:backdrop:selected, -treeview.view radio:backdrop { - color: #788084; } - -/***************** - * Color Chooser * - *****************/ -GtkColorSwatch, GtkColorSwatch:drop(active), -colorswatch, -colorswatch:drop(active) { - border-style: none; } -GtkColorSwatch.top, -colorswatch.top { - border-top-left-radius: 5.5px; - border-top-right-radius: 5.5px; } - GtkColorSwatch.top overlay, - colorswatch.top overlay { - border-top-left-radius: 5px; - border-top-right-radius: 5px; } -GtkColorSwatch.bottom, -colorswatch.bottom { - border-bottom-left-radius: 5.5px; - border-bottom-right-radius: 5.5px; } - GtkColorSwatch.bottom overlay, - colorswatch.bottom overlay { - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; } -GtkColorSwatch.left, GtkColorSwatch:first-child:not(.top), -colorswatch.left, -colorswatch:first-child:not(.top) { - border-top-left-radius: 5.5px; - border-bottom-left-radius: 5.5px; } - GtkColorSwatch.left overlay, GtkColorSwatch:first-child:not(.top) overlay, - colorswatch.left overlay, - colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; } -GtkColorSwatch.right, GtkColorSwatch:last-child:not(.bottom), -colorswatch.right, -colorswatch:last-child:not(.bottom) { - border-top-right-radius: 5.5px; - border-bottom-right-radius: 5.5px; } - GtkColorSwatch.right overlay, GtkColorSwatch:last-child:not(.bottom) overlay, - colorswatch.right overlay, - colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; } -GtkColorSwatch.dark overlay, -colorswatch.dark overlay { - color: #ffffff; } - GtkColorSwatch.dark overlay:hover, - colorswatch.dark overlay:hover { - border-color: #33393b; } - GtkColorSwatch.dark overlay:backdrop, - colorswatch.dark overlay:backdrop { - color: rgba(255, 255, 255, 0.5); } -GtkColorSwatch.light overlay, -colorswatch.light overlay { - color: #A1A8AB; } - GtkColorSwatch.light overlay:hover, - colorswatch.light overlay:hover { - border-color: #33393b; } - GtkColorSwatch.light overlay:backdrop, - colorswatch.light overlay:backdrop { - color: #959da0; } -GtkColorSwatch:drop(active), -colorswatch:drop(active) { - box-shadow: none; } - GtkColorSwatch:drop(active).light overlay, - colorswatch:drop(active).light overlay { - border-color: #4e9a06; - box-shadow: inset 0 0 0 2px #33393b, inset 0 0 0 1px #4e9a06; } - GtkColorSwatch:drop(active).dark overlay, - colorswatch:drop(active).dark overlay { - border-color: #4e9a06; - box-shadow: inset 0 0 0 2px #33393b, inset 0 0 0 1px #4e9a06; } -GtkColorSwatch overlay, -colorswatch overlay { - box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); - border: 1px solid #33393b; } - GtkColorSwatch overlay:hover, - colorswatch overlay:hover { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } - GtkColorSwatch overlay:backdrop, GtkColorSwatch overlay:backdrop:hover, - colorswatch overlay:backdrop, - colorswatch overlay:backdrop:hover { - border-color: #33393b; - box-shadow: none; } -GtkColorSwatch#add-color-button, -colorswatch#add-color-button { - border-radius: 5px 5px 0 0; } - GtkColorSwatch#add-color-button:only-child, - colorswatch#add-color-button:only-child { - border-radius: 5px; } - GtkColorSwatch#add-color-button overlay, - colorswatch#add-color-button overlay { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); - border-color: #33393b; - background-image: linear-gradient(to bottom, #4F585C, #434b4e); - text-shadow: 0 1px rgba(0, 0, 0, 0.73176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } - GtkColorSwatch#add-color-button overlay:hover, - colorswatch#add-color-button overlay:hover { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); - border-color: #33393b; - background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); - text-shadow: 0 1px rgba(0, 0, 0, 0.68376); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } - GtkColorSwatch#add-color-button overlay:backdrop, - colorswatch#add-color-button overlay:backdrop { - border-color: #363c3e; - background-image: linear-gradient(to bottom, #4F585C); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - GtkColorSwatch#add-color-button overlay:backdrop GtkLabel, GtkColorSwatch#add-color-button overlay:backdrop, - colorswatch#add-color-button overlay:backdrop GtkLabel, - colorswatch#add-color-button overlay:backdrop { - color: #788084; } - GtkColorSwatch#add-color-button overlay:backdrop label, GtkColorSwatch#add-color-button overlay:backdrop, - colorswatch#add-color-button overlay:backdrop label, - colorswatch#add-color-button overlay:backdrop { - color: #788084; } -GtkColorSwatch:disabled, -colorswatch:disabled { - opacity: 0.5; } - GtkColorSwatch:disabled overlay, - colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; } -row:selected GtkColorSwatch, row:selected -colorswatch { - box-shadow: 0 0 0 2px #ffffff; } -GtkColorSwatch#editor-color-sample, -colorswatch#editor-color-sample { - border-radius: 4px; } - GtkColorSwatch#editor-color-sample overlay, - colorswatch#editor-color-sample overlay { - border-radius: 4.5px; } - -colorchooser .popover.osd { - border-radius: 5px; } - -/************** - * ComboBoxes * - **************/ -GtkComboBox arrow, -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; } -GtkComboBox:drop(active), -combobox:drop(active) { - box-shadow: none; } - -/****************** - * Combobox Entry * - ******************/ -.combobox-entry button, -.combobox-entry .button { - box-shadow: none; } - .combobox-entry button:first-child, - .combobox-entry .button:first-child { - border-radius: 4px 0 0 4px; - border-right-width: 0; } - .combobox-entry button:last-child, - .combobox-entry .button:last-child { - border-radius: 0 4px 4px 0; } -.combobox-entry entry, -.combobox-entry .entry { - box-shadow: none; } - .combobox-entry entry:first-child, - .combobox-entry .entry:first-child { - border-radius: 4px 0 0 4px; - border-right-width: 0; } - .combobox-entry entry:last-child, - .combobox-entry .entry:last-child { - border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; } - -/*********** - * Dialogs * - ***********/ -.message-dialog .titlebar, -messagedialog .titlebar { - min-height: 20px; - background-image: none; - background-color: #4F585C; - border-style: none; - border-top-left-radius: 4px; - border-top-right-radius: 4px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } - .message-dialog .titlebar:backdrop, - messagedialog .titlebar:backdrop { - background-color: #4F585C; } -.message-dialog.csd, -messagedialog.csd { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.1); } - .message-dialog.csd.background, - messagedialog.csd.background { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } - .message-dialog.csd .dialog-action-area .button, - .message-dialog.csd .dialog-action-area button, - messagedialog.csd .dialog-action-area .button, - messagedialog.csd .dialog-action-area button { - padding: 10px 14px; - border-radius: 0; - border-left-style: solid; - border-right-style: none; - border-bottom-style: none; } - .message-dialog.csd .dialog-action-area .button:first-child, - .message-dialog.csd .dialog-action-area button:first-child, - messagedialog.csd .dialog-action-area .button:first-child, - messagedialog.csd .dialog-action-area button:first-child { - border-left-style: none; - border-bottom-left-radius: 4px; } - .message-dialog.csd .dialog-action-area .button:last-child, - .message-dialog.csd .dialog-action-area button:last-child, - messagedialog.csd .dialog-action-area .button:last-child, - messagedialog.csd .dialog-action-area button:last-child { - border-bottom-right-radius: 4px; } - -GtkFileChooserDialog, -filechooser { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } - GtkFileChooserDialog .dialog-action-box, - filechooser .dialog-action-box { - border-top: 1px solid #33393b; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } - GtkFileChooserDialog .dialog-action-box:backdrop, - filechooser .dialog-action-box:backdrop { - border-top-color: #363c3e; } - GtkFileChooserDialog #pathbarbox, - filechooser #pathbarbox { - border-bottom: 1px solid #4F585C; } - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; } - -/**************** - * Text Entries * - ****************/ -.spinbutton:not(.vertical), -spinbutton:not(.vertical), -.entry, -entry { - min-height: 20px; - padding: 4px 6px; - border: 1px solid; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #A1A8AB; - border-color: #33393b; - background-color: #636E73; - box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); } - .spinbutton:not(.vertical) GtkImage.left, - spinbutton:not(.vertical) GtkImage.left, - .spinbutton:not(.vertical) image.left, - spinbutton:not(.vertical) image.left, - .entry GtkImage.left, - .entry image.left, - entry GtkImage.left, - entry image.left { - padding-left: 0; - padding-right: 6px; } - .spinbutton:not(.vertical) GtkImage.right, - spinbutton:not(.vertical) GtkImage.right, - .spinbutton:not(.vertical) image.right, - spinbutton:not(.vertical) image.right, - .entry GtkImage.right, - .entry image.right, - entry GtkImage.right, - entry image.right { - padding-left: 6px; - padding-right: 0; } - .spinbutton:not(.vertical) undershoot.left, - spinbutton:not(.vertical) undershoot.left, - .entry undershoot.left, - entry undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; - box-shadow: none; } - .spinbutton:not(.vertical) undershoot.right, - spinbutton:not(.vertical) undershoot.right, - .entry undershoot.right, - entry undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; - box-shadow: none; } - .flat.spinbutton:focus:not(.vertical), - spinbutton.flat:focus:not(.vertical), .flat.spinbutton:not(.vertical), - spinbutton.flat:not(.vertical), - .entry.flat:focus, - .entry.flat, - entry.flat:focus, - entry.flat { - min-height: 0; - padding: 2px; - background-image: none; - border-color: transparent; - border-radius: 0; } - .spinbutton:focus:not(.vertical), - spinbutton:focus:not(.vertical), - .entry:focus, - entry:focus { - box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); - border-color: #262f33; } - .spinbutton:insensitive:not(.vertical), - spinbutton:insensitive:not(.vertical), - .entry:insensitive, - entry:insensitive { - color: #788084; - border-color: #33393b; - background-image: linear-gradient(to bottom, #576165); - box-shadow: none; } - .spinbutton:disabled:not(.vertical), - spinbutton:disabled:not(.vertical), - .entry:disabled, - entry:disabled { - color: #788084; - border-color: #33393b; - background-image: linear-gradient(to bottom, #576165); - box-shadow: none; } - .spinbutton:backdrop:not(.vertical), - spinbutton:backdrop:not(.vertical), - .entry:backdrop, - entry:backdrop { - color: #959da0; - border-color: #363c3e; - background-image: linear-gradient(to bottom, #657176); - box-shadow: none; - transition: 200ms ease-out; } - .spinbutton:backdrop:insensitive:not(.vertical), - spinbutton:backdrop:insensitive:not(.vertical), - .entry:backdrop:insensitive, - entry:backdrop:insensitive { - color: #727f85; - border-color: #363c3e; - background-image: linear-gradient(to bottom, #576165); - box-shadow: none; } - .spinbutton:backdrop:disabled:not(.vertical), - spinbutton:backdrop:disabled:not(.vertical), - .entry:backdrop:disabled, - entry:backdrop:disabled { - color: #727f85; - border-color: #363c3e; - background-image: linear-gradient(to bottom, #576165); - box-shadow: none; } - .error.spinbutton:not(.vertical), - spinbutton.error:not(.vertical), - .entry.error, - entry.error { - color: #f34235; - border-color: #6f0e07; } - .error.spinbutton:focus:not(.vertical), - spinbutton.error:focus:not(.vertical), - .entry.error:focus, - entry.error:focus { - box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); - border-color: #6f0e07; } - .error.spinbutton:selected:focus:not(.vertical), - spinbutton.error:selected:focus:not(.vertical), .error.spinbutton:selected:not(.vertical), - spinbutton.error:selected:not(.vertical), - .entry.error:selected:focus, - .entry.error:selected, - entry.error:selected:focus, - entry.error:selected { - background-color: #f34235; } - .warning.spinbutton:not(.vertical), - spinbutton.warning:not(.vertical), - .entry.warning, - entry.warning { - color: #feea3a; - border-color: #857701; } - .warning.spinbutton:focus:not(.vertical), - spinbutton.warning:focus:not(.vertical), - .entry.warning:focus, - entry.warning:focus { - box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); - border-color: #857701; } - .warning.spinbutton:selected:focus:not(.vertical), - spinbutton.warning:selected:focus:not(.vertical), .warning.spinbutton:selected:not(.vertical), - spinbutton.warning:selected:not(.vertical), - .entry.warning:selected:focus, - .entry.warning:selected, - entry.warning:selected:focus, - entry.warning:selected { - background-color: #feea3a; } - .spinbutton:not(.vertical) GtkImage, - spinbutton:not(.vertical) GtkImage, - .spinbutton:not(.vertical) image, - spinbutton:not(.vertical) image, - .entry GtkImage, - .entry image, - entry GtkImage, - entry image { - color: #959ca0; } - .spinbutton:not(.vertical) GtkImage:hover, - spinbutton:not(.vertical) GtkImage:hover, - .spinbutton:not(.vertical) image:hover, - spinbutton:not(.vertical) image:hover, - .entry GtkImage:hover, - .entry image:hover, - entry GtkImage:hover, - entry image:hover { - color: #A1A8AB; } - .spinbutton:not(.vertical) GtkImage:active, - spinbutton:not(.vertical) GtkImage:active, - .spinbutton:not(.vertical) image:active, - spinbutton:not(.vertical) image:active, - .entry GtkImage:active, - .entry image:active, - entry GtkImage:active, - entry image:active { - color: #667f8c; } - .spinbutton:not(.vertical) GtkImage:backdrop, - spinbutton:not(.vertical) GtkImage:backdrop, - .spinbutton:not(.vertical) image:backdrop, - spinbutton:not(.vertical) image:backdrop, - .entry GtkImage:backdrop, - .entry image:backdrop, - entry GtkImage:backdrop, - entry image:backdrop { - color: #747d81; } - .spinbutton:drop(active):focus:not(.vertical), - spinbutton:drop(active):focus:not(.vertical), .spinbutton:drop(active):not(.vertical), - spinbutton:drop(active):not(.vertical), - .entry:drop(active):focus, - .entry:drop(active), - entry:drop(active):focus, - entry:drop(active) { - border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } - .osd .spinbutton:not(.vertical), - .osd spinbutton:not(.vertical), .osd - .entry, .osd - entry { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .osd .spinbutton:focus:not(.vertical), - .osd spinbutton:focus:not(.vertical), .osd - .entry:focus, .osd - entry:focus { - color: white; - border-color: #667f8c; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .osd .spinbutton:backdrop:not(.vertical), - .osd spinbutton:backdrop:not(.vertical), .osd - .entry:backdrop, .osd - entry:backdrop { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd .spinbutton:disabled:not(.vertical), - .osd spinbutton:disabled:not(.vertical), .osd - .entry:disabled, .osd - entry:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } -.spinbutton:not(.vertical) .progressbar, -spinbutton:not(.vertical) .progressbar, -.spinbutton:not(.vertical) progress, -spinbutton:not(.vertical) progress, -.entry .progressbar, -.entry progress, -entry .progressbar, -entry progress { - margin: 2px -6px; - background-color: transparent; - background-image: none; - border-radius: 0; - border-width: 0 0 2px; - border-color: #667f8c; - border-style: solid; - box-shadow: none; } - .spinbutton:not(.vertical) .progressbar:backdrop, - spinbutton:not(.vertical) .progressbar:backdrop, - .spinbutton:not(.vertical) progress:backdrop, - spinbutton:not(.vertical) progress:backdrop, - .entry .progressbar:backdrop, - .entry progress:backdrop, - entry .progressbar:backdrop, - entry progress:backdrop { - background-color: transparent; } -.linked:not(.vertical) > .spinbutton:focus:not(.vertical) + .spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + .spinbutton:not(.vertical), -.linked:not(.vertical) > .spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + button, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + combobox > box > button.combo, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > -.entry:focus + .spinbutton:not(.vertical), -.linked:not(.vertical) > .entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > -.entry:focus + button, .linked:not(.vertical) > -.entry:focus + combobox > box > button.combo, .linked:not(.vertical) > -entry:focus + .spinbutton:not(.vertical), -.linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > -entry:focus + button, .linked:not(.vertical) > -entry:focus + combobox > box > button.combo, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + -.entry, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + -.entry, .linked:not(.vertical) > -.entry:focus + -.entry, .linked:not(.vertical) > -entry:focus + -.entry, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + -entry, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + -entry, .linked:not(.vertical) > -.entry:focus + -entry, .linked:not(.vertical) > -entry:focus + -entry { - border-left-color: #262f33; } -.linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + .spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + .spinbutton:not(.vertical), -.linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + button, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > -.entry:drop(active) + .spinbutton:not(.vertical), -.linked:not(.vertical) > .entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > -.entry:drop(active) + button, .linked:not(.vertical) > -.entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > -entry:drop(active) + .spinbutton:not(.vertical), -.linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > -entry:drop(active) + button, .linked:not(.vertical) > -entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + -.entry, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + -.entry, .linked:not(.vertical) > -.entry:drop(active) + -.entry, .linked:not(.vertical) > -entry:drop(active) + -.entry, .linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + -entry, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + -entry, .linked:not(.vertical) > -.entry:drop(active) + -entry, .linked:not(.vertical) > -entry:drop(active) + -entry { - border-left-color: #4e9a06; } -.linked.vertical > .spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > .spinbutton:not(:disabled):not(.vertical) + .spinbutton:not(:disabled):not(.vertical), -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + .spinbutton:not(:disabled):not(.vertical), -.linked.vertical > .spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > -.entry:not(:disabled) + entry:not(:disabled), .linked.vertical > -.entry:not(:disabled) + .spinbutton:not(:disabled):not(.vertical), -.linked.vertical > .entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > -entry:not(:disabled) + entry:not(:disabled), .linked.vertical > -entry:not(:disabled) + .spinbutton:not(:disabled):not(.vertical), -.linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { - border-top-color: #555e62; - background-image: linear-gradient(to bottom, #636E73); } - .linked.vertical > .spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, - .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 > spinbutton:not(:disabled):not(.vertical) + .spinbutton:not(:disabled):backdrop:not(.vertical), - .linked.vertical > .spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > - .entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > - .entry:not(:disabled) + .spinbutton:not(:disabled):backdrop:not(.vertical), - .linked.vertical > .entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > - entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > - entry:not(:disabled) + .spinbutton:not(:disabled):backdrop:not(.vertical), - .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: #576165; - background-image: linear-gradient(to bottom, #657176); } -.linked.vertical > .spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical), -.linked.vertical > spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical), -.linked.vertical > .spinbutton:insensitive:not(.vertical) + spinbutton:insensitive:not(.vertical), -.linked.vertical > spinbutton:insensitive:not(.vertical) + spinbutton:insensitive:not(.vertical), .linked.vertical > .spinbutton:disabled:not(.vertical) + entry:disabled, -.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > .spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical), -.linked.vertical > spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical), -.linked.vertical > .spinbutton:insensitive:not(.vertical) + spinbutton:insensitive:not(.vertical), -.linked.vertical > spinbutton:insensitive:not(.vertical) + spinbutton:insensitive:not(.vertical), .linked.vertical > .spinbutton:disabled:not(.vertical) + entry:disabled, -.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > -.entry:insensitive + .spinbutton:insensitive:not(.vertical), -.linked.vertical > .entry:insensitive + spinbutton:insensitive:not(.vertical), .linked.vertical > -.entry:disabled + entry:disabled, .linked.vertical > -.entry:insensitive + .spinbutton:insensitive:not(.vertical), -.linked.vertical > .entry:insensitive + spinbutton:insensitive:not(.vertical), .linked.vertical > -.entry:disabled + entry:disabled, .linked.vertical > -entry:insensitive + .spinbutton:insensitive:not(.vertical), -.linked.vertical > entry:insensitive + spinbutton:insensitive:not(.vertical), .linked.vertical > -entry:disabled + entry:disabled, .linked.vertical > -entry:insensitive + .spinbutton:insensitive:not(.vertical), -.linked.vertical > entry:insensitive + spinbutton:insensitive:not(.vertical), .linked.vertical > -entry:disabled + entry:disabled { - border-top-color: #555e62; } -.linked.vertical > .spinbutton:not(.vertical) + .spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + .spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > .spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > .spinbutton:not(.vertical) + entry:focus:not(:only-child), -.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > -.entry + .spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > .entry + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > -.entry + entry:focus:not(:only-child), .linked.vertical > -entry + .spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > -entry + entry:focus:not(:only-child) { - border-top-color: #262f33; } -.linked.vertical > .spinbutton:not(.vertical) + .spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + .spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > .spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > .spinbutton:not(.vertical) + entry:drop(active):not(:only-child), -.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > -.entry + .spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > .entry + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > -.entry + entry:drop(active):not(:only-child), .linked.vertical > -entry + .spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > -entry + entry:drop(active):not(:only-child) { - border-top-color: #4e9a06; } -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .spinbutton:not(.vertical), -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .spinbutton:not(.vertical), -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .entry, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .entry, -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .button, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .button, -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > -.entry:focus:not(:only-child) + .spinbutton:not(.vertical), -.linked.vertical > .entry:focus:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -.entry:focus:not(:only-child) + entry, -.linked.vertical > -.entry:focus:not(:only-child) + .entry, -.linked.vertical > -.entry:focus:not(:only-child) + button, -.linked.vertical > -.entry:focus:not(:only-child) + .button, -.linked.vertical > -.entry:focus:not(:only-child) + combobox > box > button.combo, .linked.vertical > -entry:focus:not(:only-child) + .spinbutton:not(.vertical), -.linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -entry:focus:not(:only-child) + entry, -.linked.vertical > -entry:focus:not(:only-child) + .entry, -.linked.vertical > -entry:focus:not(:only-child) + button, -.linked.vertical > -entry:focus:not(:only-child) + .button, -.linked.vertical > -entry:focus:not(:only-child) + combobox > box > button.combo { - border-top-color: #262f33; } -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + .spinbutton:not(.vertical), -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .spinbutton:not(.vertical), -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + .entry, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .entry, -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + .button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .button, -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > -.entry:drop(active):not(:only-child) + .spinbutton:not(.vertical), -.linked.vertical > .entry:drop(active):not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -.entry:drop(active):not(:only-child) + entry, -.linked.vertical > -.entry:drop(active):not(:only-child) + .entry, -.linked.vertical > -.entry:drop(active):not(:only-child) + button, -.linked.vertical > -.entry:drop(active):not(:only-child) + .button, -.linked.vertical > -.entry:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > -entry:drop(active):not(:only-child) + .spinbutton:not(.vertical), -.linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -entry:drop(active):not(:only-child) + entry, -.linked.vertical > -entry:drop(active):not(:only-child) + .entry, -.linked.vertical > -entry:drop(active):not(:only-child) + button, -.linked.vertical > -entry:drop(active):not(:only-child) + .button, -.linked.vertical > -entry:drop(active):not(:only-child) + combobox > box > button.combo { - border-top-color: #4e9a06; } - -GtkTreeView .acceleditor > label, -treeview acceleditor > label { - background-color: #667f8c; } - -GtkTreeView .entry.flat, GtkTreeView .entry, -treeview entry.flat, -treeview entry { - border-radius: 0; - background-image: none; - background-color: #636E73; } - GtkTreeView .entry.flat:focus, GtkTreeView .entry:focus, - treeview entry.flat:focus, - treeview entry:focus { - border-color: #667f8c; } - -/************* - * Expanders * - *************/ -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - expander arrow:hover { - color: #f2f3f3; } - expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -/**************** - * File chooser * - ****************/ -placessidebar > viewport.frame { - border-style: none; } -placessidebar row { - min-height: 36px; - padding: 0px; } - placessidebar row > revealer { - padding: 0 14px; } - placessidebar row:selected { - color: #ffffff; } - placessidebar row:disabled, placessidebar row:insensitive { - color: #788084; } - placessidebar row:backdrop { - color: #788084; } - placessidebar row:backdrop:selected { - color: rgba(255, 255, 255, 0.5); } - placessidebar row:backdrop:disabled { - color: #727f85; } - placessidebar row GtkImage.sidebar-icon, - placessidebar row image.sidebar-icon { - opacity: 0.7; } - placessidebar row GtkImage.sidebar-icon:dir(ltr), - placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 8px; } - placessidebar row GtkImage.sidebar-icon:dir(rtl), - placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 8px; } - placessidebar row GtkLabel.sidebar-label:dir(ltr), - placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 2px; } - placessidebar row GtkLabel.sidebar-label:dir(rtl), - placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 2px; } - button.sidebar-button { - min-height: 26px; - min-width: 26px; - margin-top: 3px; - margin-bottom: 3px; - padding: 0; - border-radius: 100%; - -gtk-outline-radius: 100%; } - button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { - opacity: 0.7; } - placessidebar row:selected:active { - box-shadow: none; } - placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: image(#4e9a06); - background-clip: content-box; } - placessidebar row.sidebar-new-bookmark-row { - color: #667f8c; } - placessidebar row:drop(active):not(:disabled) { - color: #4e9a06; - box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } - placessidebar row:drop(active):not(:disabled):selected { - color: #ffffff; - background-color: #4e9a06; } - -placesview .server-list-button > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(0turn); } -placesview .server-list-button:checked > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(-0.5turn); } -placesview row.activatable:hover { - background-color: transparent; } -placesview > actionbar > revealer > box > label { - padding-left: 8px; - padding-right: 8px; } - -/**************** - * Floating Bar * - ****************/ -.floating-bar { - padding: 2px; - background-color: #4F585C; - border-width: 1px; - border-style: solid solid none; - border-color: #33393b; - border-radius: 3px 3px 0 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } - .floating-bar.bottom.left { - border-left-style: none; - border-top-left-radius: 0; } - .floating-bar.bottom.right { - border-right-style: none; - border-top-right-radius: 0; } - .floating-bar > .button { - padding: 4px; } - .floating-bar:backdrop { - background-color: #4F585C; - border-color: #363c3e; } - -/********** - * Frames * - **********/ -frame > border, -.frame { - box-shadow: none; - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid #33393b; } - frame > border.flat, - .frame.flat { - border-style: none; } - frame > border:backdrop, - .frame:backdrop { - border-color: #363c3e; } - -actionbar > revealer > box { - padding: 6px; - border-top: 1px solid #33393b; } - actionbar > revealer > box:backdrop { - border-color: #363c3e; } - -GtkScrolledWindow GtkViewport.frame, -GtkScrolledWindow viewport.frame, -scrolledwindow GtkViewport.frame, -scrolledwindow viewport.frame { - border-style: none; } -GtkScrolledWindow overshoot.top, -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } - GtkScrolledWindow overshoot.top:backdrop, - scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#363c3e), to(rgba(54, 60, 62, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } -GtkScrolledWindow overshoot.bottom, -scrolledwindow overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } - GtkScrolledWindow overshoot.bottom:backdrop, - scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#363c3e), to(rgba(54, 60, 62, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } -GtkScrolledWindow overshoot.left, -scrolledwindow overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } - GtkScrolledWindow overshoot.left:backdrop, - scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#363c3e), to(rgba(54, 60, 62, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } -GtkScrolledWindow overshoot.right, -scrolledwindow overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - GtkScrolledWindow overshoot.right:backdrop, - scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#363c3e), to(rgba(54, 60, 62, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } -GtkScrolledWindow undershoot.top, -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; - box-shadow: none; } -GtkScrolledWindow undershoot.bottom, -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; - box-shadow: none; } -GtkScrolledWindow undershoot.left, -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; - box-shadow: none; } -GtkScrolledWindow undershoot.right, -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; - box-shadow: none; } -GtkScrolledWindow junction, -scrolledwindow junction { - border-color: transparent; - border-image: linear-gradient(to bottom, #33393b 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #596368; } - GtkScrolledWindow junction:dir(rtl), - scrolledwindow junction:dir(rtl) { - border-image-slice: 0 1 0 0; } - GtkScrolledWindow junction:backdrop, - scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, #363c3e 1px, transparent 1px); - background-color: #485054; - transition: 200ms ease-out; } - -.separator, -separator { - background: rgba(0, 0, 0, 0.1); - min-width: 1px; - min-height: 1px; } - -/************ - * Popovers * - ************/ -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 8px; - -GraniteWidgetsPopOver-border-width: 0; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid #636E73; - background: #636E73; - color: #A1A8AB; } - GraniteWidgetsPopOver .button { - background-image: none; - background: none; - border: none; } - GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { - color: #667f8c; } - GraniteWidgetsPopOver > .frame { - border: none; } - GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver GtkIconView.sidebar, - GraniteWidgetsPopOver iconview.sidebar { - border: none; - background: none; } - -GraniteWidgetsStaticNotebook .frame { - border: none; } - -.popover_bg { - background-color: #636E73; - background-image: none; - border: 1px solid #636E73; - color: #A1A8AB; } - -/*********** - * Welcome * - **********/ -GraniteWidgetsWelcome { - background-color: #636E73; } - GraniteWidgetsWelcome GtkLabel { - color: #A1A8AB; } - GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { - color: rgba(161, 168, 171, 0.8); } - -/************** -* Source List * -***************/ -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; - background-color: #4F585C; - border: solid #33393b; - color: #A1A8AB; - border-right-width: 1px; } - .source-list .category-expander { - color: transparent; } - .source-list .badge { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - color: #4F585C; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; } - .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { - background-color: rgba(0, 0, 0, 0.2); - color: shade #4F585C, 0.95; } - .source-list row, - .source-list .list-row { - border: none; - padding: 0; } - .source-list row > GtkLabel, - .source-list row > label, - .source-list .list-row > GtkLabel, - .source-list .list-row > label { - padding-left: 6px; - padding-right: 6px; } - -/************** -* Storage Bar * -**************/ -.storage-bar .trough { - border: none; - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1); - background-image: none; - background-color: transparent; - padding: 8px 6px; } -.storage-bar .fill-block { - background-color: #feea3a; - border: none; - box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); - transition: all 200ms ease-in-out; - padding: 8px 6px; } - .storage-bar .fill-block:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - border-left-width: 1px; - box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } - .storage-bar .fill-block:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } - .storage-bar .fill-block.empty-block { - background-color: #636E73; } - .storage-bar .fill-block.app { - background-color: #2095f2; } - .storage-bar .fill-block.audio { - background-color: #fe9700; } - .storage-bar .fill-block.photo { - background-color: #f34235; } - .storage-bar .fill-block.video { - background-color: #9b26af; } - .storage-bar .fill-block .legend { - padding: 12px; - border-radius: 4px; } - -/*************** - * Header Bars * - ***************/ -.titlebar:not(headerbar), -.header-bar, -headerbar { - min-height: 40px; - padding: 0 8px; - border: none; - border-radius: 4px 4px 0 0; - background-color: #3B4245; - color: rgba(255, 255, 255, 0.8); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } - .titlebar:backdrop:not(headerbar), - .header-bar:backdrop, - headerbar:backdrop { - background-color: #3B4245; - color: rgba(255, 255, 255, 0.3); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - transition: 200ms ease-out; } - .titlebar:not(headerbar) .title, - .header-bar .title, - headerbar .title { - font-weight: bold; - padding-left: 12px; - padding-right: 12px; - color: rgba(255, 255, 255, 0.8); } - .titlebar:not(headerbar) .title:backdrop, - .header-bar .title:backdrop, - headerbar .title:backdrop { - color: rgba(255, 255, 255, 0.3); } - .titlebar:not(headerbar) .subtitle, - .header-bar .subtitle, - headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - color: rgba(255, 255, 255, 0.8); } - .selection-mode.titlebar:not(headerbar), - .header-bar.selection-mode, - headerbar.selection-mode { - border-radius: 4px 4px 0 0; - color: #ffffff; - text-shadow: 0 -1px rgba(0, 0, 0, 0.5); - border-color: #262f33; - background-color: #347D9F; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } - .selection-mode.titlebar:backdrop:not(headerbar), - .header-bar.selection-mode:backdrop, - headerbar.selection-mode:backdrop { - background-color: #275f79; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, - .header-bar.selection-mode .selection-menu:backdrop, - .header-bar.selection-mode .selection-menu, - headerbar.selection-mode .selection-menu:backdrop, - headerbar.selection-mode .selection-menu { - border-color: rgba(102, 127, 140, 0); - background-image: linear-gradient(to bottom, rgba(102, 127, 140, 0)); - box-shadow: none; - text-shadow: none; - padding-left: 10px; - padding-right: 10px; } - .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, - .header-bar.selection-mode .selection-menu:backdrop GtkArrow, - .header-bar.selection-mode .selection-menu GtkArrow, - headerbar.selection-mode .selection-menu:backdrop GtkArrow, - headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; } - .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, - .header-bar.selection-mode .selection-menu:backdrop .arrow, - .header-bar.selection-mode .selection-menu .arrow, - headerbar.selection-mode .selection-menu:backdrop .arrow, - headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - color: rgba(255, 255, 255, 0.5); - -gtk-icon-shadow: none; } - .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .tiled - .header-bar:backdrop, .tiled - .header-bar, .maximized - .header-bar:backdrop, .maximized - .header-bar, .tiled - headerbar:backdrop, .tiled - headerbar, .maximized - headerbar:backdrop, .maximized - headerbar { - border-radius: 0; } - .default-decoration.titlebar:not(headerbar), - .header-bar.default-decoration, - headerbar.default-decoration { - padding: 6px; - min-height: 28px; - background-color: #3B4245; - color: rgba(255, 255, 255, 0.8); } - .default-decoration.titlebar:not(headerbar) .maximized, - .header-bar.default-decoration .maximized, - headerbar.default-decoration .maximized { - padding: 6px; } - .default-decoration.titlebar:backdrop:not(headerbar), - .header-bar.default-decoration:backdrop, - headerbar.default-decoration:backdrop { - background-color: #2f3537; - color: rgba(255, 255, 255, 0.3); } - .default-decoration.titlebar:not(headerbar) .button.titlebutton, - .default-decoration.titlebar:not(headerbar) button.titlebutton, - .header-bar.default-decoration .button.titlebutton, - .header-bar.default-decoration button.titlebutton, - headerbar.default-decoration .button.titlebutton, - headerbar.default-decoration button.titlebutton { - min-height: 16px; - min-width: 16px; - padding: 1px; - border-radius: 50%; - background-color: transparent; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .default-decoration.titlebar:not(headerbar) .button.titlebutton:hover, - .default-decoration.titlebar:not(headerbar) button.titlebutton:hover, - .header-bar.default-decoration .button.titlebutton:hover, - .header-bar.default-decoration button.titlebutton:hover, - headerbar.default-decoration .button.titlebutton:hover, - headerbar.default-decoration button.titlebutton:hover { - background-color: transparent; - color: rgba(255, 255, 255, 0.8); } - .default-decoration.titlebar:not(headerbar) .button.titlebutton:backdrop, - .default-decoration.titlebar:not(headerbar) button.titlebutton:backdrop, - .header-bar.default-decoration .button.titlebutton:backdrop, - .header-bar.default-decoration button.titlebutton:backdrop, - headerbar.default-decoration .button.titlebutton:backdrop, - headerbar.default-decoration button.titlebutton:backdrop { - background-color: transparent; - color: rgba(255, 255, 255, 0.3); } - .default-decoration.titlebar:not(headerbar) .button.titlebutton:active, - .default-decoration.titlebar:not(headerbar) button.titlebutton:active, - .header-bar.default-decoration .button.titlebutton:active, - .header-bar.default-decoration button.titlebutton:active, - headerbar.default-decoration .button.titlebutton:active, - headerbar.default-decoration button.titlebutton:active { - background-color: rgba(255, 255, 255, 0.8); - color: #3B4245; - border-radius: 50%; - box-shadow: none; } - .titlebar:not(headerbar) .entry, - .titlebar:not(headerbar) entry, - .header-bar .entry, - .header-bar entry, - headerbar .entry, - headerbar entry { - margin: 6px 0; - min-height: 16px; - border-radius: 2px; - padding: 4px; - border: none; - box-shadow: none; - background: rgba(99, 110, 115, 0.95); - color: #A1A8AB; - box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } - .titlebar:not(headerbar) .entry > .image, - .titlebar:not(headerbar) entry > .image, - .header-bar .entry > .image, - .header-bar entry > .image, - headerbar .entry > .image, - headerbar entry > .image { - padding-right: 6px; - color: rgba(161, 168, 171, 0.8); } - .titlebar:not(headerbar) .entry:active, .titlebar:not(headerbar) .entry:focus, - .titlebar:not(headerbar) entry:active, - .titlebar:not(headerbar) entry:focus, - .header-bar .entry:active, - .header-bar .entry:focus, - .header-bar entry:active, - .header-bar entry:focus, - headerbar .entry:active, - headerbar .entry:focus, - headerbar entry:active, - headerbar entry:focus { - background: #636E73; - color: #A1A8AB; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } - .titlebar:not(headerbar) .entry:active > .image, .titlebar:not(headerbar) .entry:focus > .image, - .titlebar:not(headerbar) entry:active > .image, - .titlebar:not(headerbar) entry:focus > .image, - .header-bar .entry:active > .image, - .header-bar .entry:focus > .image, - .header-bar entry:active > .image, - .header-bar entry:focus > .image, - headerbar .entry:active > .image, - headerbar .entry:focus > .image, - headerbar entry:active > .image, - headerbar entry:focus > .image { - padding-right: 6px; - color: #A1A8AB; } - .titlebar:not(headerbar) .entry:active:backdrop, .titlebar:not(headerbar) .entry:focus:backdrop, - .titlebar:not(headerbar) entry:active:backdrop, - .titlebar:not(headerbar) entry:focus:backdrop, - .header-bar .entry:active:backdrop, - .header-bar .entry:focus:backdrop, - .header-bar entry:active:backdrop, - .header-bar entry:focus:backdrop, - headerbar .entry:active:backdrop, - headerbar .entry:focus:backdrop, - headerbar entry:active:backdrop, - headerbar entry:focus:backdrop { - background: rgba(99, 110, 115, 0.8); - color: rgba(161, 168, 171, 0.5); - box-shadow: none; } - .titlebar:not(headerbar) .entry:insensitive, - .titlebar:not(headerbar) entry:insensitive, - .header-bar .entry:insensitive, - .header-bar entry:insensitive, - headerbar .entry:insensitive, - headerbar entry:insensitive { - background: rgba(99, 110, 115, 0.6); - color: rgba(161, 168, 171, 0.5); - box-shadow: none; } - .titlebar:not(headerbar) .entry:insensitive > .image, - .titlebar:not(headerbar) entry:insensitive > .image, - .header-bar .entry:insensitive > .image, - .header-bar entry:insensitive > .image, - headerbar .entry:insensitive > .image, - headerbar entry:insensitive > .image { - padding-right: 6px; - color: rgba(161, 168, 171, 0.5); } - .titlebar:not(headerbar) .entry:insensitive:backdrop, - .titlebar:not(headerbar) entry:insensitive:backdrop, - .header-bar .entry:insensitive:backdrop, - .header-bar entry:insensitive:backdrop, - headerbar .entry:insensitive:backdrop, - headerbar entry:insensitive:backdrop { - background: rgba(99, 110, 115, 0.5); - color: rgba(161, 168, 171, 0.5); - box-shadow: none; } - .titlebar:not(headerbar) .entry:backdrop, - .titlebar:not(headerbar) entry:backdrop, - .header-bar .entry:backdrop, - .header-bar entry:backdrop, - headerbar .entry:backdrop, - headerbar entry:backdrop { - background: rgba(99, 110, 115, 0.8); - color: rgba(161, 168, 171, 0.5); - box-shadow: none; } - .titlebar:not(headerbar) .entry:backdrop > .image, - .titlebar:not(headerbar) entry:backdrop > .image, - .header-bar .entry:backdrop > .image, - .header-bar entry:backdrop > .image, - headerbar .entry:backdrop > .image, - headerbar entry:backdrop > .image { - color: rgba(161, 168, 171, 0.5); } - .titlebar:not(headerbar) .button, - .titlebar:not(headerbar) button, - .header-bar .button, - .header-bar button, - headerbar .button, - headerbar button { - background-color: transparent; - background-image: none; - border-radius: 0px; - border: none; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - padding: 10px; - margin: 0; - color: rgba(255, 255, 255, 0.8); } - .titlebar:not(headerbar) .button.text-button, .titlebar:not(headerbar) .button.image-button, .titlebar:not(headerbar) .button.flat, - .titlebar:not(headerbar) button.text-button, - .titlebar:not(headerbar) button.image-button, - .titlebar:not(headerbar) button.flat, - .header-bar .button.text-button, - .header-bar .button.image-button, - .header-bar .button.flat, - .header-bar button.text-button, - .header-bar button.image-button, - .header-bar button.flat, - headerbar .button.text-button, - headerbar .button.image-button, - headerbar .button.flat, - headerbar button.text-button, - headerbar button.image-button, - headerbar button.flat { - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - background-color: transparent; - background-image: none; - color: rgba(255, 255, 255, 0.8); } - .titlebar:not(headerbar) .button.text-button:backdrop, .titlebar:not(headerbar) .button.image-button:backdrop, .titlebar:not(headerbar) .button.flat:backdrop, - .titlebar:not(headerbar) button.text-button:backdrop, - .titlebar:not(headerbar) button.image-button:backdrop, - .titlebar:not(headerbar) button.flat:backdrop, - .header-bar .button.text-button:backdrop, - .header-bar .button.image-button:backdrop, - .header-bar .button.flat:backdrop, - .header-bar button.text-button:backdrop, - .header-bar button.image-button:backdrop, - .header-bar button.flat:backdrop, - headerbar .button.text-button:backdrop, - headerbar .button.image-button:backdrop, - headerbar .button.flat:backdrop, - headerbar button.text-button:backdrop, - headerbar button.image-button:backdrop, - headerbar button.flat:backdrop { - background-color: transparent; - background-image: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.3); } - .titlebar:not(headerbar) .button.linked, - .titlebar:not(headerbar) button.linked, - .header-bar .button.linked, - .header-bar button.linked, - headerbar .button.linked, - headerbar button.linked { - border-radius: 0px; - margin: 0; } - .titlebar:not(headerbar) .button:hover, - .titlebar:not(headerbar) button:hover, - .header-bar .button:hover, - .header-bar button:hover, - headerbar .button:hover, - headerbar button:hover { - background-image: none; - background-color: rgba(0, 0, 0, 0.15); - color: rgba(255, 255, 255, 0.8); - box-shadow: none; - text-shadow: none; } - .titlebar:not(headerbar) .button:backdrop, - .titlebar:not(headerbar) button:backdrop, - .header-bar .button:backdrop, - .header-bar button:backdrop, - headerbar .button:backdrop, - headerbar button:backdrop { - background-color: transparent; - background-image: none; - color: rgba(255, 255, 255, 0.3); } - .titlebar:not(headerbar) .button:active, .titlebar:not(headerbar) .button:checked, - .titlebar:not(headerbar) button:active, - .titlebar:not(headerbar) button:checked, - .header-bar .button:active, - .header-bar .button:checked, - .header-bar button:active, - .header-bar button:checked, - headerbar .button:active, - headerbar .button:checked, - headerbar button:active, - headerbar button:checked { - font: bold; - border-radius: 0px; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); - background-color: transparent; - background-image: none; - color: rgba(255, 255, 255, 0.8); } - .titlebar:not(headerbar) .button:active:backdrop, .titlebar:not(headerbar) .button:checked:backdrop, - .titlebar:not(headerbar) button:active:backdrop, - .titlebar:not(headerbar) button:checked:backdrop, - .header-bar .button:active:backdrop, - .header-bar .button:checked:backdrop, - .header-bar button:active:backdrop, - .header-bar button:checked:backdrop, - headerbar .button:active:backdrop, - headerbar .button:checked:backdrop, - headerbar button:active:backdrop, - headerbar button:checked:backdrop { - background-color: transparent; - background-image: none; - color: rgba(255, 255, 255, 0.3); - box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.3); } - .titlebar:not(headerbar) .button:insensitive, .titlebar:not(headerbar) .button:disabled, - .titlebar:not(headerbar) button:insensitive, - .titlebar:not(headerbar) button:disabled, - .header-bar .button:insensitive, - .header-bar .button:disabled, - .header-bar button:insensitive, - .header-bar button:disabled, - headerbar .button:insensitive, - headerbar .button:disabled, - headerbar button:insensitive, - headerbar button:disabled { - color: rgba(255, 255, 255, 0.3); - background-color: transparent; - background-image: none; } - .titlebar:not(headerbar) .button:insensitive, .titlebar:not(headerbar) .button:insensitive:backdrop, - .titlebar:not(headerbar) button:insensitive, - .titlebar:not(headerbar) button:insensitive:backdrop, - .header-bar .button:insensitive, - .header-bar .button:insensitive:backdrop, - .header-bar button:insensitive, - .header-bar button:insensitive:backdrop, - headerbar .button:insensitive, - headerbar .button:insensitive:backdrop, - headerbar button:insensitive, - headerbar button:insensitive:backdrop { - color: rgba(255, 255, 255, 0.3); - background-color: transparent; - background-image: none; } - .titlebar:not(headerbar) .button:insensitive image, - .titlebar:not(headerbar) .button:insensitive GtkImage, .titlebar:not(headerbar) .button:insensitive:backdrop image, - .titlebar:not(headerbar) .button:insensitive:backdrop GtkImage, - .titlebar:not(headerbar) button:insensitive image, - .titlebar:not(headerbar) button:insensitive GtkImage, - .titlebar:not(headerbar) button:insensitive:backdrop image, - .titlebar:not(headerbar) button:insensitive:backdrop GtkImage, - .header-bar .button:insensitive image, - .header-bar .button:insensitive GtkImage, - .header-bar .button:insensitive:backdrop image, - .header-bar .button:insensitive:backdrop GtkImage, - .header-bar button:insensitive image, - .header-bar button:insensitive GtkImage, - .header-bar button:insensitive:backdrop image, - .header-bar button:insensitive:backdrop GtkImage, - headerbar .button:insensitive image, - headerbar .button:insensitive GtkImage, - headerbar .button:insensitive:backdrop image, - headerbar .button:insensitive:backdrop GtkImage, - headerbar button:insensitive image, - headerbar button:insensitive GtkImage, - headerbar button:insensitive:backdrop image, - headerbar button:insensitive:backdrop GtkImage { - -gtk-image-effect: dim; } - .titlebar:not(headerbar) .button.titlebutton, - .titlebar:not(headerbar) button.titlebutton, - .header-bar .button.titlebutton, - .header-bar button.titlebutton, - headerbar .button.titlebutton, - headerbar button.titlebutton { - min-height: 16px; - min-width: 16px; - padding: 1px; - border-radius: 50%; - background-color: transparent; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .titlebar:not(headerbar) .button.titlebutton:hover, - .titlebar:not(headerbar) button.titlebutton:hover, - .header-bar .button.titlebutton:hover, - .header-bar button.titlebutton:hover, - headerbar .button.titlebutton:hover, - headerbar button.titlebutton:hover { - background-color: transparent; - color: rgba(255, 255, 255, 0.8); } - .titlebar:not(headerbar) .button.titlebutton:backdrop, - .titlebar:not(headerbar) button.titlebutton:backdrop, - .header-bar .button.titlebutton:backdrop, - .header-bar button.titlebutton:backdrop, - headerbar .button.titlebutton:backdrop, - headerbar button.titlebutton:backdrop { - background-color: transparent; - color: rgba(255, 255, 255, 0.3); } - .titlebar:not(headerbar) .button.titlebutton:active, - .titlebar:not(headerbar) button.titlebutton:active, - .header-bar .button.titlebutton:active, - .header-bar button.titlebutton:active, - headerbar .button.titlebutton:active, - headerbar button.titlebutton:active { - background-color: rgba(255, 255, 255, 0.8); - color: #3B4245; - border-radius: 50%; - box-shadow: none; } - .titlebar:not(headerbar) .button.menu-button, .titlebar:not(headerbar) .button.title-menu-button, - .titlebar:not(headerbar) button.menu-button, - .titlebar:not(headerbar) button.title-menu-button, - .header-bar .button.menu-button, - .header-bar .button.title-menu-button, - .header-bar button.menu-button, - .header-bar button.title-menu-button, - headerbar .button.menu-button, - headerbar .button.title-menu-button, - headerbar button.menu-button, - headerbar button.title-menu-button { - padding: 1px; - background-color: transparent; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .titlebar:not(headerbar) .button.menu-button:hover, .titlebar:not(headerbar) .button.title-menu-button:hover, - .titlebar:not(headerbar) button.menu-button:hover, - .titlebar:not(headerbar) button.title-menu-button:hover, - .header-bar .button.menu-button:hover, - .header-bar .button.title-menu-button:hover, - .header-bar button.menu-button:hover, - .header-bar button.title-menu-button:hover, - headerbar .button.menu-button:hover, - headerbar .button.title-menu-button:hover, - headerbar button.menu-button:hover, - headerbar button.title-menu-button:hover { - background-color: rgba(0, 0, 0, 0.1); - color: rgba(255, 255, 255, 0.8); } - .titlebar:not(headerbar) .button.menu-button:backdrop, .titlebar:not(headerbar) .button.title-menu-button:backdrop, - .titlebar:not(headerbar) button.menu-button:backdrop, - .titlebar:not(headerbar) button.title-menu-button:backdrop, - .header-bar .button.menu-button:backdrop, - .header-bar .button.title-menu-button:backdrop, - .header-bar button.menu-button:backdrop, - .header-bar button.title-menu-button:backdrop, - headerbar .button.menu-button:backdrop, - headerbar .button.title-menu-button:backdrop, - headerbar button.menu-button:backdrop, - headerbar button.title-menu-button:backdrop { - background-color: transparent; - color: rgba(255, 255, 255, 0.3); } - .titlebar:not(headerbar) .button.menu-button:active, .titlebar:not(headerbar) .button.title-menu-button:active, - .titlebar:not(headerbar) button.menu-button:active, - .titlebar:not(headerbar) button.title-menu-button:active, - .header-bar .button.menu-button:active, - .header-bar .button.title-menu-button:active, - .header-bar button.menu-button:active, - .header-bar button.title-menu-button:active, - headerbar .button.menu-button:active, - headerbar .button.title-menu-button:active, - headerbar button.menu-button:active, - headerbar button.title-menu-button:active { - background-color: #23282a; - color: rgba(255, 255, 255, 0.8); - box-shadow: none; } - .titlebar:not(headerbar) .separator, - .header-bar .separator, - headerbar .separator { - color: transparent; - background-color: transparent; } - -.titlebar, .titlebar:backdrop { - border-top-left-radius: 4px; - border-top-right-radius: 4px; } - -.separator:first-child + .header-bar, .separator:first-child + .header-bar:backdrop, separator:first-child + .header-bar, separator:first-child + .header-bar:backdrop, .header-bar:first-child, .header-bar:first-child:backdrop, .separator:first-child + -headerbar, .separator:first-child + -headerbar:backdrop, separator:first-child + -headerbar, separator:first-child + -headerbar:backdrop, -headerbar:first-child, -headerbar:first-child:backdrop { - border-top-left-radius: 4px; } -.header-bar:last-child, .header-bar:last-child:backdrop, -headerbar:last-child, -headerbar:last-child:backdrop { - border-top-right-radius: 4px; } - -window.csd > .titlebar:not(headerbar) { - padding: 0; - background-color: #3B4245; - background-image: none; - border-style: none; - border-color: transparent; - box-shadow: none; } - window.csd > .titlebar:not(headerbar):backdrop { - background-color: #2f3537; } - -/************** - * GtkInfoBar * - **************/ -.info, .warning, .question, .error, -GtkInfoBar, -infobar { - text-shadow: none; - color: #A1A8AB; - background-color: #4F585C; - border-bottom: 1px solid #373e41; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } - -.info, .warning, .question, .error { - text-shadow: none; - color: #ffffff; - border: none; } - .info .label, .warning .label, .question .label, .error .label { - color: #ffffff; } - .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { - color: rgba(255, 255, 255, 0.5); } - .info .button, .warning .button, .question .button, .error .button, - .info button, - .warning button, - .question button, - .error button { - border-radius: 2px; - border: none; - background: rgba(99, 110, 115, 0.95); - color: #A1A8AB; - box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } - .info .button .label, .warning .button .label, .question .button .label, .error .button .label, - .info button .label, - .warning button .label, - .question button .label, - .error button .label { - color: #A1A8AB; } - .info .button:active, .warning .button:active, .question .button:active, .error .button:active, - .info button:active, - .warning button:active, - .question button:active, - .error button:active { - background: #636E73; - color: #A1A8AB; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } - .info .button:active:backdrop, .warning .button:active:backdrop, .question .button:active:backdrop, .error .button:active:backdrop, - .info button:active:backdrop, - .warning button:active:backdrop, - .question button:active:backdrop, - .error button:active:backdrop { - background: rgba(99, 110, 115, 0.8); - color: rgba(161, 168, 171, 0.5); - box-shadow: none; } - .info .button:hover, .warning .button:hover, .question .button:hover, .error .button:hover, .info .button:focus, .warning .button:focus, .question .button:focus, .error .button:focus, - .info button:hover, - .warning button:hover, - .question button:hover, - .error button:hover, - .info button:focus, - .warning button:focus, - .question button:focus, - .error button:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } - .info .button:insensitive, .warning .button:insensitive, .question .button:insensitive, .error .button:insensitive, - .info button:insensitive, - .warning button:insensitive, - .question button:insensitive, - .error button:insensitive { - background: rgba(99, 110, 115, 0.6); - color: rgba(161, 168, 171, 0.5); - box-shadow: none; } - .info .button:insensitive:backdrop, .warning .button:insensitive:backdrop, .question .button:insensitive:backdrop, .error .button:insensitive:backdrop, - .info button:insensitive:backdrop, - .warning button:insensitive:backdrop, - .question button:insensitive:backdrop, - .error button:insensitive:backdrop { - background: rgba(99, 110, 115, 0.5); - color: rgba(161, 168, 171, 0.5); - box-shadow: none; } - .info .button:backdrop, .warning .button:backdrop, .question .button:backdrop, .error .button:backdrop, - .info button:backdrop, - .warning button:backdrop, - .question button:backdrop, - .error button:backdrop { - background: rgba(99, 110, 115, 0.8); - color: rgba(161, 168, 171, 0.5); - box-shadow: none; } - -.info { - background-color: #2095f2; } - .info:backdrop { - background-color: #50acf5; - color: rgba(255, 255, 255, 0.5); } - -.warning { - background-color: #feea3a; } - .warning:backdrop { - background-color: #feef6d; - color: rgba(255, 255, 255, 0.5); } - -.question { - background-color: #1ea362; } - .question:backdrop { - background-color: #26ce7c; - color: rgba(255, 255, 255, 0.5); } - -.error { - background-color: #f34235; } - .error:backdrop { - background-color: #f66f65; - color: rgba(255, 255, 255, 0.5); } - -/************* - * Level Bar * - *************/ -GtkLevelBar, -.level-bar, -levelbar { - -GtkLevelBar-min-block-width: 32; - -GtkLevelBar-min-block-height: 8; } - GtkLevelBar:backdrop, - .level-bar:backdrop, - levelbar:backdrop { - transition: 200ms ease-out; } - GtkLevelBar .trough, - GtkLevelBar trough, - .level-bar .trough, - .level-bar trough, - levelbar .trough, - levelbar trough { - margin: 0; - padding: 2px; - border-radius: 3px; } - GtkLevelBar.horizontal.indicator-discrete.fill-block, - .level-bar.horizontal.indicator-discrete.fill-block, - levelbar.horizontal.indicator-discrete.fill-block { - margin: 0 1px; } - GtkLevelBar.horizontal.discrete block, - .level-bar.horizontal.discrete block, - levelbar.horizontal.discrete block { - margin: 0 1px; } - GtkLevelBar.vertical.indicator-discrete.fill-block, - .level-bar.vertical.indicator-discrete.fill-block, - levelbar.vertical.indicator-discrete.fill-block { - margin: 1px 0; } - GtkLevelBar.vertical.discrete block, - .level-bar.vertical.discrete block, - levelbar.vertical.discrete block { - margin: 1px 0; } - GtkLevelBar.vertical .fill-block, - GtkLevelBar.vertical block, - GtkLevelBar .level-bar.vertical .fill-block, - .level-bar.vertical GtkLevelBar .fill-block, - GtkLevelBar .level-bar.vertical block, - .level-bar.vertical GtkLevelBar block, - GtkLevelBar levelbar.vertical .fill-block, - levelbar.vertical GtkLevelBar .fill-block, - GtkLevelBar levelbar.vertical block, - levelbar.vertical GtkLevelBar block, - GtkLevelBar .fill-block, - GtkLevelBar block, - .level-bar GtkLevelBar.vertical .fill-block, - GtkLevelBar.vertical .level-bar .fill-block, - .level-bar GtkLevelBar.vertical block, - GtkLevelBar.vertical .level-bar block, - .level-bar.vertical .fill-block, - .level-bar.vertical block, - .level-bar levelbar.vertical .fill-block, - levelbar.vertical .level-bar .fill-block, - .level-bar levelbar.vertical block, - levelbar.vertical .level-bar block, - .level-bar .fill-block, - .level-bar block, - levelbar GtkLevelBar.vertical .fill-block, - GtkLevelBar.vertical levelbar .fill-block, - levelbar GtkLevelBar.vertical block, - GtkLevelBar.vertical levelbar block, - levelbar .level-bar.vertical .fill-block, - .level-bar.vertical levelbar .fill-block, - levelbar .level-bar.vertical block, - .level-bar.vertical levelbar block, - levelbar.vertical .fill-block, - levelbar.vertical block, - levelbar .fill-block, - levelbar block { - border-radius: 2px; - min-width: 32px; - min-height: 2px; } - GtkLevelBar.vertical .low.fill-block, - GtkLevelBar.vertical block.low, - GtkLevelBar .level-bar.vertical .low.fill-block, - .level-bar.vertical GtkLevelBar .low.fill-block, - GtkLevelBar .level-bar.vertical block.low, - .level-bar.vertical GtkLevelBar block.low, - GtkLevelBar levelbar.vertical .low.fill-block, - levelbar.vertical GtkLevelBar .low.fill-block, - GtkLevelBar levelbar.vertical block.low, - levelbar.vertical GtkLevelBar block.low, GtkLevelBar.vertical .level-low.fill-block, - GtkLevelBar.vertical block.level-low, - GtkLevelBar .level-bar.vertical .level-low.fill-block, - .level-bar.vertical GtkLevelBar .level-low.fill-block, - GtkLevelBar .level-bar.vertical block.level-low, - .level-bar.vertical GtkLevelBar block.level-low, - GtkLevelBar levelbar.vertical .level-low.fill-block, - levelbar.vertical GtkLevelBar .level-low.fill-block, - GtkLevelBar levelbar.vertical block.level-low, - levelbar.vertical GtkLevelBar block.level-low, - GtkLevelBar .fill-block.low, - GtkLevelBar .fill-block.level-low, - GtkLevelBar block.low, - GtkLevelBar block.level-low, - .level-bar GtkLevelBar.vertical .low.fill-block, - GtkLevelBar.vertical .level-bar .low.fill-block, - .level-bar GtkLevelBar.vertical block.low, - GtkLevelBar.vertical .level-bar block.low, - .level-bar.vertical .low.fill-block, - .level-bar.vertical block.low, - .level-bar levelbar.vertical .low.fill-block, - levelbar.vertical .level-bar .low.fill-block, - .level-bar levelbar.vertical block.low, - levelbar.vertical .level-bar block.low, - .level-bar GtkLevelBar.vertical .level-low.fill-block, - GtkLevelBar.vertical .level-bar .level-low.fill-block, - .level-bar GtkLevelBar.vertical block.level-low, - GtkLevelBar.vertical .level-bar block.level-low, - .level-bar.vertical .level-low.fill-block, - .level-bar.vertical block.level-low, - .level-bar levelbar.vertical .level-low.fill-block, - levelbar.vertical .level-bar .level-low.fill-block, - .level-bar levelbar.vertical block.level-low, - levelbar.vertical .level-bar block.level-low, - .level-bar .fill-block.low, - .level-bar .fill-block.level-low, - .level-bar block.low, - .level-bar block.level-low, - levelbar GtkLevelBar.vertical .low.fill-block, - GtkLevelBar.vertical levelbar .low.fill-block, - levelbar GtkLevelBar.vertical block.low, - GtkLevelBar.vertical levelbar block.low, - levelbar .level-bar.vertical .low.fill-block, - .level-bar.vertical levelbar .low.fill-block, - levelbar .level-bar.vertical block.low, - .level-bar.vertical levelbar block.low, - levelbar.vertical .low.fill-block, - levelbar.vertical block.low, - levelbar GtkLevelBar.vertical .level-low.fill-block, - GtkLevelBar.vertical levelbar .level-low.fill-block, - levelbar GtkLevelBar.vertical block.level-low, - GtkLevelBar.vertical levelbar block.level-low, - levelbar .level-bar.vertical .level-low.fill-block, - .level-bar.vertical levelbar .level-low.fill-block, - levelbar .level-bar.vertical block.level-low, - .level-bar.vertical levelbar block.level-low, - levelbar.vertical .level-low.fill-block, - levelbar.vertical block.level-low, - levelbar .fill-block.low, - levelbar .fill-block.level-low, - levelbar block.low, - levelbar block.level-low { - border: 1px solid #fee507; - background-color: #feea3a; } - GtkLevelBar.vertical .low.fill-block:backdrop, - GtkLevelBar.vertical block.low:backdrop, - GtkLevelBar .level-bar.vertical .low.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .low.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.low:backdrop, - .level-bar.vertical GtkLevelBar block.low:backdrop, - GtkLevelBar levelbar.vertical .low.fill-block:backdrop, - levelbar.vertical GtkLevelBar .low.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.low:backdrop, - levelbar.vertical GtkLevelBar block.low:backdrop, GtkLevelBar.vertical .level-low.fill-block:backdrop, - GtkLevelBar.vertical block.level-low:backdrop, - GtkLevelBar .level-bar.vertical .level-low.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .level-low.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.level-low:backdrop, - .level-bar.vertical GtkLevelBar block.level-low:backdrop, - GtkLevelBar levelbar.vertical .level-low.fill-block:backdrop, - levelbar.vertical GtkLevelBar .level-low.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.level-low:backdrop, - levelbar.vertical GtkLevelBar block.level-low:backdrop, - GtkLevelBar .fill-block.low:backdrop, - GtkLevelBar .fill-block.level-low:backdrop, - GtkLevelBar block.low:backdrop, - GtkLevelBar block.level-low:backdrop, - .level-bar GtkLevelBar.vertical .low.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .low.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.low:backdrop, - GtkLevelBar.vertical .level-bar block.low:backdrop, - .level-bar.vertical .low.fill-block:backdrop, - .level-bar.vertical block.low:backdrop, - .level-bar levelbar.vertical .low.fill-block:backdrop, - levelbar.vertical .level-bar .low.fill-block:backdrop, - .level-bar levelbar.vertical block.low:backdrop, - levelbar.vertical .level-bar block.low:backdrop, - .level-bar GtkLevelBar.vertical .level-low.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .level-low.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.level-low:backdrop, - GtkLevelBar.vertical .level-bar block.level-low:backdrop, - .level-bar.vertical .level-low.fill-block:backdrop, - .level-bar.vertical block.level-low:backdrop, - .level-bar levelbar.vertical .level-low.fill-block:backdrop, - levelbar.vertical .level-bar .level-low.fill-block:backdrop, - .level-bar levelbar.vertical block.level-low:backdrop, - levelbar.vertical .level-bar block.level-low:backdrop, - .level-bar .fill-block.low:backdrop, - .level-bar .fill-block.level-low:backdrop, - .level-bar block.low:backdrop, - .level-bar block.level-low:backdrop, - levelbar GtkLevelBar.vertical .low.fill-block:backdrop, - GtkLevelBar.vertical levelbar .low.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.low:backdrop, - GtkLevelBar.vertical levelbar block.low:backdrop, - levelbar .level-bar.vertical .low.fill-block:backdrop, - .level-bar.vertical levelbar .low.fill-block:backdrop, - levelbar .level-bar.vertical block.low:backdrop, - .level-bar.vertical levelbar block.low:backdrop, - levelbar.vertical .low.fill-block:backdrop, - levelbar.vertical block.low:backdrop, - levelbar GtkLevelBar.vertical .level-low.fill-block:backdrop, - GtkLevelBar.vertical levelbar .level-low.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.level-low:backdrop, - GtkLevelBar.vertical levelbar block.level-low:backdrop, - levelbar .level-bar.vertical .level-low.fill-block:backdrop, - .level-bar.vertical levelbar .level-low.fill-block:backdrop, - levelbar .level-bar.vertical block.level-low:backdrop, - .level-bar.vertical levelbar block.level-low:backdrop, - levelbar.vertical .level-low.fill-block:backdrop, - levelbar.vertical block.level-low:backdrop, - levelbar .fill-block.low:backdrop, - levelbar .fill-block.level-low:backdrop, - levelbar block.low:backdrop, - levelbar block.level-low:backdrop { - border: 1px solid #feea3a; } - GtkLevelBar.vertical .high.fill-block, - GtkLevelBar.vertical block.high, - GtkLevelBar .level-bar.vertical .high.fill-block, - .level-bar.vertical GtkLevelBar .high.fill-block, - GtkLevelBar .level-bar.vertical block.high, - .level-bar.vertical GtkLevelBar block.high, - GtkLevelBar levelbar.vertical .high.fill-block, - levelbar.vertical GtkLevelBar .high.fill-block, - GtkLevelBar levelbar.vertical block.high, - levelbar.vertical GtkLevelBar block.high, GtkLevelBar.vertical .level-high.fill-block, - GtkLevelBar.vertical block.level-high, - GtkLevelBar .level-bar.vertical .level-high.fill-block, - .level-bar.vertical GtkLevelBar .level-high.fill-block, - GtkLevelBar .level-bar.vertical block.level-high, - .level-bar.vertical GtkLevelBar block.level-high, - GtkLevelBar levelbar.vertical .level-high.fill-block, - levelbar.vertical GtkLevelBar .level-high.fill-block, - GtkLevelBar levelbar.vertical block.level-high, - levelbar.vertical GtkLevelBar block.level-high, - GtkLevelBar .fill-block.high, - GtkLevelBar .fill-block.level-high, - GtkLevelBar block.high, - GtkLevelBar block.level-high, - .level-bar GtkLevelBar.vertical .high.fill-block, - GtkLevelBar.vertical .level-bar .high.fill-block, - .level-bar GtkLevelBar.vertical block.high, - GtkLevelBar.vertical .level-bar block.high, - .level-bar.vertical .high.fill-block, - .level-bar.vertical block.high, - .level-bar levelbar.vertical .high.fill-block, - levelbar.vertical .level-bar .high.fill-block, - .level-bar levelbar.vertical block.high, - levelbar.vertical .level-bar block.high, - .level-bar GtkLevelBar.vertical .level-high.fill-block, - GtkLevelBar.vertical .level-bar .level-high.fill-block, - .level-bar GtkLevelBar.vertical block.level-high, - GtkLevelBar.vertical .level-bar block.level-high, - .level-bar.vertical .level-high.fill-block, - .level-bar.vertical block.level-high, - .level-bar levelbar.vertical .level-high.fill-block, - levelbar.vertical .level-bar .level-high.fill-block, - .level-bar levelbar.vertical block.level-high, - levelbar.vertical .level-bar block.level-high, - .level-bar .fill-block.high, - .level-bar .fill-block.level-high, - .level-bar block.high, - .level-bar block.level-high, - levelbar GtkLevelBar.vertical .high.fill-block, - GtkLevelBar.vertical levelbar .high.fill-block, - levelbar GtkLevelBar.vertical block.high, - GtkLevelBar.vertical levelbar block.high, - levelbar .level-bar.vertical .high.fill-block, - .level-bar.vertical levelbar .high.fill-block, - levelbar .level-bar.vertical block.high, - .level-bar.vertical levelbar block.high, - levelbar.vertical .high.fill-block, - levelbar.vertical block.high, - levelbar GtkLevelBar.vertical .level-high.fill-block, - GtkLevelBar.vertical levelbar .level-high.fill-block, - levelbar GtkLevelBar.vertical block.level-high, - GtkLevelBar.vertical levelbar block.level-high, - levelbar .level-bar.vertical .level-high.fill-block, - .level-bar.vertical levelbar .level-high.fill-block, - levelbar .level-bar.vertical block.level-high, - .level-bar.vertical levelbar block.level-high, - levelbar.vertical .level-high.fill-block, - levelbar.vertical block.level-high, - levelbar .fill-block.high, - levelbar .fill-block.level-high, - levelbar block.high, - levelbar block.level-high { - border: 1px solid #51646e; - background-color: #667f8c; } - GtkLevelBar.vertical .high.fill-block:backdrop, - GtkLevelBar.vertical block.high:backdrop, - GtkLevelBar .level-bar.vertical .high.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .high.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.high:backdrop, - .level-bar.vertical GtkLevelBar block.high:backdrop, - GtkLevelBar levelbar.vertical .high.fill-block:backdrop, - levelbar.vertical GtkLevelBar .high.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.high:backdrop, - levelbar.vertical GtkLevelBar block.high:backdrop, GtkLevelBar.vertical .level-high.fill-block:backdrop, - GtkLevelBar.vertical block.level-high:backdrop, - GtkLevelBar .level-bar.vertical .level-high.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .level-high.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.level-high:backdrop, - .level-bar.vertical GtkLevelBar block.level-high:backdrop, - GtkLevelBar levelbar.vertical .level-high.fill-block:backdrop, - levelbar.vertical GtkLevelBar .level-high.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.level-high:backdrop, - levelbar.vertical GtkLevelBar block.level-high:backdrop, - GtkLevelBar .fill-block.high:backdrop, - GtkLevelBar .fill-block.level-high:backdrop, - GtkLevelBar block.high:backdrop, - GtkLevelBar block.level-high:backdrop, - .level-bar GtkLevelBar.vertical .high.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .high.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.high:backdrop, - GtkLevelBar.vertical .level-bar block.high:backdrop, - .level-bar.vertical .high.fill-block:backdrop, - .level-bar.vertical block.high:backdrop, - .level-bar levelbar.vertical .high.fill-block:backdrop, - levelbar.vertical .level-bar .high.fill-block:backdrop, - .level-bar levelbar.vertical block.high:backdrop, - levelbar.vertical .level-bar block.high:backdrop, - .level-bar GtkLevelBar.vertical .level-high.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .level-high.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.level-high:backdrop, - GtkLevelBar.vertical .level-bar block.level-high:backdrop, - .level-bar.vertical .level-high.fill-block:backdrop, - .level-bar.vertical block.level-high:backdrop, - .level-bar levelbar.vertical .level-high.fill-block:backdrop, - levelbar.vertical .level-bar .level-high.fill-block:backdrop, - .level-bar levelbar.vertical block.level-high:backdrop, - levelbar.vertical .level-bar block.level-high:backdrop, - .level-bar .fill-block.high:backdrop, - .level-bar .fill-block.level-high:backdrop, - .level-bar block.high:backdrop, - .level-bar block.level-high:backdrop, - levelbar GtkLevelBar.vertical .high.fill-block:backdrop, - GtkLevelBar.vertical levelbar .high.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.high:backdrop, - GtkLevelBar.vertical levelbar block.high:backdrop, - levelbar .level-bar.vertical .high.fill-block:backdrop, - .level-bar.vertical levelbar .high.fill-block:backdrop, - levelbar .level-bar.vertical block.high:backdrop, - .level-bar.vertical levelbar block.high:backdrop, - levelbar.vertical .high.fill-block:backdrop, - levelbar.vertical block.high:backdrop, - levelbar GtkLevelBar.vertical .level-high.fill-block:backdrop, - GtkLevelBar.vertical levelbar .level-high.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.level-high:backdrop, - GtkLevelBar.vertical levelbar block.level-high:backdrop, - levelbar .level-bar.vertical .level-high.fill-block:backdrop, - .level-bar.vertical levelbar .level-high.fill-block:backdrop, - levelbar .level-bar.vertical block.level-high:backdrop, - .level-bar.vertical levelbar block.level-high:backdrop, - levelbar.vertical .level-high.fill-block:backdrop, - levelbar.vertical block.level-high:backdrop, - levelbar .fill-block.high:backdrop, - levelbar .fill-block.level-high:backdrop, - levelbar block.high:backdrop, - levelbar block.level-high:backdrop { - border: 1px solid #667f8c; } - GtkLevelBar.vertical .full.fill-block, - GtkLevelBar.vertical block.full, - GtkLevelBar .level-bar.vertical .full.fill-block, - .level-bar.vertical GtkLevelBar .full.fill-block, - GtkLevelBar .level-bar.vertical block.full, - .level-bar.vertical GtkLevelBar block.full, - GtkLevelBar levelbar.vertical .full.fill-block, - levelbar.vertical GtkLevelBar .full.fill-block, - GtkLevelBar levelbar.vertical block.full, - levelbar.vertical GtkLevelBar block.full, GtkLevelBar.vertical .level-full.fill-block, - GtkLevelBar.vertical block.level-full, - GtkLevelBar .level-bar.vertical .level-full.fill-block, - .level-bar.vertical GtkLevelBar .level-full.fill-block, - GtkLevelBar .level-bar.vertical block.level-full, - .level-bar.vertical GtkLevelBar block.level-full, - GtkLevelBar levelbar.vertical .level-full.fill-block, - levelbar.vertical GtkLevelBar .level-full.fill-block, - GtkLevelBar levelbar.vertical block.level-full, - levelbar.vertical GtkLevelBar block.level-full, - GtkLevelBar .fill-block.full, - GtkLevelBar .fill-block.level-full, - GtkLevelBar block.full, - GtkLevelBar block.level-full, - .level-bar GtkLevelBar.vertical .full.fill-block, - GtkLevelBar.vertical .level-bar .full.fill-block, - .level-bar GtkLevelBar.vertical block.full, - GtkLevelBar.vertical .level-bar block.full, - .level-bar.vertical .full.fill-block, - .level-bar.vertical block.full, - .level-bar levelbar.vertical .full.fill-block, - levelbar.vertical .level-bar .full.fill-block, - .level-bar levelbar.vertical block.full, - levelbar.vertical .level-bar block.full, - .level-bar GtkLevelBar.vertical .level-full.fill-block, - GtkLevelBar.vertical .level-bar .level-full.fill-block, - .level-bar GtkLevelBar.vertical block.level-full, - GtkLevelBar.vertical .level-bar block.level-full, - .level-bar.vertical .level-full.fill-block, - .level-bar.vertical block.level-full, - .level-bar levelbar.vertical .level-full.fill-block, - levelbar.vertical .level-bar .level-full.fill-block, - .level-bar levelbar.vertical block.level-full, - levelbar.vertical .level-bar block.level-full, - .level-bar .fill-block.full, - .level-bar .fill-block.level-full, - .level-bar block.full, - .level-bar block.level-full, - levelbar GtkLevelBar.vertical .full.fill-block, - GtkLevelBar.vertical levelbar .full.fill-block, - levelbar GtkLevelBar.vertical block.full, - GtkLevelBar.vertical levelbar block.full, - levelbar .level-bar.vertical .full.fill-block, - .level-bar.vertical levelbar .full.fill-block, - levelbar .level-bar.vertical block.full, - .level-bar.vertical levelbar block.full, - levelbar.vertical .full.fill-block, - levelbar.vertical block.full, - levelbar GtkLevelBar.vertical .level-full.fill-block, - GtkLevelBar.vertical levelbar .level-full.fill-block, - levelbar GtkLevelBar.vertical block.level-full, - GtkLevelBar.vertical levelbar block.level-full, - levelbar .level-bar.vertical .level-full.fill-block, - .level-bar.vertical levelbar .level-full.fill-block, - levelbar .level-bar.vertical block.level-full, - .level-bar.vertical levelbar block.level-full, - levelbar.vertical .level-full.fill-block, - levelbar.vertical block.level-full, - levelbar .fill-block.full, - levelbar .fill-block.level-full, - levelbar block.full, - levelbar block.level-full { - border: 1px solid #0e4d2e; - background-color: #167848; } - GtkLevelBar.vertical .full.fill-block:backdrop, - GtkLevelBar.vertical block.full:backdrop, - GtkLevelBar .level-bar.vertical .full.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .full.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.full:backdrop, - .level-bar.vertical GtkLevelBar block.full:backdrop, - GtkLevelBar levelbar.vertical .full.fill-block:backdrop, - levelbar.vertical GtkLevelBar .full.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.full:backdrop, - levelbar.vertical GtkLevelBar block.full:backdrop, GtkLevelBar.vertical .level-full.fill-block:backdrop, - GtkLevelBar.vertical block.level-full:backdrop, - GtkLevelBar .level-bar.vertical .level-full.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .level-full.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.level-full:backdrop, - .level-bar.vertical GtkLevelBar block.level-full:backdrop, - GtkLevelBar levelbar.vertical .level-full.fill-block:backdrop, - levelbar.vertical GtkLevelBar .level-full.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.level-full:backdrop, - levelbar.vertical GtkLevelBar block.level-full:backdrop, - GtkLevelBar .fill-block.full:backdrop, - GtkLevelBar .fill-block.level-full:backdrop, - GtkLevelBar block.full:backdrop, - GtkLevelBar block.level-full:backdrop, - .level-bar GtkLevelBar.vertical .full.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .full.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.full:backdrop, - GtkLevelBar.vertical .level-bar block.full:backdrop, - .level-bar.vertical .full.fill-block:backdrop, - .level-bar.vertical block.full:backdrop, - .level-bar levelbar.vertical .full.fill-block:backdrop, - levelbar.vertical .level-bar .full.fill-block:backdrop, - .level-bar levelbar.vertical block.full:backdrop, - levelbar.vertical .level-bar block.full:backdrop, - .level-bar GtkLevelBar.vertical .level-full.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .level-full.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.level-full:backdrop, - GtkLevelBar.vertical .level-bar block.level-full:backdrop, - .level-bar.vertical .level-full.fill-block:backdrop, - .level-bar.vertical block.level-full:backdrop, - .level-bar levelbar.vertical .level-full.fill-block:backdrop, - levelbar.vertical .level-bar .level-full.fill-block:backdrop, - .level-bar levelbar.vertical block.level-full:backdrop, - levelbar.vertical .level-bar block.level-full:backdrop, - .level-bar .fill-block.full:backdrop, - .level-bar .fill-block.level-full:backdrop, - .level-bar block.full:backdrop, - .level-bar block.level-full:backdrop, - levelbar GtkLevelBar.vertical .full.fill-block:backdrop, - GtkLevelBar.vertical levelbar .full.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.full:backdrop, - GtkLevelBar.vertical levelbar block.full:backdrop, - levelbar .level-bar.vertical .full.fill-block:backdrop, - .level-bar.vertical levelbar .full.fill-block:backdrop, - levelbar .level-bar.vertical block.full:backdrop, - .level-bar.vertical levelbar block.full:backdrop, - levelbar.vertical .full.fill-block:backdrop, - levelbar.vertical block.full:backdrop, - levelbar GtkLevelBar.vertical .level-full.fill-block:backdrop, - GtkLevelBar.vertical levelbar .level-full.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.level-full:backdrop, - GtkLevelBar.vertical levelbar block.level-full:backdrop, - levelbar .level-bar.vertical .level-full.fill-block:backdrop, - .level-bar.vertical levelbar .level-full.fill-block:backdrop, - levelbar .level-bar.vertical block.level-full:backdrop, - .level-bar.vertical levelbar block.level-full:backdrop, - levelbar.vertical .level-full.fill-block:backdrop, - levelbar.vertical block.level-full:backdrop, - levelbar .fill-block.full:backdrop, - levelbar .fill-block.level-full:backdrop, - levelbar block.full:backdrop, - levelbar block.level-full:backdrop { - border: 1px solid #167848; } - GtkLevelBar.vertical .empty.fill-block, - GtkLevelBar.vertical block.empty, - GtkLevelBar .level-bar.vertical .empty.fill-block, - .level-bar.vertical GtkLevelBar .empty.fill-block, - GtkLevelBar .level-bar.vertical block.empty, - .level-bar.vertical GtkLevelBar block.empty, - GtkLevelBar levelbar.vertical .empty.fill-block, - levelbar.vertical GtkLevelBar .empty.fill-block, - GtkLevelBar levelbar.vertical block.empty, - levelbar.vertical GtkLevelBar block.empty, GtkLevelBar.vertical .level-empty.fill-block, - GtkLevelBar.vertical block.level-empty, - GtkLevelBar .level-bar.vertical .level-empty.fill-block, - .level-bar.vertical GtkLevelBar .level-empty.fill-block, - GtkLevelBar .level-bar.vertical block.level-empty, - .level-bar.vertical GtkLevelBar block.level-empty, - GtkLevelBar levelbar.vertical .level-empty.fill-block, - levelbar.vertical GtkLevelBar .level-empty.fill-block, - GtkLevelBar levelbar.vertical block.level-empty, - levelbar.vertical GtkLevelBar block.level-empty, - GtkLevelBar .fill-block.empty, - GtkLevelBar .fill-block.level-empty, - GtkLevelBar block.empty, - GtkLevelBar block.level-empty, - .level-bar GtkLevelBar.vertical .empty.fill-block, - GtkLevelBar.vertical .level-bar .empty.fill-block, - .level-bar GtkLevelBar.vertical block.empty, - GtkLevelBar.vertical .level-bar block.empty, - .level-bar.vertical .empty.fill-block, - .level-bar.vertical block.empty, - .level-bar levelbar.vertical .empty.fill-block, - levelbar.vertical .level-bar .empty.fill-block, - .level-bar levelbar.vertical block.empty, - levelbar.vertical .level-bar block.empty, - .level-bar GtkLevelBar.vertical .level-empty.fill-block, - GtkLevelBar.vertical .level-bar .level-empty.fill-block, - .level-bar GtkLevelBar.vertical block.level-empty, - GtkLevelBar.vertical .level-bar block.level-empty, - .level-bar.vertical .level-empty.fill-block, - .level-bar.vertical block.level-empty, - .level-bar levelbar.vertical .level-empty.fill-block, - levelbar.vertical .level-bar .level-empty.fill-block, - .level-bar levelbar.vertical block.level-empty, - levelbar.vertical .level-bar block.level-empty, - .level-bar .fill-block.empty, - .level-bar .fill-block.level-empty, - .level-bar block.empty, - .level-bar block.level-empty, - levelbar GtkLevelBar.vertical .empty.fill-block, - GtkLevelBar.vertical levelbar .empty.fill-block, - levelbar GtkLevelBar.vertical block.empty, - GtkLevelBar.vertical levelbar block.empty, - levelbar .level-bar.vertical .empty.fill-block, - .level-bar.vertical levelbar .empty.fill-block, - levelbar .level-bar.vertical block.empty, - .level-bar.vertical levelbar block.empty, - levelbar.vertical .empty.fill-block, - levelbar.vertical block.empty, - levelbar GtkLevelBar.vertical .level-empty.fill-block, - GtkLevelBar.vertical levelbar .level-empty.fill-block, - levelbar GtkLevelBar.vertical block.level-empty, - GtkLevelBar.vertical levelbar block.level-empty, - levelbar .level-bar.vertical .level-empty.fill-block, - .level-bar.vertical levelbar .level-empty.fill-block, - levelbar .level-bar.vertical block.level-empty, - .level-bar.vertical levelbar block.level-empty, - levelbar.vertical .level-empty.fill-block, - levelbar.vertical block.level-empty, - levelbar .fill-block.empty, - levelbar .fill-block.level-empty, - levelbar block.empty, - levelbar block.level-empty { - background-color: transparent; - border: 1px solid rgba(161, 168, 171, 0.1); - box-shadow: none; } - GtkLevelBar.vertical .empty.fill-block:backdrop, - GtkLevelBar.vertical block.empty:backdrop, - GtkLevelBar .level-bar.vertical .empty.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .empty.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.empty:backdrop, - .level-bar.vertical GtkLevelBar block.empty:backdrop, - GtkLevelBar levelbar.vertical .empty.fill-block:backdrop, - levelbar.vertical GtkLevelBar .empty.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.empty:backdrop, - levelbar.vertical GtkLevelBar block.empty:backdrop, GtkLevelBar.vertical .level-empty.fill-block:backdrop, - GtkLevelBar.vertical block.level-empty:backdrop, - GtkLevelBar .level-bar.vertical .level-empty.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .level-empty.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.level-empty:backdrop, - .level-bar.vertical GtkLevelBar block.level-empty:backdrop, - GtkLevelBar levelbar.vertical .level-empty.fill-block:backdrop, - levelbar.vertical GtkLevelBar .level-empty.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.level-empty:backdrop, - levelbar.vertical GtkLevelBar block.level-empty:backdrop, - GtkLevelBar .fill-block.empty:backdrop, - GtkLevelBar .fill-block.level-empty:backdrop, - GtkLevelBar block.empty:backdrop, - GtkLevelBar block.level-empty:backdrop, - .level-bar GtkLevelBar.vertical .empty.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .empty.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.empty:backdrop, - GtkLevelBar.vertical .level-bar block.empty:backdrop, - .level-bar.vertical .empty.fill-block:backdrop, - .level-bar.vertical block.empty:backdrop, - .level-bar levelbar.vertical .empty.fill-block:backdrop, - levelbar.vertical .level-bar .empty.fill-block:backdrop, - .level-bar levelbar.vertical block.empty:backdrop, - levelbar.vertical .level-bar block.empty:backdrop, - .level-bar GtkLevelBar.vertical .level-empty.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .level-empty.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.level-empty:backdrop, - GtkLevelBar.vertical .level-bar block.level-empty:backdrop, - .level-bar.vertical .level-empty.fill-block:backdrop, - .level-bar.vertical block.level-empty:backdrop, - .level-bar levelbar.vertical .level-empty.fill-block:backdrop, - levelbar.vertical .level-bar .level-empty.fill-block:backdrop, - .level-bar levelbar.vertical block.level-empty:backdrop, - levelbar.vertical .level-bar block.level-empty:backdrop, - .level-bar .fill-block.empty:backdrop, - .level-bar .fill-block.level-empty:backdrop, - .level-bar block.empty:backdrop, - .level-bar block.level-empty:backdrop, - levelbar GtkLevelBar.vertical .empty.fill-block:backdrop, - GtkLevelBar.vertical levelbar .empty.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.empty:backdrop, - GtkLevelBar.vertical levelbar block.empty:backdrop, - levelbar .level-bar.vertical .empty.fill-block:backdrop, - .level-bar.vertical levelbar .empty.fill-block:backdrop, - levelbar .level-bar.vertical block.empty:backdrop, - .level-bar.vertical levelbar block.empty:backdrop, - levelbar.vertical .empty.fill-block:backdrop, - levelbar.vertical block.empty:backdrop, - levelbar GtkLevelBar.vertical .level-empty.fill-block:backdrop, - GtkLevelBar.vertical levelbar .level-empty.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.level-empty:backdrop, - GtkLevelBar.vertical levelbar block.level-empty:backdrop, - levelbar .level-bar.vertical .level-empty.fill-block:backdrop, - .level-bar.vertical levelbar .level-empty.fill-block:backdrop, - levelbar .level-bar.vertical block.level-empty:backdrop, - .level-bar.vertical levelbar block.level-empty:backdrop, - levelbar.vertical .level-empty.fill-block:backdrop, - levelbar.vertical block.level-empty:backdrop, - levelbar .fill-block.empty:backdrop, - levelbar .fill-block.level-empty:backdrop, - levelbar block.empty:backdrop, - levelbar block.level-empty:backdrop { - border-color: rgba(120, 128, 132, 0.15); } - GtkLevelBar.vertical, - .level-bar.vertical, - levelbar.vertical { - -GtkLevelBar-min-block-width: 8; - -GtkLevelBar-min-block-height: 32; } - GtkLevelBar.vertical .fill-block, - GtkLevelBar.vertical block, - .level-bar.vertical .fill-block, - .level-bar.vertical block, - levelbar.vertical .fill-block, - levelbar.vertical block { - min-width: 8px; - min-height: 32px; } - -/********* - * Links * - *********/ -*:link, button:link, -.button:link, -button:visited, -.button:visited { - color: blue; } - *:link:visited, - button:visited, - .button:visited { - color: rgba(0, 0, 255, 0.5); } - *:selected *:link:visited, *:selected button:visited:link, - *:selected button:visited, - *:selected .button:visited { - color: #c2ccd1; } - *:link:hover, button:hover:link, - .button:hover:link, - button:hover:visited, - .button:hover:visited { - color: #3333ff; } - *:selected *:link:hover, *:selected button:hover:link, - *:selected .button:hover:link, - *:selected button:hover:visited, - *:selected .button:hover:visited { - color: #f0f2f4; } - *:link:active, button:active:link, - .button:active:link, - button:active:visited, - .button:active:visited { - color: blue; } - *:selected *:link:active, *:selected button:active:link, - *:selected .button:active:link, - *:selected button:active:visited, - *:selected .button:active:visited { - color: #e0e5e8; } - *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, - .button:backdrop:backdrop:hover:link, - button:backdrop:backdrop:hover:visited, - .button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, - .header-bar.selection-mode .subtitle:backdrop:backdrop:hover:link, - headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:selected:link, - .button:backdrop:backdrop:hover:selected:link, - button:backdrop:backdrop:hover:selected:visited, - .button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, - .button:backdrop:link, - button:backdrop:visited, - .button:backdrop:visited { - color: #667f8c; } - *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, - .header-bar.selection-mode .subtitle:link, - headerbar.selection-mode .subtitle:link, button:selected:link, - .button:selected:link, - button:selected:visited, - .button:selected:visited, *:selected *:link, *:selected button:link, - *:selected .button:link, - *:selected button:visited, - *:selected .button:visited { - color: #e0e5e8; } - -button:link, -.button:link, -button:visited, -.button:visited { - text-shadow: none; } - button:link:hover, button:link:active, button:link:checked, - .button:link:hover, - .button:link:active, - .button:link:checked, - button:visited:hover, - button:visited:active, - button:visited:checked, - .button:visited:hover, - .button:visited:active, - .button:visited:checked { - text-shadow: none; } - button:link > label, - .button:link > label, - button:visited > label, - .button:visited > label { - text-decoration-line: underline; } - button:link > GtkLabel, - .button:link > GtkLabel, - button:visited > GtkLabel, - .button:visited > GtkLabel { - text-decoration-line: underline; } - -/********* - * Lists * - *********/ -list { - color: #A1A8AB; - background-color: #636E73; - border-color: #33393b; } - list:backdrop { - background-color: #657176; - border-color: #363c3e; } - -row, -.list-row { - border-radius: 0; - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row GtkImage, - row image, - .list-row GtkImage, - .list-row image { - padding-right: 6px; } - row:hover, - .list-row:hover { - transition: none; } - row:backdrop, - .list-row:backdrop { - transition: 200ms ease-out; } - row.activatable.has-open-popup, row.activatable:hover, - .list-row.activatable.has-open-popup, - .list-row.activatable:hover { - background-color: rgba(161, 168, 171, 0.05); } - row.activatable:active, - .list-row.activatable:active { - box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } - row.activatable:backdrop:hover, - .list-row.activatable:backdrop:hover { - background-color: transparent; } - row.activatable:selected:active, - .list-row.activatable:selected:active { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } - row.activatable:selected.has-open-popup, row.activatable:selected:hover, - .list-row.activatable:selected.has-open-popup, - .list-row.activatable:selected:hover { - background-color: #6c838f; } - row.activatable:selected:backdrop, - .list-row.activatable:selected:backdrop { - background-color: #667f8c; } - -/********* - * Menus * - *********/ -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0px; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); - background-color: #3B4245; - color: rgba(255, 255, 255, 0.8); } - menubar:backdrop, - .menubar:backdrop { - background-color: #2f3537; } - menubar > .menuitem, - menubar > menuitem, - .menubar > .menuitem, - .menubar > menuitem { - min-height: 16px; - padding: 4px 8px; } - menubar > .menuitem:hover, - menubar > menuitem:hover, - .menubar > .menuitem:hover, - .menubar > menuitem:hover { - box-shadow: inset 0 -3px #667f8c; - color: rgba(255, 255, 255, 0.8); } - menubar > .menuitem:insensitive, menubar > .menuitem:disabled, - menubar > menuitem:insensitive, - menubar > menuitem:disabled, - .menubar > .menuitem:insensitive, - .menubar > .menuitem:disabled, - .menubar > menuitem:insensitive, - .menubar > menuitem:disabled { - color: #788084; - box-shadow: none; } - -.menu, -.popup, -menu { - padding: 4px 0px; - background-color: #5f6a6e; - border: 1px solid #33393b; - border-radius: 4px; - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } - .csd .menu, .csd - .popup, .csd - menu { - border: none; } - .menu:backdrop, - .popup:backdrop, - menu:backdrop { - background-color: #616c71; } - .menu .menuitem, - .menu menuitem, - .popup .menuitem, - .popup menuitem, - menu .menuitem, - menu menuitem { - min-height: 16px; - min-width: 40px; - padding: 8px 4px; - text-shadow: none; } - .menu .menuitem:hover, - .menu menuitem:hover, - .popup .menuitem:hover, - .popup menuitem:hover, - menu .menuitem:hover, - menu menuitem:hover { - color: #ffffff; - background-color: #667f8c; } - .menu .menuitem:insensitive, .menu .menuitem:disabled, - .menu menuitem:insensitive, - .menu menuitem:disabled, - .popup .menuitem:insensitive, - .popup .menuitem:disabled, - .popup menuitem:insensitive, - .popup menuitem:disabled, - menu .menuitem:insensitive, - menu .menuitem:disabled, - menu menuitem:insensitive, - menu menuitem:disabled { - color: #788084; } - .menu .menuitem:insensitive:backdrop, .menu .menuitem:disabled:backdrop, - .menu menuitem:insensitive:backdrop, - .menu menuitem:disabled:backdrop, - .popup .menuitem:insensitive:backdrop, - .popup .menuitem:disabled:backdrop, - .popup menuitem:insensitive:backdrop, - .popup menuitem:disabled:backdrop, - menu .menuitem:insensitive:backdrop, - menu .menuitem:disabled:backdrop, - menu menuitem:insensitive:backdrop, - menu menuitem:disabled:backdrop { - color: #727f85; } - .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover, - .menu menuitem:backdrop, - .menu menuitem:backdrop:hover, - .popup .menuitem:backdrop, - .popup .menuitem:backdrop:hover, - .popup menuitem:backdrop, - .popup menuitem:backdrop:hover, - menu .menuitem:backdrop, - menu .menuitem:backdrop:hover, - menu menuitem:backdrop, - menu menuitem:backdrop:hover { - color: #788084; - background-color: transparent; } - .menu .menuitem .arrow, - .menu .menuitem arrow, - .menu menuitem .arrow, - .menu menuitem arrow, - .popup .menuitem .arrow, - .popup .menuitem arrow, - .popup menuitem .arrow, - .popup menuitem arrow, - menu .menuitem .arrow, - menu .menuitem arrow, - menu menuitem .arrow, - menu menuitem arrow { - min-height: 16px; - min-width: 16px; } - .menu .menuitem .arrow:dir(ltr), - .menu .menuitem arrow:dir(ltr), - .menu menuitem .arrow:dir(ltr), - .menu menuitem arrow:dir(ltr), - .popup .menuitem .arrow:dir(ltr), - .popup .menuitem arrow:dir(ltr), - .popup menuitem .arrow:dir(ltr), - .popup menuitem arrow:dir(ltr), - menu .menuitem .arrow:dir(ltr), - menu .menuitem arrow:dir(ltr), - menu menuitem .arrow:dir(ltr), - menu menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-left: 10px; } - .menu .menuitem .arrow:dir(rtl), - .menu .menuitem arrow:dir(rtl), - .menu menuitem .arrow:dir(rtl), - .menu menuitem arrow:dir(rtl), - .popup .menuitem .arrow:dir(rtl), - .popup .menuitem arrow:dir(rtl), - .popup menuitem .arrow:dir(rtl), - .popup menuitem arrow:dir(rtl), - menu .menuitem .arrow:dir(rtl), - menu .menuitem arrow:dir(rtl), - menu menuitem .arrow:dir(rtl), - menu menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-right: 10px; } - .menu > arrow, - .popup > arrow, - menu > arrow { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - min-height: 16px; - min-width: 16px; - padding: 4px; - background-color: #5f6a6e; - border-radius: 0; } - .menu > arrow.top, - .popup > arrow.top, - menu > arrow.top { - margin-top: -6px; - border-bottom: 1px solid #697479; - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - .menu > arrow.bottom, - .popup > arrow.bottom, - menu > arrow.bottom { - margin-bottom: -6px; - border-top: 1px solid #697479; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .menu > arrow:hover, - .popup > arrow:hover, - menu > arrow:hover { - background-color: #697479; } - .menu > arrow:backdrop, - .popup > arrow:backdrop, - menu > arrow:backdrop { - background-color: #616c71; } - .menu > arrow:insensitive, .menu > arrow:disabled, - .popup > arrow:insensitive, - .popup > arrow:disabled, - menu > arrow:insensitive, - menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; } - -.menuitem .accelerator, -.menuitem accelerator, -menuitem .accelerator, -menuitem accelerator { - color: alpha(currentColor,0.55); } -.menuitem .check, -.menuitem check, -.menuitem .radio, -.menuitem radio, -menuitem .check, -menuitem check, -menuitem .radio, -menuitem radio { - min-height: 16px; - min-width: 16px; } - .menuitem .check:dir(ltr), - .menuitem check:dir(ltr), - .menuitem .radio:dir(ltr), - .menuitem radio:dir(ltr), - menuitem .check:dir(ltr), - menuitem check:dir(ltr), - menuitem .radio:dir(ltr), - menuitem radio:dir(ltr) { - margin-right: 7px; } - .menuitem .check:dir(rtl), - .menuitem check:dir(rtl), - .menuitem .radio:dir(rtl), - .menuitem radio:dir(rtl), - menuitem .check:dir(rtl), - menuitem check:dir(rtl), - menuitem .radio:dir(rtl), - menuitem radio:dir(rtl) { - margin-left: 7px; } - -/******** - * Misc * - ********/ -.content-view { - background-color: #3f4649; } - .content-view:hover { - -gtk-icon-effect: highlight; } - .content-view:backdrop { - background-color: #3f4649; } - -.osd .scale-popup button.flat { - border-style: none; - border-radius: 5px; } -.scale-popup .button:hover, -.scale-popup button:hover { - background-color: rgba(161, 168, 171, 0.1); - border-radius: 5px; } - -separator, -.separator { - color: #33393b; } - -/************** -* Text Styles * -**************/ -.h1 { - font-size: 24px; } - -.h2 { - font-weight: 300; - font-size: 18px; } - -.h3 { - font-size: 11px; } - -.h4, -.category-label { - font-size: 12px; - padding: 6px; - color: mix #4F585C, #A1A8AB, 50%; - font-weight: bold; - text-shadow: 0 1px rgba(255, 255, 255, 0.2); } - -/************* - * Notebooks * - *************/ -notebook > header { - border: none; } - notebook > header.top { - border-bottom-style: solid; } - notebook > header.top > tabs > tab:hover { - box-shadow: inset 0 -2px #33393b; } - notebook > header.top > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.top > tabs > tab:checked { - box-shadow: inset 0 -2px #667f8c; } - notebook > header.bottom { - border-top-style: solid; } - notebook > header.bottom > tabs > tab:hover { - box-shadow: inset 0 2px #33393b; } - notebook > header.bottom > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.bottom > tabs > tab:checked { - box-shadow: inset 0 2px #667f8c; } - notebook > header.left { - border-right-style: solid; } - notebook > header.left > tabs > tab:hover { - box-shadow: inset -2px 0 #33393b; } - notebook > header.left > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.left > tabs > tab:checked { - box-shadow: inset -2px 0 #667f8c; } - notebook > header.right { - border-left-style: solid; } - notebook > header.right > tabs > tab:hover { - box-shadow: inset 2px 0 #33393b; } - notebook > header.right > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.right > tabs > tab:checked { - box-shadow: inset 2px 0 #667f8c; } - notebook > header.top > tabs > arrow { - border-top-style: none; } - notebook > header.bottom > tabs > arrow { - border-bottom-style: none; } - notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { - margin-left: -5px; - margin-right: -5px; - padding-left: 4px; - padding-right: 4px; } - notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook > header.left > tabs > arrow { - border-left-style: none; } - notebook > header.right > tabs > arrow { - border-right-style: none; } - notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { - margin-top: -5px; - margin-bottom: -5px; - padding-top: 4px; - padding-bottom: 4px; } - notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook > header > tabs > arrow { - min-height: 16px; - min-width: 16px; - border-radius: 0; } - notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { - background-clip: padding-box; - background-image: none; - background-color: rgba(255, 255, 255, 0.3); - border-color: transparent; - box-shadow: none; } - notebook > header > tabs > arrow:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - notebook > header tab { - min-height: 30px; - min-width: 30px; - padding: 3px 12px; - outline-offset: -5px; - color: #788084; - font-weight: bold; - border-width: 1px; - border-color: transparent; } - notebook > header tab:hover { - color: #8d9498; } - notebook > header tab:hover.reorderable-page { - border-color: rgba(51, 57, 59, 0.3); - background-color: rgba(79, 88, 92, 0.2); } - notebook > header tab:backdrop { - color: #687074; } - notebook > header tab:backdrop.reorderable-page { - border-color: transparent; - background-color: transparent; } - notebook > header tab:checked { - color: #A1A8AB; } - notebook > header tab:checked.reorderable-page { - border-color: rgba(51, 57, 59, 0.5); - background-color: rgba(79, 88, 92, 0.5); } - notebook > header tab:checked.reorderable-page:hover { - background-color: rgba(79, 88, 92, 0.7); } - notebook > header tab:backdrop:checked { - color: #788084; } - notebook > header tab:backdrop:checked.reorderable-page { - border-color: #363c3e; - background-color: #4F585C; } - notebook > header tab button.flat { - padding: 0; - margin-top: 4px; - margin-bottom: 4px; - min-width: 20px; - min-height: 20px; } - notebook > header tab button.flat:hover { - color: currentColor; } - notebook > header tab button.flat, notebook > header tab button.flat:backdrop { - color: alpha(currentColor,0.3); } - notebook > header tab button.flat:last-child { - margin-left: 4px; - margin-right: -4px; } - notebook > header tab button.flat:first-child { - margin-left: -4px; - margin-right: 4px; } - notebook > header.top tabs, notebook > header.bottom tabs { - padding-left: 4px; - padding-right: 4px; } - notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { - margin-left: 3px; - margin-right: 3px; } - notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { - margin-left: -1px; } - notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { - margin-right: -1px; } - notebook > header.top tabs tab, notebook > header.bottom tabs tab { - margin-left: 4px; - margin-right: 4px; } - notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { - border-style: none solid; } - notebook > header.left tabs, notebook > header.right tabs { - padding-top: 4px; - padding-bottom: 4px; } - notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { - margin-top: 3px; - margin-bottom: 3px; } - notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { - margin-top: -1px; } - notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { - margin-bottom: -1px; } - notebook > header.left tabs tab, notebook > header.right tabs tab { - margin-top: 4px; - margin-bottom: 4px; } - notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { - border-style: solid none; } - notebook > header.top tab { - padding-bottom: 4px; } - notebook > header.bottom tab { - padding-top: 4px; } -notebook > stack:not(:only-child) { - background-color: #636E73; } - notebook > stack:not(:only-child):backdrop { - background-color: #657176; } - -notebook, -.dynamic-notebook, -.notebook { - padding: 0; - background-color: #636E73; - box-shadow: 0 0 0 1px #33393b; - background-clip: border-box; } - notebook > header, - notebook > .header, - .dynamic-notebook > header, - .dynamic-notebook > .header, - .notebook > header, - .notebook > .header { - border: none; - box-shadow: none; - background-color: #4F585C; } - notebook > tab, - .dynamic-notebook > tab, - .notebook > tab { - border-radius: 0; - background-color: #4F585C; } - notebook > tab.top, - .dynamic-notebook > tab.top, - .notebook > tab.top { - padding: 6px 8px 8px 8px; - box-shadow: inset 0 -1px 0 0 #33393b; } - notebook > tab.top:active, - .dynamic-notebook > tab.top:active, - .notebook > tab.top:active { - box-shadow: inset 0 -3px 0 0 #33393b; } - notebook > tab.top:active:backdrop, - .dynamic-notebook > tab.top:active:backdrop, - .notebook > tab.top:active:backdrop { - box-shadow: inset 0 -3px 0 0 #363c3e; } - notebook > tab.top:backdrop, - .dynamic-notebook > tab.top:backdrop, - .notebook > tab.top:backdrop { - box-shadow: inset 0 -1px 0 0 #363c3e; } - notebook > tab.top:insensitive, - .dynamic-notebook > tab.top:insensitive, - .notebook > tab.top:insensitive { - box-shadow: inset 0 -1px 0 0 #33393b; } - notebook > tab.bottom, - .dynamic-notebook > tab.bottom, - .notebook > tab.bottom { - padding: 8px 8px 6px 8px; - box-shadow: inset 0 1px 0 0 #33393b; } - notebook > tab.bottom:active, - .dynamic-notebook > tab.bottom:active, - .notebook > tab.bottom:active { - box-shadow: inset 0 3px 0 0 #33393b; } - notebook > tab.bottom:active:backdrop, - .dynamic-notebook > tab.bottom:active:backdrop, - .notebook > tab.bottom:active:backdrop { - box-shadow: inset 0 3px 0 0 #363c3e; } - notebook > tab.bottom:backdrop, - .dynamic-notebook > tab.bottom:backdrop, - .notebook > tab.bottom:backdrop { - box-shadow: inset 0 1px 0 0 #363c3e; } - notebook > tab.bottom:insensitive, - .dynamic-notebook > tab.bottom:insensitive, - .notebook > tab.bottom:insensitive { - box-shadow: inset 0 1px 0 0 #33393b; } - notebook > tab.left, - .dynamic-notebook > tab.left, - .notebook > tab.left { - padding: 8px; - box-shadow: inset -1px 0 0 0 #33393b; } - notebook > tab.left:active, - .dynamic-notebook > tab.left:active, - .notebook > tab.left:active { - box-shadow: inset -3px 0 0 0 #33393b; } - notebook > tab.left:active:backdrop, - .dynamic-notebook > tab.left:active:backdrop, - .notebook > tab.left:active:backdrop { - box-shadow: inset -3px 0 0 0 #363c3e; } - notebook > tab.left:backdrop, - .dynamic-notebook > tab.left:backdrop, - .notebook > tab.left:backdrop { - box-shadow: inset -1px 0 0 0 #363c3e; } - notebook > tab.left:insensitive, - .dynamic-notebook > tab.left:insensitive, - .notebook > tab.left:insensitive { - box-shadow: inset -1px 0 0 0 #33393b; } - notebook > tab.right, - .dynamic-notebook > tab.right, - .notebook > tab.right { - padding: 8px; - box-shadow: inset 1px 0 0 0 #33393b; } - notebook > tab.right:active, - .dynamic-notebook > tab.right:active, - .notebook > tab.right:active { - box-shadow: inset 3px 0 0 0 #33393b; } - notebook > tab.right:active:backdrop, - .dynamic-notebook > tab.right:active:backdrop, - .notebook > tab.right:active:backdrop { - box-shadow: inset 3px 0 0 0 #363c3e; } - notebook > tab.right:backdrop, - .dynamic-notebook > tab.right:backdrop, - .notebook > tab.right:backdrop { - box-shadow: inset 1px 0 0 0 #363c3e; } - notebook > tab.right:insensitive, - .dynamic-notebook > tab.right:insensitive, - .notebook > tab.right:insensitive { - box-shadow: inset 1px 0 0 0 #33393b; } - notebook > tab:active, - .dynamic-notebook > tab:active, - .notebook > tab:active { - font-weight: bold; } - notebook > tab:hover, - .dynamic-notebook > tab:hover, - .notebook > tab:hover { - background: #434b4e; } - -/********* - * Paned * - *********/ -.paned, -paned { - border: solid #33393b; - border-left-width: 1px; } - .paned > separator, - paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: image(#33393b); - background-size: 1px 1px; } - .paned > separator:selected, - paned > separator:selected { - background-image: image(#667f8c); } - .paned > separator:backdrop, - paned > separator:backdrop { - background-image: image(#363c3e); } - .paned > separator.wide, - paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #4F585C; - background-image: image(#33393b), image(#33393b); - background-size: 1px 1px, 1px 1px; } - .paned > separator.wide:backdrop, - paned > separator.wide:backdrop { - background-color: #4F585C; - background-image: image(#363c3e), image(#363c3e); } - .paned.horizontal > separator, - paned.horizontal > separator { - background-repeat: repeat-y; } - .paned.horizontal > separator:dir(ltr), - paned.horizontal > separator:dir(ltr) { - margin: 0 -8px 0 0; - padding: 0 8px 0 0; - background-position: left; } - .paned.horizontal > separator:dir(rtl), - paned.horizontal > separator:dir(rtl) { - margin: 0 0 0 -8px; - padding: 0 0 0 8px; - background-position: right; } - .paned.horizontal > separator.wide, - paned.horizontal > separator.wide { - margin: 0; - padding: 0; - background-repeat: repeat-y, repeat-y; - background-position: left, right; } - .paned.vertical > separator, - paned.vertical > separator { - margin: 0 0 -8px 0; - padding: 0 0 8px 0; - background-repeat: repeat-x; - background-position: top; } - .paned.vertical > separator.wide, - paned.vertical > separator.wide { - margin: 0; - padding: 0; - background-repeat: repeat-x, repeat-x; - background-position: bottom, top; } - -/************ - * Pathbars * - ************/ -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 4px; - padding-right: 4px; } -.path-bar button.text-button.image-button label { - padding-left: 0; - padding-right: 0; } -.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { - padding-right: 8px; } -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 8px; } -.path-bar button image { - padding-left: 4px; - padding-right: 4px; } -.path-bar button.slider-button { - padding-left: 0; - padding-right: 0; } - -/************ - * Popovers * - ************/ -.popover.background, -popover.background { - padding: 2px; - border-radius: 4px; - border: none; - background-color: #4F585C; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } - .csd .popover.background, .popover.background, .csd - popover.background, - popover.background { - border: 1px solid #33393b; } - .popover.background:backdrop, - popover.background:backdrop { - background-color: #4F585C; - box-shadow: none; } - .popover.background > list, - .popover.background > .view, - .popover.background > GtkIconView, - .popover.background > iconview, - .popover.background > toolbar, - .popover.background > .toolbar, - popover.background > list, - popover.background > .view, - popover.background > GtkIconView, - popover.background > iconview, - popover.background > toolbar, - popover.background > .toolbar { - border-style: none; - background-color: transparent; } - .csd .popover.background.touch-selection, .csd .popover.background.magnifier, .popover.background.touch-selection, .popover.background.magnifier, .csd - popover.background.touch-selection, .csd - popover.background.magnifier, - popover.background.touch-selection, - popover.background.magnifier { - border: 1px solid rgba(255, 255, 255, 0.1); } - .popover.background .separator, .popover.background separator, - popover.background .separator, - popover.background separator { - margin: 3px; } - .popover.background list separator, - popover.background list separator { - margin: 0px; } - -/**************** - * Print dialog * -*****************/ -printdialog paper { - color: #A1A8AB; - border: 1px solid #33393b; - background: white; - padding: 0; } - printdialog paper:backdrop { - color: #788084; - border-color: #363c3e; } -printdialog .dialog-action-box { - margin: 12px; } - -/***************** - * Progress bars * - *****************/ -GtkProgressBar, -.progressbar, -progressbar { - font-size: smaller; - color: rgba(161, 168, 171, 0.4); } - GtkProgressBar.horizontal trough, - GtkProgressBar.horizontal .trough, - GtkProgressBar.horizontal progress, - .progressbar.horizontal trough, - .progressbar.horizontal .trough, - .progressbar.horizontal progress, - progressbar.horizontal trough, - progressbar.horizontal .trough, - progressbar.horizontal progress { - min-height: 4px; } - GtkProgressBar.vertical trough, - GtkProgressBar.vertical .trough, - GtkProgressBar.vertical progress, - .progressbar.vertical trough, - .progressbar.vertical .trough, - .progressbar.vertical progress, - progressbar.vertical trough, - progressbar.vertical .trough, - progressbar.vertical progress { - min-width: 4px; } - GtkProgressBar.horizontal progress, - .progressbar.horizontal progress, - progressbar.horizontal progress { - margin: 0 -1px; } - GtkProgressBar.vertical progress, - .progressbar.vertical progress, - progressbar.vertical progress { - margin: -1px 0; } - GtkProgressBar:active, - .progressbar:active, - progressbar:active { - border-radius: 0px; - color: rgba(0, 0, 0, 0.5); - background-color: #667f8c; - border-color: #51646e; } - GtkProgressBar:active:backdrop, - .progressbar:active:backdrop, - progressbar:active:backdrop { - background-color: #8298a3; - border-color: #667f8c; } - GtkProgressBar:backdrop, - .progressbar:backdrop, - progressbar:backdrop { - transition: 200ms ease-out; } - GtkProgressBar .progressbar, - GtkProgressBar progress, - .progressbar .progressbar, - .progressbar progress, - progressbar .progressbar, - progressbar progress { - border-radius: 0px; } - GtkProgressBar .progressbar.left, - GtkProgressBar progress.left, - .progressbar .progressbar.left, - .progressbar progress.left, - progressbar .progressbar.left, - progressbar progress.left { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; } - GtkProgressBar .progressbar.right, - GtkProgressBar progress.right, - .progressbar .progressbar.right, - .progressbar progress.right, - progressbar .progressbar.right, - progressbar progress.right { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; } - GtkProgressBar .progressbar.top, - GtkProgressBar progress.top, - .progressbar .progressbar.top, - .progressbar progress.top, - progressbar .progressbar.top, - progressbar progress.top { - border-top-right-radius: 0px; - border-top-left-radius: 0px; } - GtkProgressBar .progressbar.bottom, - GtkProgressBar progress.bottom, - .progressbar .progressbar.bottom, - .progressbar progress.bottom, - progressbar .progressbar.bottom, - progressbar progress.bottom { - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; } - GtkProgressBar.osd, - .progressbar.osd, - progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; } - GtkProgressBar.osd .trough, - GtkProgressBar.osd trough, - .progressbar.osd .trough, - .progressbar.osd trough, - progressbar.osd .trough, - progressbar.osd trough { - border-style: none; - border-radius: 0; - background-color: transparent; - box-shadow: none; } - GtkProgressBar.osd .progressbar, - GtkProgressBar.osd progress, - .progressbar.osd .progressbar, - .progressbar.osd progress, - progressbar.osd .progressbar, - progressbar.osd progress { - border-style: none; - border-radius: 0; } - GtkProgressBar row:selected, - GtkProgressBar .list-row:selected, - .progressbar row:selected, - .progressbar .list-row:selected, - progressbar row:selected, - progressbar .list-row:selected { - border: 1px solid #51646e; - color: rgba(0, 0, 0, 0.5); - background-color: #667f8c; } - -/************ - * GtkScale * - ************/ -GtkLevelBar .trough, -GtkLevelBar trough, -.level-bar .trough, -.level-bar trough, -levelbar .trough, -levelbar trough, GtkLevelBar.horizontal trough, -GtkLevelBar.horizontal .trough, GtkLevelBar.vertical trough, -GtkLevelBar.vertical .trough, -.level-bar.horizontal trough, -.level-bar.horizontal .trough, -.level-bar.vertical trough, -.level-bar.vertical .trough, -levelbar.horizontal trough, -levelbar.horizontal .trough, -levelbar.vertical trough, -levelbar.vertical .trough, GtkProgressBar, -.progressbar, -progressbar, .scale trough, -.scale .trough, -scale trough, -scale .trough, .scale.fine-tune trough, -.scale.fine-tune .trough, -scale.fine-tune trough, -scale.fine-tune .trough, .scale fill, -scale fill { - border: none; - background-color: #636E73; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(255, 255, 255, 0.1); - padding: 0; - margin: 0; } - GtkLevelBar .trough:insensitive, - GtkLevelBar trough:insensitive, - .level-bar .trough:insensitive, - .level-bar trough:insensitive, - levelbar .trough:insensitive, - levelbar trough:insensitive, GtkProgressBar:insensitive, - .progressbar:insensitive, - progressbar:insensitive, .scale trough:insensitive, - .scale .trough:insensitive, - scale trough:insensitive, - scale .trough:insensitive, .scale fill:insensitive, - scale fill:insensitive, GtkLevelBar .trough:disabled, - GtkLevelBar trough:disabled, - .level-bar .trough:disabled, - .level-bar trough:disabled, - levelbar .trough:disabled, - levelbar trough:disabled, GtkProgressBar:disabled, - .progressbar:disabled, - progressbar:disabled, .scale trough:disabled, - .scale .trough:disabled, - scale trough:disabled, - scale .trough:disabled, .scale fill:disabled, - scale fill:disabled { - background-color: #576165; } - GtkLevelBar .trough:backdrop, - GtkLevelBar trough:backdrop, - .level-bar .trough:backdrop, - .level-bar trough:backdrop, - levelbar .trough:backdrop, - levelbar trough:backdrop, GtkProgressBar:backdrop, - .progressbar:backdrop, - progressbar:backdrop, .scale trough:backdrop, - .scale .trough:backdrop, - scale trough:backdrop, - scale .trough:backdrop, .scale fill:backdrop, - scale fill:backdrop { - background-color: #657176; - transition: 200ms ease-out; } - GtkLevelBar .trough:backdrop:insensitive, - GtkLevelBar trough:backdrop:insensitive, - .level-bar .trough:backdrop:insensitive, - .level-bar trough:backdrop:insensitive, - levelbar .trough:backdrop:insensitive, - levelbar trough:backdrop:insensitive, GtkProgressBar:backdrop:insensitive, - .progressbar:backdrop:insensitive, - progressbar:backdrop:insensitive, .scale trough:backdrop:insensitive, - .scale .trough:backdrop:insensitive, - scale trough:backdrop:insensitive, - scale .trough:backdrop:insensitive, .scale fill:backdrop:insensitive, - scale fill:backdrop:insensitive, GtkLevelBar .trough:backdrop:disabled, - GtkLevelBar trough:backdrop:disabled, - .level-bar .trough:backdrop:disabled, - .level-bar trough:backdrop:disabled, - levelbar .trough:backdrop:disabled, - levelbar trough:backdrop:disabled, GtkProgressBar:backdrop:disabled, - .progressbar:backdrop:disabled, - progressbar:backdrop:disabled, .scale trough:backdrop:disabled, - .scale .trough:backdrop:disabled, - scale trough:backdrop:disabled, - scale .trough:backdrop:disabled, .scale fill:backdrop:disabled, - scale fill:backdrop:disabled { - background-color: #576165; } - row:selected GtkLevelBar .trough, GtkLevelBar row:selected .trough, - row:selected GtkLevelBar trough, - GtkLevelBar row:selected trough, - row:selected .level-bar .trough, - .level-bar row:selected .trough, - row:selected .level-bar trough, - .level-bar row:selected trough, - row:selected levelbar .trough, - levelbar row:selected .trough, - row:selected levelbar trough, - levelbar row:selected trough, row:selected GtkProgressBar, - row:selected .progressbar, - row:selected progressbar, row:selected .scale trough, .scale row:selected trough, - row:selected .scale .trough, - .scale row:selected .trough, - row:selected scale trough, - scale row:selected trough, - row:selected scale .trough, - scale row:selected .trough, row:selected .scale fill, .scale row:selected fill, - row:selected scale fill, - scale row:selected fill { - box-shadow: none; } - row:selected GtkLevelBar .trough, GtkLevelBar row:selected .trough, - row:selected GtkLevelBar trough, - GtkLevelBar row:selected trough, - row:selected .level-bar .trough, - .level-bar row:selected .trough, - row:selected .level-bar trough, - .level-bar row:selected trough, - row:selected levelbar .trough, - levelbar row:selected .trough, - row:selected levelbar trough, - levelbar row:selected trough, row:selected GtkProgressBar, - row:selected .progressbar, - row:selected progressbar, row:selected .scale trough, .scale row:selected trough, - row:selected .scale .trough, - .scale row:selected .trough, - row:selected scale trough, - scale row:selected trough, - row:selected scale .trough, - scale row:selected .trough, row:selected .scale fill, .scale row:selected fill, - row:selected scale fill, - scale row:selected fill, row:selected GtkLevelBar .trough:disabled, GtkLevelBar row:selected .trough:disabled, - row:selected GtkLevelBar trough:disabled, - GtkLevelBar row:selected trough:disabled, - row:selected .level-bar .trough:disabled, - .level-bar row:selected .trough:disabled, - row:selected .level-bar trough:disabled, - .level-bar row:selected trough:disabled, - row:selected levelbar .trough:disabled, - levelbar row:selected .trough:disabled, - row:selected levelbar trough:disabled, - levelbar row:selected trough:disabled, row:selected GtkProgressBar:disabled, - row:selected .progressbar:disabled, - row:selected progressbar:disabled, row:selected .scale trough:disabled, .scale row:selected trough:disabled, - row:selected .scale .trough:disabled, - .scale row:selected .trough:disabled, - row:selected scale trough:disabled, - scale row:selected trough:disabled, - row:selected scale .trough:disabled, - scale row:selected .trough:disabled, row:selected .scale fill:disabled, .scale row:selected fill:disabled, - row:selected scale fill:disabled, - scale row:selected fill:disabled { - border-color: #262f33; } - .osd GtkLevelBar .trough, GtkLevelBar .osd .trough, - .osd GtkLevelBar trough, - GtkLevelBar .osd trough, - .osd .level-bar .trough, - .level-bar .osd .trough, - .osd .level-bar trough, - .level-bar .osd trough, - .osd levelbar .trough, - levelbar .osd .trough, - .osd levelbar trough, - levelbar .osd trough, .osd GtkProgressBar, - .osd .progressbar, - .osd progressbar, .osd .scale trough, .scale .osd trough, - .osd .scale .trough, - .scale .osd .trough, - .osd scale trough, - scale .osd trough, - .osd scale .trough, - scale .osd .trough, .osd .scale fill, .scale .osd fill, - .osd scale fill, - scale .osd fill { - border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(0, 0, 0, 0.5); - box-shadow: none; - outline-color: rgba(161, 168, 171, 0.2); } - .osd GtkLevelBar .trough:disabled, GtkLevelBar .osd .trough:disabled, - .osd GtkLevelBar trough:disabled, - GtkLevelBar .osd trough:disabled, - .osd .level-bar .trough:disabled, - .level-bar .osd .trough:disabled, - .osd .level-bar trough:disabled, - .level-bar .osd trough:disabled, - .osd levelbar .trough:disabled, - levelbar .osd .trough:disabled, - .osd levelbar trough:disabled, - levelbar .osd trough:disabled, .osd GtkProgressBar:disabled, - .osd .progressbar:disabled, - .osd progressbar:disabled, .osd .scale trough:disabled, .scale .osd trough:disabled, - .osd .scale .trough:disabled, - .scale .osd .trough:disabled, - .osd scale trough:disabled, - scale .osd trough:disabled, - .osd scale .trough:disabled, - scale .osd .trough:disabled, .osd .scale fill:disabled, .scale .osd fill:disabled, - .osd scale fill:disabled, - scale .osd fill:disabled { - background-color: rgba(45, 50, 51, 0.5); } - -GtkProgressBar .progressbar, -GtkProgressBar progress, -.progressbar .progressbar, -.progressbar progress, -progressbar .progressbar, -progressbar progress, .scale fill, -.scale .highlight, -.scale highlight, -scale fill, -scale .highlight, -scale highlight, .scale.fine-tune fill, -.scale.fine-tune .highlight, -.scale.fine-tune highlight, -scale.fine-tune fill, -scale.fine-tune .highlight, -scale.fine-tune highlight { - border: 1px solid #262f33; - background-color: #667f8c; - box-shadow: 0px 1px rgba(255, 255, 255, 0.1); - border-radius: 4px; - min-height: 8px; } - GtkProgressBar .progressbar:insensitive, - GtkProgressBar progress:insensitive, - .progressbar .progressbar:insensitive, - .progressbar progress:insensitive, - progressbar .progressbar:insensitive, - progressbar progress:insensitive, .scale fill:insensitive, - .scale .highlight:insensitive, - .scale highlight:insensitive, - scale fill:insensitive, - scale .highlight:insensitive, - scale highlight:insensitive, GtkProgressBar .progressbar:disabled, - GtkProgressBar progress:disabled, - .progressbar .progressbar:disabled, - .progressbar progress:disabled, - progressbar .progressbar:disabled, - progressbar progress:disabled, .scale fill:disabled, - .scale .highlight:disabled, - .scale highlight:disabled, - scale fill:disabled, - scale .highlight:disabled, - scale highlight:disabled { - border: 1px solid #0f1112; - background-color: #202425; } - GtkProgressBar .progressbar:backdrop, - GtkProgressBar progress:backdrop, - .progressbar .progressbar:backdrop, - .progressbar progress:backdrop, - progressbar .progressbar:backdrop, - progressbar progress:backdrop, GtkProgressBar:backdrop .progressbar, - .progressbar:backdrop .progressbar, - progressbar:backdrop .progressbar, GtkProgressBar:backdrop progress, - .progressbar:backdrop progress, - progressbar:backdrop progress, .scale fill:backdrop, - .scale .highlight:backdrop, - .scale highlight:backdrop, - scale fill:backdrop, - scale .highlight:backdrop, - scale highlight:backdrop, GtkProgressBar .progressbar:active:backdrop, - GtkProgressBar progress:active:backdrop, - .progressbar .progressbar:active:backdrop, - .progressbar progress:active:backdrop, - progressbar .progressbar:active:backdrop, - progressbar progress:active:backdrop, GtkProgressBar:backdrop .progressbar:active, - .progressbar:backdrop .progressbar:active, - progressbar:backdrop .progressbar:active, GtkProgressBar:backdrop progress:active, - .progressbar:backdrop progress:active, - progressbar:backdrop progress:active, .scale fill:active:backdrop, - .scale .highlight:active:backdrop, - .scale highlight:active:backdrop, - scale fill:active:backdrop, - scale .highlight:active:backdrop, - scale highlight:active:backdrop { - border-color: #262f33; - background-color: #8298a3; } - GtkProgressBar .progressbar:backdrop:disabled, - GtkProgressBar progress:backdrop:disabled, - .progressbar .progressbar:backdrop:disabled, - .progressbar progress:backdrop:disabled, - progressbar .progressbar:backdrop:disabled, - progressbar progress:backdrop:disabled, GtkProgressBar:backdrop .progressbar:disabled, - .progressbar:backdrop .progressbar:disabled, - progressbar:backdrop .progressbar:disabled, GtkProgressBar:backdrop progress:disabled, - .progressbar:backdrop progress:disabled, - progressbar:backdrop progress:disabled, .scale fill:backdrop:disabled, - .scale .highlight:backdrop:disabled, - .scale highlight:backdrop:disabled, - scale fill:backdrop:disabled, - scale .highlight:backdrop:disabled, - scale highlight:backdrop:disabled, GtkProgressBar .progressbar:active:backdrop:disabled, - GtkProgressBar progress:active:backdrop:disabled, - .progressbar .progressbar:active:backdrop:disabled, - .progressbar progress:active:backdrop:disabled, - progressbar .progressbar:active:backdrop:disabled, - progressbar progress:active:backdrop:disabled, GtkProgressBar:backdrop .progressbar:active:disabled, - .progressbar:backdrop .progressbar:active:disabled, - progressbar:backdrop .progressbar:active:disabled, GtkProgressBar:backdrop progress:active:disabled, - .progressbar:backdrop progress:active:disabled, - progressbar:backdrop progress:active:disabled, .scale fill:active:backdrop:disabled, - .scale .highlight:active:backdrop:disabled, - .scale highlight:active:backdrop:disabled, - scale fill:active:backdrop:disabled, - scale .highlight:active:backdrop:disabled, - scale highlight:active:backdrop:disabled { - background-color: transparent; - border-color: transparent; } - .list-row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar .list-row:selected .progressbar:disabled, - .list-row:selected GtkProgressBar progress:disabled, - GtkProgressBar .list-row:selected progress:disabled, - .list-row:selected .progressbar .progressbar:disabled, - .progressbar .list-row:selected .progressbar:disabled, - .list-row:selected .progressbar progress:disabled, - .progressbar .list-row:selected progress:disabled, - .list-row:selected progressbar .progressbar:disabled, - progressbar .list-row:selected .progressbar:disabled, - .list-row:selected progressbar progress:disabled, - progressbar .list-row:selected progress:disabled, .list-row:selected .scale fill:disabled, .scale .list-row:selected fill:disabled, - .list-row:selected .scale .highlight:disabled, - .scale .list-row:selected .highlight:disabled, - .list-row:selected .scale highlight:disabled, - .scale .list-row:selected highlight:disabled, - .list-row:selected scale fill:disabled, - scale .list-row:selected fill:disabled, - .list-row:selected scale .highlight:disabled, - scale .list-row:selected .highlight:disabled, - .list-row:selected scale highlight:disabled, - scale .list-row:selected highlight:disabled, .list-row:selected GtkProgressBar .progressbar, GtkProgressBar .list-row:selected .progressbar, - .list-row:selected GtkProgressBar progress, - GtkProgressBar .list-row:selected progress, - .list-row:selected .progressbar .progressbar, - .progressbar .list-row:selected .progressbar, - .list-row:selected .progressbar progress, - .progressbar .list-row:selected progress, - .list-row:selected progressbar .progressbar, - progressbar .list-row:selected .progressbar, - .list-row:selected progressbar progress, - progressbar .list-row:selected progress, .list-row:selected .scale fill, .scale .list-row:selected fill, - .list-row:selected .scale .highlight, - .scale .list-row:selected .highlight, - .list-row:selected .scale highlight, - .scale .list-row:selected highlight, - .list-row:selected scale fill, - scale .list-row:selected fill, - .list-row:selected scale .highlight, - scale .list-row:selected .highlight, - .list-row:selected scale highlight, - scale .list-row:selected highlight { - border-color: #262f33; } - row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar row:selected .progressbar:disabled, - row:selected GtkProgressBar progress:disabled, - GtkProgressBar row:selected progress:disabled, - row:selected .progressbar .progressbar:disabled, - .progressbar row:selected .progressbar:disabled, - row:selected .progressbar progress:disabled, - .progressbar row:selected progress:disabled, - row:selected progressbar .progressbar:disabled, - progressbar row:selected .progressbar:disabled, - row:selected progressbar progress:disabled, - progressbar row:selected progress:disabled, row:selected .scale fill:disabled, .scale row:selected fill:disabled, - row:selected .scale .highlight:disabled, - .scale row:selected .highlight:disabled, - row:selected .scale highlight:disabled, - .scale row:selected highlight:disabled, - row:selected scale fill:disabled, - scale row:selected fill:disabled, - row:selected scale .highlight:disabled, - scale row:selected .highlight:disabled, - row:selected scale highlight:disabled, - scale row:selected highlight:disabled, row:selected GtkProgressBar .progressbar, GtkProgressBar row:selected .progressbar, - row:selected GtkProgressBar progress, - GtkProgressBar row:selected progress, - row:selected .progressbar .progressbar, - .progressbar row:selected .progressbar, - row:selected .progressbar progress, - .progressbar row:selected progress, - row:selected progressbar .progressbar, - progressbar row:selected .progressbar, - row:selected progressbar progress, - progressbar row:selected progress, row:selected .scale fill, .scale row:selected fill, - row:selected .scale .highlight, - .scale row:selected .highlight, - row:selected .scale highlight, - .scale row:selected highlight, - row:selected scale fill, - scale row:selected fill, - row:selected scale .highlight, - scale row:selected .highlight, - row:selected scale highlight, - scale row:selected highlight { - border-color: #262f33; } - .osd GtkProgressBar .progressbar, GtkProgressBar .osd .progressbar, - .osd GtkProgressBar progress, - GtkProgressBar .osd progress, - .osd .progressbar .progressbar, - .progressbar .osd .progressbar, - .osd .progressbar progress, - .progressbar .osd progress, - .osd progressbar .progressbar, - progressbar .osd .progressbar, - .osd progressbar progress, - progressbar .osd progress, .osd .scale fill, .scale .osd fill, - .osd .scale .highlight, - .scale .osd .highlight, - .osd .scale highlight, - .scale .osd highlight, - .osd scale fill, - scale .osd fill, - .osd scale .highlight, - scale .osd .highlight, - .osd scale highlight, - scale .osd highlight { - border-color: rgba(0, 0, 0, 0.7); } - .osd GtkProgressBar .progressbar:disabled, GtkProgressBar .osd .progressbar:disabled, - .osd GtkProgressBar progress:disabled, - GtkProgressBar .osd progress:disabled, - .osd .progressbar .progressbar:disabled, - .progressbar .osd .progressbar:disabled, - .osd .progressbar progress:disabled, - .progressbar .osd progress:disabled, - .osd progressbar .progressbar:disabled, - progressbar .osd .progressbar:disabled, - .osd progressbar progress:disabled, - progressbar .osd progress:disabled, .osd .scale fill:disabled, .scale .osd fill:disabled, - .osd .scale .highlight:disabled, - .scale .osd .highlight:disabled, - .osd .scale highlight:disabled, - .scale .osd highlight:disabled, - .osd scale fill:disabled, - scale .osd fill:disabled, - .osd scale .highlight:disabled, - scale .osd .highlight:disabled, - .osd scale highlight:disabled, - scale .osd highlight:disabled { - border-color: transparent; } - -.scale, -scale { - -GtkScale-slider-length: 16px; - -GtkRange-slider-width: 16px; - -GtkRange-trough-border: 0px; - min-height: 10px; - min-width: 10px; - padding: 8px; } - .scale fill, - .scale highlight, - scale fill, - scale highlight { - margin: -1px; } - .scale .slider, - .scale slider, - scale .slider, - scale slider { - min-height: 16px; - min-width: 16px; - margin: 2px; - background-color: #636E73; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); - border: 1px solid rgba(0, 0, 0, 0.3); - border-radius: 12px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border, box-shadow; } - .scale .slider:active, - .scale slider:active, - scale .slider:active, - scale slider:active { - box-shadow: 0 1px 1px 0 rgba(102, 127, 140, 0.5); - border: 1px solid #667f8c; } - .scale .slider:active:insensitive, .scale .slider:active:disabled, - .scale slider:active:insensitive, - .scale slider:active:disabled, - scale .slider:active:insensitive, - scale .slider:active:disabled, - scale slider:active:insensitive, - scale slider:active:disabled { - box-shadow: none; - border: 1px solid rgba(0, 0, 0, 0.2); } - .scale .slider:insensitive, .scale .slider:disabled, - .scale slider:insensitive, - .scale slider:disabled, - scale .slider:insensitive, - scale .slider:disabled, - scale slider:insensitive, - scale slider:disabled { - box-shadow: none; } - .list-row:selected .scale .slider, .list-row:selected .scale .slider:disabled, .list-row:selected - .scale slider, .list-row:selected - .scale slider:disabled, .list-row:selected - scale .slider, .list-row:selected - scale .slider:disabled, .list-row:selected - scale slider, .list-row:selected - scale slider:disabled { - border-color: #262f33; } - row:selected .scale .slider, row:selected .scale .slider:disabled, row:selected - .scale slider, row:selected - .scale slider:disabled, row:selected - scale .slider, row:selected - scale .slider:disabled, row:selected - scale slider, row:selected - scale slider:disabled { - border-color: #262f33; } - .osd .scale .slider, .osd - .scale slider, .osd - scale .slider, .osd - scale slider { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); - border-color: rgba(0, 0, 0, 0.7); - background-color: #202526; } - .osd .scale .slider:hover, .osd - .scale slider:hover, .osd - scale .slider:hover, .osd - scale slider:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd .scale .slider:active, .osd - .scale slider:active, .osd - scale .slider:active, .osd - scale slider:active { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - .osd .scale .slider:disabled, .osd - .scale slider:disabled, .osd - scale .slider:disabled, .osd - scale slider:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd .scale .slider:backdrop, .osd - .scale slider:backdrop, .osd - scale .slider:backdrop, .osd - scale slider:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .scale trough, - .scale .trough, - scale trough, - scale .trough { - border-radius: 2px; - margin: 6px; - outline-offset: 2px; - -gtk-outline-radius: 5px; } - .scale.fine-tune.horizontal, - scale.fine-tune.horizontal { - padding-top: 9px; - padding-bottom: 9px; - min-height: 16px; } - .scale.fine-tune.vertical, - scale.fine-tune.vertical { - padding-left: 9px; - padding-right: 9px; - min-width: 16px; } - .scale.fine-tune .slider, - .scale.fine-tune slider, - scale.fine-tune .slider, - scale.fine-tune slider { - min-height: 16px; - min-width: 16px; - background-color: #636E73; - border-color: #636E73; - border: 1px solid rgba(0, 0, 0, 0.3); - border-radius: 12px; - box-shadow: none; } - .scale.fine-tune trough, - .scale.fine-tune .trough, - scale.fine-tune trough, - scale.fine-tune .trough { - border-radius: 6px; - outline-offset: 2px; - -gtk-outline-radius: 5px; - margin: 2px; } - .scale fill, - scale fill { - border-radius: 2px; } - .scale fill, .scale fill:backdrop, - scale fill, - scale fill:backdrop { - background-color: #33393b; - box-shadow: none; } - .scale fill:disabled, .scale fill:disabled:backdrop, - scale fill:disabled, - scale fill:disabled:backdrop { - border-color: transparent; - background-color: transparent; } - .osd .scale fill, .osd - scale fill { - background-color: rgba(62, 64, 65, 0.775); } - .osd .scale fill:disabled, .osd .scale fill:disabled:backdrop, .osd - scale fill:disabled, .osd - scale fill:disabled:backdrop { - border-color: transparent; - background-color: transparent; } - .scale value, - scale value { - color: alpha(currentColor,0.4); } - .scale marks, - scale marks { - color: alpha(currentColor,0.4); } - .scale marks.top, - scale marks.top { - margin-bottom: 6px; - margin-top: -12px; } - .scale marks.bottom, - scale marks.bottom { - margin-top: 6px; - margin-bottom: -12px; } - .scale marks.top, - scale marks.top { - margin-right: 6px; - margin-left: -12px; } - .scale marks.bottom, - scale marks.bottom { - margin-left: 6px; - margin-right: -12px; } - .scale.fine-tune marks.top, - scale.fine-tune marks.top { - margin-bottom: 6px; - margin-top: -9px; } - .scale.fine-tune marks.bottom, - scale.fine-tune marks.bottom { - margin-top: 6px; - margin-bottom: -9px; } - .scale.fine-tune marks.top, - scale.fine-tune marks.top { - margin-right: 6px; - margin-left: -9px; } - .scale.fine-tune marks.bottom, - scale.fine-tune marks.bottom { - margin-left: 6px; - margin-right: -9px; } - .scale.horizontal indicator, - scale.horizontal indicator { - min-height: 6px; - min-width: 1px; } - .scale.horizontal.fine-tune indicator, - scale.horizontal.fine-tune indicator { - min-height: 3px; } - .scale.vertical indicator, - scale.vertical indicator { - min-height: 1px; - min-width: 6px; } - .scale.vertical.fine-tune indicator, - scale.vertical.fine-tune indicator { - min-width: 3px; } - .scale.color.horizontal .slider:hover, .scale.color.horizontal .slider:backdrop, .scale.color.horizontal .slider:disabled, .scale.color.horizontal .slider:backdrop:disabled, .scale.color.horizontal .slider, - .scale.color.horizontal slider:hover, - .scale.color.horizontal slider:backdrop, - .scale.color.horizontal slider:disabled, - .scale.color.horizontal slider:backdrop:disabled, - .scale.color.horizontal slider, - .scale.horizontal scale.color.horizontal .slider, - scale.color.horizontal .scale.horizontal .slider, - .scale.horizontal scale.color.horizontal slider, - scale.color.horizontal .scale.horizontal slider, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider, - scale.horizontal .scale.color.horizontal .slider:backdrop:disabled, - .scale.color.horizontal scale.horizontal .slider:backdrop:disabled, - scale.horizontal .scale.color.horizontal .slider, - .scale.color.horizontal scale.horizontal .slider, - scale.horizontal .scale.color.horizontal slider:backdrop:disabled, - .scale.color.horizontal scale.horizontal slider:backdrop:disabled, - scale.horizontal .scale.color.horizontal slider, - .scale.color.horizontal scale.horizontal slider, - scale.color.horizontal .slider:hover, - scale.color.horizontal .slider:backdrop, - scale.color.horizontal .slider:disabled, - scale.color.horizontal .slider:backdrop:disabled, - scale.color.horizontal .slider, - scale.color.horizontal slider:hover, - scale.color.horizontal slider:backdrop, - scale.color.horizontal slider:disabled, - scale.color.horizontal slider:backdrop:disabled, - scale.color.horizontal slider, - scale.horizontal contents:last-child:not(:only-child) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.color.horizontal .slider:hover, .scale.color.horizontal .slider:hover:backdrop:disabled, - .scale.color.horizontal slider:hover, - .scale.color.horizontal slider:hover:backdrop:disabled, - .scale.horizontal scale.color.horizontal .slider:hover, - scale.color.horizontal .scale.horizontal .slider:hover, - .scale.horizontal scale.color.horizontal slider:hover, - scale.color.horizontal .scale.horizontal slider:hover, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover, - scale.horizontal .scale.color.horizontal .slider:hover, - .scale.color.horizontal scale.horizontal .slider:hover, - scale.horizontal .scale.color.horizontal slider:hover, - .scale.color.horizontal scale.horizontal slider:hover, - scale.color.horizontal .slider:hover, - scale.color.horizontal .slider:hover:backdrop:disabled, - scale.color.horizontal slider:hover, - scale.color.horizontal slider:hover:backdrop:disabled, - scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.color.horizontal .slider:active:backdrop:disabled, .scale.color.horizontal .slider:active, - .scale.color.horizontal slider:active:backdrop:disabled, - .scale.color.horizontal slider:active, - .scale.horizontal scale.color.horizontal .slider:active, - scale.color.horizontal .scale.horizontal .slider:active, - .scale.horizontal scale.color.horizontal slider:active, - scale.color.horizontal .scale.horizontal slider:active, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider:active, - scale.horizontal .scale.color.horizontal .slider:active, - .scale.color.horizontal scale.horizontal .slider:active, - scale.horizontal .scale.color.horizontal slider:active, - .scale.color.horizontal scale.horizontal slider:active, - scale.color.horizontal .slider:active:backdrop:disabled, - scale.color.horizontal .slider:active, - scale.color.horizontal slider:active:backdrop:disabled, - scale.color.horizontal slider:active, - scale.horizontal contents:last-child:not(:only-child) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.color.horizontal .slider:disabled, - .scale.color.horizontal slider:disabled, - .scale.horizontal scale.color.horizontal .slider:disabled, - scale.color.horizontal .scale.horizontal .slider:disabled, - .scale.horizontal scale.color.horizontal slider:disabled, - scale.color.horizontal .scale.horizontal slider:disabled, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled, - scale.horizontal .scale.color.horizontal .slider:disabled, - .scale.color.horizontal scale.horizontal .slider:disabled, - scale.horizontal .scale.color.horizontal slider:disabled, - .scale.color.horizontal scale.horizontal slider:disabled, - scale.color.horizontal .slider:disabled, - scale.color.horizontal slider:disabled, - scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.color.horizontal .slider:backdrop, - .scale.color.horizontal slider:backdrop, - .scale.horizontal scale.color.horizontal .slider:backdrop, - scale.color.horizontal .scale.horizontal .slider:backdrop, - .scale.horizontal scale.color.horizontal slider:backdrop, - scale.color.horizontal .scale.horizontal slider:backdrop, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop, - scale.horizontal .scale.color.horizontal .slider:backdrop, - .scale.color.horizontal scale.horizontal .slider:backdrop, - scale.horizontal .scale.color.horizontal slider:backdrop, - .scale.color.horizontal scale.horizontal slider:backdrop, - scale.color.horizontal .slider:backdrop, - scale.color.horizontal slider:backdrop, - scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.color.horizontal .slider:backdrop:disabled, - .scale.color.horizontal slider:backdrop:disabled, - .scale.horizontal scale.color.horizontal .slider:backdrop:disabled, - scale.color.horizontal .scale.horizontal .slider:backdrop:disabled, - .scale.horizontal scale.color.horizontal slider:backdrop:disabled, - scale.color.horizontal .scale.horizontal slider:backdrop:disabled, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop:disabled, - scale.horizontal .scale.color.horizontal .slider:backdrop:disabled, - .scale.color.horizontal scale.horizontal .slider:backdrop:disabled, - scale.horizontal .scale.color.horizontal slider:backdrop:disabled, - .scale.color.horizontal scale.horizontal slider:backdrop:disabled, - scale.color.horizontal .slider:backdrop:disabled, - scale.color.horizontal slider:backdrop:disabled, - scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider, - scale.horizontal contents:first-child:not(:only-child) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover, - scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider:active, - scale.horizontal contents:first-child:not(:only-child) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled, - scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop, - scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop:disabled, - scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.color.vertical:dir(rtl) .slider:hover, .scale.color.vertical:dir(rtl) .slider:backdrop, .scale.color.vertical:dir(rtl) .slider:disabled, .scale.color.vertical:dir(rtl) .slider:backdrop:disabled, .scale.color.vertical:dir(rtl) .slider, - .scale.color.vertical:dir(rtl) slider:hover, - .scale.color.vertical:dir(rtl) slider:backdrop, - .scale.color.vertical:dir(rtl) slider:disabled, - .scale.color.vertical:dir(rtl) slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) slider, - .scale.vertical scale.color.vertical:dir(rtl) .slider, - scale.color.vertical:dir(rtl) .scale.vertical .slider, - .scale.vertical scale.color.vertical:dir(rtl) slider, - scale.color.vertical:dir(rtl) .scale.vertical slider, - .scale.vertical contents:last-child:not(:only-child) > trough > slider, - scale.vertical .scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) scale.vertical .slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(rtl) .slider, - .scale.color.vertical:dir(rtl) scale.vertical .slider, - scale.vertical .scale.color.vertical:dir(rtl) slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) scale.vertical slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(rtl) slider, - .scale.color.vertical:dir(rtl) scale.vertical slider, - scale.color.vertical:dir(rtl) .slider:hover, - scale.color.vertical:dir(rtl) .slider:backdrop, - scale.color.vertical:dir(rtl) .slider:disabled, - scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - scale.color.vertical:dir(rtl) .slider, - scale.color.vertical:dir(rtl) slider:hover, - scale.color.vertical:dir(rtl) slider:backdrop, - scale.color.vertical:dir(rtl) slider:disabled, - scale.color.vertical:dir(rtl) slider:backdrop:disabled, - scale.color.vertical:dir(rtl) slider, - scale.vertical contents:last-child:not(:only-child) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(rtl) .slider:hover, .scale.color.vertical:dir(rtl) .slider:hover:backdrop:disabled, - .scale.color.vertical:dir(rtl) slider:hover, - .scale.color.vertical:dir(rtl) slider:hover:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(rtl) .slider:hover, - scale.color.vertical:dir(rtl) .scale.vertical .slider:hover, - .scale.vertical scale.color.vertical:dir(rtl) slider:hover, - scale.color.vertical:dir(rtl) .scale.vertical slider:hover, - .scale.vertical contents:last-child:not(:only-child) > trough > slider:hover, - scale.vertical .scale.color.vertical:dir(rtl) .slider:hover, - .scale.color.vertical:dir(rtl) scale.vertical .slider:hover, - scale.vertical .scale.color.vertical:dir(rtl) slider:hover, - .scale.color.vertical:dir(rtl) scale.vertical slider:hover, - scale.color.vertical:dir(rtl) .slider:hover, - scale.color.vertical:dir(rtl) .slider:hover:backdrop:disabled, - scale.color.vertical:dir(rtl) slider:hover, - scale.color.vertical:dir(rtl) slider:hover:backdrop:disabled, - scale.vertical contents:last-child:not(:only-child) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(rtl) .slider:active:backdrop:disabled, .scale.color.vertical:dir(rtl) .slider:active, - .scale.color.vertical:dir(rtl) slider:active:backdrop:disabled, - .scale.color.vertical:dir(rtl) slider:active, - .scale.vertical scale.color.vertical:dir(rtl) .slider:active, - scale.color.vertical:dir(rtl) .scale.vertical .slider:active, - .scale.vertical scale.color.vertical:dir(rtl) slider:active, - scale.color.vertical:dir(rtl) .scale.vertical slider:active, - .scale.vertical contents:last-child:not(:only-child) > trough > slider:active, - scale.vertical .scale.color.vertical:dir(rtl) .slider:active, - .scale.color.vertical:dir(rtl) scale.vertical .slider:active, - scale.vertical .scale.color.vertical:dir(rtl) slider:active, - .scale.color.vertical:dir(rtl) scale.vertical slider:active, - scale.color.vertical:dir(rtl) .slider:active:backdrop:disabled, - scale.color.vertical:dir(rtl) .slider:active, - scale.color.vertical:dir(rtl) slider:active:backdrop:disabled, - scale.color.vertical:dir(rtl) slider:active, - scale.vertical contents:last-child:not(:only-child) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(rtl) .slider:disabled, - .scale.color.vertical:dir(rtl) slider:disabled, - .scale.vertical scale.color.vertical:dir(rtl) .slider:disabled, - scale.color.vertical:dir(rtl) .scale.vertical .slider:disabled, - .scale.vertical scale.color.vertical:dir(rtl) slider:disabled, - scale.color.vertical:dir(rtl) .scale.vertical slider:disabled, - .scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled, - scale.vertical .scale.color.vertical:dir(rtl) .slider:disabled, - .scale.color.vertical:dir(rtl) scale.vertical .slider:disabled, - scale.vertical .scale.color.vertical:dir(rtl) slider:disabled, - .scale.color.vertical:dir(rtl) scale.vertical slider:disabled, - scale.color.vertical:dir(rtl) .slider:disabled, - scale.color.vertical:dir(rtl) slider:disabled, - scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(rtl) .slider:backdrop, - .scale.color.vertical:dir(rtl) slider:backdrop, - .scale.vertical scale.color.vertical:dir(rtl) .slider:backdrop, - scale.color.vertical:dir(rtl) .scale.vertical .slider:backdrop, - .scale.vertical scale.color.vertical:dir(rtl) slider:backdrop, - scale.color.vertical:dir(rtl) .scale.vertical slider:backdrop, - .scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop, - scale.vertical .scale.color.vertical:dir(rtl) .slider:backdrop, - .scale.color.vertical:dir(rtl) scale.vertical .slider:backdrop, - scale.vertical .scale.color.vertical:dir(rtl) slider:backdrop, - .scale.color.vertical:dir(rtl) scale.vertical slider:backdrop, - scale.color.vertical:dir(rtl) .slider:backdrop, - scale.color.vertical:dir(rtl) slider:backdrop, - scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) slider:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - scale.color.vertical:dir(rtl) .scale.vertical .slider:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(rtl) slider:backdrop:disabled, - scale.color.vertical:dir(rtl) .scale.vertical slider:backdrop:disabled, - .scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) scale.vertical .slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(rtl) slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) scale.vertical slider:backdrop:disabled, - scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - scale.color.vertical:dir(rtl) slider:backdrop:disabled, - scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(ltr) .slider:hover, .scale.color.vertical:dir(ltr) .slider:backdrop, .scale.color.vertical:dir(ltr) .slider:disabled, .scale.color.vertical:dir(ltr) .slider:backdrop:disabled, .scale.color.vertical:dir(ltr) .slider, - .scale.color.vertical:dir(ltr) slider:hover, - .scale.color.vertical:dir(ltr) slider:backdrop, - .scale.color.vertical:dir(ltr) slider:disabled, - .scale.color.vertical:dir(ltr) slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) slider, - .scale.vertical scale.color.vertical:dir(ltr) .slider, - scale.color.vertical:dir(ltr) .scale.vertical .slider, - .scale.vertical scale.color.vertical:dir(ltr) slider, - scale.color.vertical:dir(ltr) .scale.vertical slider, - .scale.vertical contents:first-child:not(:only-child) > trough > slider, - scale.vertical .scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) scale.vertical .slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(ltr) .slider, - .scale.color.vertical:dir(ltr) scale.vertical .slider, - scale.vertical .scale.color.vertical:dir(ltr) slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) scale.vertical slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(ltr) slider, - .scale.color.vertical:dir(ltr) scale.vertical slider, - scale.color.vertical:dir(ltr) .slider:hover, - scale.color.vertical:dir(ltr) .slider:backdrop, - scale.color.vertical:dir(ltr) .slider:disabled, - scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - scale.color.vertical:dir(ltr) .slider, - scale.color.vertical:dir(ltr) slider:hover, - scale.color.vertical:dir(ltr) slider:backdrop, - scale.color.vertical:dir(ltr) slider:disabled, - scale.color.vertical:dir(ltr) slider:backdrop:disabled, - scale.color.vertical:dir(ltr) slider, - scale.vertical contents:first-child:not(:only-child) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color.vertical:dir(ltr) .slider:hover, .scale.color.vertical:dir(ltr) .slider:hover:backdrop:disabled, - .scale.color.vertical:dir(ltr) slider:hover, - .scale.color.vertical:dir(ltr) slider:hover:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(ltr) .slider:hover, - scale.color.vertical:dir(ltr) .scale.vertical .slider:hover, - .scale.vertical scale.color.vertical:dir(ltr) slider:hover, - scale.color.vertical:dir(ltr) .scale.vertical slider:hover, - .scale.vertical contents:first-child:not(:only-child) > trough > slider:hover, - scale.vertical .scale.color.vertical:dir(ltr) .slider:hover, - .scale.color.vertical:dir(ltr) scale.vertical .slider:hover, - scale.vertical .scale.color.vertical:dir(ltr) slider:hover, - .scale.color.vertical:dir(ltr) scale.vertical slider:hover, - scale.color.vertical:dir(ltr) .slider:hover, - scale.color.vertical:dir(ltr) .slider:hover:backdrop:disabled, - scale.color.vertical:dir(ltr) slider:hover, - scale.color.vertical:dir(ltr) slider:hover:backdrop:disabled, - scale.vertical contents:first-child:not(:only-child) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color.vertical:dir(ltr) .slider:active:backdrop:disabled, .scale.color.vertical:dir(ltr) .slider:active, - .scale.color.vertical:dir(ltr) slider:active:backdrop:disabled, - .scale.color.vertical:dir(ltr) slider:active, - .scale.vertical scale.color.vertical:dir(ltr) .slider:active, - scale.color.vertical:dir(ltr) .scale.vertical .slider:active, - .scale.vertical scale.color.vertical:dir(ltr) slider:active, - scale.color.vertical:dir(ltr) .scale.vertical slider:active, - .scale.vertical contents:first-child:not(:only-child) > trough > slider:active, - scale.vertical .scale.color.vertical:dir(ltr) .slider:active, - .scale.color.vertical:dir(ltr) scale.vertical .slider:active, - scale.vertical .scale.color.vertical:dir(ltr) slider:active, - .scale.color.vertical:dir(ltr) scale.vertical slider:active, - scale.color.vertical:dir(ltr) .slider:active:backdrop:disabled, - scale.color.vertical:dir(ltr) .slider:active, - scale.color.vertical:dir(ltr) slider:active:backdrop:disabled, - scale.color.vertical:dir(ltr) slider:active, - scale.vertical contents:first-child:not(:only-child) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color.vertical:dir(ltr) .slider:disabled, - .scale.color.vertical:dir(ltr) slider:disabled, - .scale.vertical scale.color.vertical:dir(ltr) .slider:disabled, - scale.color.vertical:dir(ltr) .scale.vertical .slider:disabled, - .scale.vertical scale.color.vertical:dir(ltr) slider:disabled, - scale.color.vertical:dir(ltr) .scale.vertical slider:disabled, - .scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled, - scale.vertical .scale.color.vertical:dir(ltr) .slider:disabled, - .scale.color.vertical:dir(ltr) scale.vertical .slider:disabled, - scale.vertical .scale.color.vertical:dir(ltr) slider:disabled, - .scale.color.vertical:dir(ltr) scale.vertical slider:disabled, - scale.color.vertical:dir(ltr) .slider:disabled, - scale.color.vertical:dir(ltr) slider:disabled, - scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color.vertical:dir(ltr) .slider:backdrop, - .scale.color.vertical:dir(ltr) slider:backdrop, - .scale.vertical scale.color.vertical:dir(ltr) .slider:backdrop, - scale.color.vertical:dir(ltr) .scale.vertical .slider:backdrop, - .scale.vertical scale.color.vertical:dir(ltr) slider:backdrop, - scale.color.vertical:dir(ltr) .scale.vertical slider:backdrop, - .scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop, - scale.vertical .scale.color.vertical:dir(ltr) .slider:backdrop, - .scale.color.vertical:dir(ltr) scale.vertical .slider:backdrop, - scale.vertical .scale.color.vertical:dir(ltr) slider:backdrop, - .scale.color.vertical:dir(ltr) scale.vertical slider:backdrop, - scale.color.vertical:dir(ltr) .slider:backdrop, - scale.color.vertical:dir(ltr) slider:backdrop, - scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) slider:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - scale.color.vertical:dir(ltr) .scale.vertical .slider:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(ltr) slider:backdrop:disabled, - scale.color.vertical:dir(ltr) .scale.vertical slider:backdrop:disabled, - .scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) scale.vertical .slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(ltr) slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) scale.vertical slider:backdrop:disabled, - scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - scale.color.vertical:dir(ltr) slider:backdrop:disabled, - scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color, - scale.color { - min-height: 0; - min-width: 0; } - .scale.color .trough, - .scale.color trough, - scale.color .trough, - scale.color trough { - background-image: linear-gradient(to top, #33393b); - background-repeat: no-repeat; } - .scale.color.horizontal, - scale.color.horizontal { - padding: 0 0 15px 0; } - .scale.color.horizontal .trough, - .scale.color.horizontal trough, - scale.color.horizontal .trough, - scale.color.horizontal trough { - padding-bottom: 4px; - background-position: 0 -3px; - border-top-left-radius: 0; - border-top-right-radius: 0; } - .scale.color.horizontal .slider:hover, .scale.color.horizontal .slider:backdrop, .scale.color.horizontal .slider:disabled, .scale.color.horizontal .slider:backdrop:disabled, .scale.color.horizontal .slider, - .scale.color.horizontal slider:hover, - .scale.color.horizontal slider:backdrop, - .scale.color.horizontal slider:disabled, - .scale.color.horizontal slider:backdrop:disabled, - .scale.color.horizontal slider, - scale.color.horizontal .slider:hover, - scale.color.horizontal .slider:backdrop, - scale.color.horizontal .slider:disabled, - scale.color.horizontal .slider:backdrop:disabled, - scale.color.horizontal .slider, - scale.color.horizontal slider:hover, - scale.color.horizontal slider:backdrop, - scale.color.horizontal slider:disabled, - scale.color.horizontal slider:backdrop:disabled, - scale.color.horizontal slider { - margin-bottom: -15px; - margin-top: 6px; } - .scale.color.vertical:dir(ltr), - scale.color.vertical:dir(ltr) { - padding: 0 0 0 15px; } - .scale.color.vertical:dir(ltr) .trough, - .scale.color.vertical:dir(ltr) trough, - scale.color.vertical:dir(ltr) .trough, - scale.color.vertical:dir(ltr) trough { - padding-left: 4px; - background-position: 3px 0; - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - .scale.color.vertical:dir(ltr) .slider:hover, .scale.color.vertical:dir(ltr) .slider:backdrop, .scale.color.vertical:dir(ltr) .slider:disabled, .scale.color.vertical:dir(ltr) .slider:backdrop:disabled, .scale.color.vertical:dir(ltr) .slider, - .scale.color.vertical:dir(ltr) slider:hover, - .scale.color.vertical:dir(ltr) slider:backdrop, - .scale.color.vertical:dir(ltr) slider:disabled, - .scale.color.vertical:dir(ltr) slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) slider, - scale.color.vertical:dir(ltr) .slider:hover, - scale.color.vertical:dir(ltr) .slider:backdrop, - scale.color.vertical:dir(ltr) .slider:disabled, - scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - scale.color.vertical:dir(ltr) .slider, - scale.color.vertical:dir(ltr) slider:hover, - scale.color.vertical:dir(ltr) slider:backdrop, - scale.color.vertical:dir(ltr) slider:disabled, - scale.color.vertical:dir(ltr) slider:backdrop:disabled, - scale.color.vertical:dir(ltr) slider { - margin-left: -15px; - margin-right: 6px; } - .scale.color.vertical:dir(rtl), - scale.color.vertical:dir(rtl) { - padding: 0 15px 0 0; } - .scale.color.vertical:dir(rtl) .trough, - .scale.color.vertical:dir(rtl) trough, - scale.color.vertical:dir(rtl) .trough, - scale.color.vertical:dir(rtl) trough { - padding-right: 4px; - background-position: -3px 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .scale.color.vertical:dir(rtl) .slider:hover, .scale.color.vertical:dir(rtl) .slider:backdrop, .scale.color.vertical:dir(rtl) .slider:disabled, .scale.color.vertical:dir(rtl) .slider:backdrop:disabled, .scale.color.vertical:dir(rtl) .slider, - .scale.color.vertical:dir(rtl) slider:hover, - .scale.color.vertical:dir(rtl) slider:backdrop, - .scale.color.vertical:dir(rtl) slider:disabled, - .scale.color.vertical:dir(rtl) slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) slider, - scale.color.vertical:dir(rtl) .slider:hover, - scale.color.vertical:dir(rtl) .slider:backdrop, - scale.color.vertical:dir(rtl) .slider:disabled, - scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - scale.color.vertical:dir(rtl) .slider, - scale.color.vertical:dir(rtl) slider:hover, - scale.color.vertical:dir(rtl) slider:backdrop, - scale.color.vertical:dir(rtl) slider:disabled, - scale.color.vertical:dir(rtl) slider:backdrop:disabled, - scale.color.vertical:dir(rtl) slider { - margin-right: -15px; - margin-left: 6px; } - .scale.color.fine-tune.horizontal, - scale.color.fine-tune.horizontal { - padding: 0 0 12px 0; } - .scale.color.fine-tune.horizontal .trough, - .scale.color.fine-tune.horizontal trough, - scale.color.fine-tune.horizontal .trough, - scale.color.fine-tune.horizontal trough { - padding-bottom: 7px; - background-position: 0 -6px; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider { - margin-bottom: -15px; - margin-top: 6px; } - .scale.color.fine-tune.vertical:dir(ltr), - scale.color.fine-tune.vertical:dir(ltr) { - padding: 0 0 0 12px; } - .scale.color.fine-tune.vertical:dir(ltr) .trough, - .scale.color.fine-tune.vertical:dir(ltr) trough, - scale.color.fine-tune.vertical:dir(ltr) .trough, - scale.color.fine-tune.vertical:dir(ltr) trough { - padding-left: 7px; - background-position: 6px 0; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider { - margin-left: -15px; - margin-right: 6px; } - .scale.color.fine-tune.vertical:dir(rtl), - scale.color.fine-tune.vertical:dir(rtl) { - padding: 0 12px 0 0; } - .scale.color.fine-tune.vertical:dir(rtl) .trough, - .scale.color.fine-tune.vertical:dir(rtl) trough, - scale.color.fine-tune.vertical:dir(rtl) .trough, - scale.color.fine-tune.vertical:dir(rtl) trough { - padding-right: 7px; - background-position: -6px 0; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider { - margin-right: -15px; - margin-left: 6px; } - -/************** - * Scrollbars * - **************/ -.scrollbar, -scrollbar { - background-color: #596368; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - * { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; } - .scrollbar.top, - scrollbar.top { - border-bottom: 1px solid #33393b; } - .scrollbar.bottom, - scrollbar.bottom { - border-top: 1px solid #33393b; } - .scrollbar.left, - scrollbar.left { - border-right: 1px solid #33393b; } - .scrollbar.right, - scrollbar.right { - border-left: 1px solid #33393b; } - .scrollbar:backdrop, - scrollbar:backdrop { - background-color: #485054; - border-color: #363c3e; - transition: 200ms ease-out; } - .scrollbar .slider, - .scrollbar slider, - scrollbar .slider, - scrollbar slider { - min-width: 6px; - min-height: 6px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #80888b; } - .scrollbar .slider:hover, - .scrollbar slider:hover, - scrollbar .slider:hover, - scrollbar slider:hover { - background-color: #91989b; } - .scrollbar .slider:hover:active, - .scrollbar slider:hover:active, - scrollbar .slider:hover:active, - scrollbar slider:hover:active { - background-color: #8298a3; } - .scrollbar .slider:backdrop, - .scrollbar slider:backdrop, - scrollbar .slider:backdrop, - scrollbar slider:backdrop { - background-color: #5f686c; } - .scrollbar .slider:disabled, - .scrollbar slider:disabled, - scrollbar .slider:disabled, - scrollbar slider:disabled { - background-color: transparent; } - .scrollbar.fine-tune .slider, - .scrollbar.fine-tune slider, - scrollbar.fine-tune .slider, - scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; } - .scrollbar.fine-tune.horizontal slider, - scrollbar.fine-tune.horizontal slider { - border-width: 5px 4px; } - .scrollbar.fine-tune.vertical slider, - scrollbar.fine-tune.vertical slider { - border-width: 4px 5px; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering), - scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - border-color: transparent; - opacity: 0.4; - background-color: transparent; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 3px; - min-height: 3px; - background-color: #A1A8AB; - border: 1px solid black; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - min-width: 5px; - min-height: 5px; - background-color: #A1A8AB; - background-clip: padding-box; - border-radius: 100%; - border: 1px solid black; - -gtk-icon-source: none; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { - margin: 0 2px; - min-width: 40px; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - margin: 1px 2px; - min-width: 5px; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { - margin: 2px 0; - min-height: 40px; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - margin: 2px 1px; - min-height: 5px; } - .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering, - scrollbar.overlay-indicator.dragging, - scrollbar.overlay-indicator.hovering { - opacity: 0.8; } - .scrollbar.horizontal slider, - scrollbar.horizontal slider { - min-width: 40px; } - .scrollbar.vertical slider, - scrollbar.vertical slider { - min-height: 40px; } - .scrollbar .button, - .scrollbar button, - scrollbar .button, - scrollbar button { - padding: 0; - min-width: 12px; - min-height: 12px; - border-style: none; - border-radius: 0; - transition-property: min-height, min-width, color; - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #80888b; } - .scrollbar .button:hover, - .scrollbar button:hover, - scrollbar .button:hover, - scrollbar button:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #91989b; } - .scrollbar .button:active, .scrollbar .button:checked, - .scrollbar button:active, - .scrollbar button:checked, - scrollbar .button:active, - scrollbar .button:checked, - scrollbar button:active, - scrollbar button:checked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #8298a3; } - .scrollbar .button:insensitive, - .scrollbar button:insensitive, - scrollbar .button:insensitive, - scrollbar button:insensitive { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(128, 136, 139, 0.2); } - .scrollbar .button:disabled, - .scrollbar button:disabled, - scrollbar .button:disabled, - scrollbar button:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(128, 136, 139, 0.2); } - .scrollbar .button:backdrop, - .scrollbar button:backdrop, - scrollbar .button:backdrop, - scrollbar button:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #5f686c; } - .scrollbar .button:backdrop:insensitive, .scrollbar .button:backdrop:disabled, - .scrollbar button:backdrop:insensitive, - .scrollbar button:backdrop:disabled, - scrollbar .button:backdrop:insensitive, - scrollbar .button:backdrop:disabled, - scrollbar button:backdrop:insensitive, - scrollbar button:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(95, 104, 108, 0.2); } - .scrollbar.vertical .button.down, - .scrollbar.vertical button.down, - scrollbar.vertical .button.down, - scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .scrollbar.vertical .button.up, - .scrollbar.vertical button.up, - scrollbar.vertical .button.up, - scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - .scrollbar.horizontal .button.down, - .scrollbar.horizontal button.down, - scrollbar.horizontal .button.down, - scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } - .scrollbar.horizontal .button.up, - .scrollbar.horizontal button.up, - scrollbar.horizontal .button.up, - scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } - -treeview ~ scrollbar.vertical { - border-top: 1px solid #33393b; - margin-top: -1px; } - -/********************** - * Overlay Scrollbars * - *********************/ -OsThumb, -OsScrollbar { - color: #667f8c; } - OsThumb:active, OsThumb:selected, - OsScrollbar:active, - OsScrollbar:selected { - background-color: #667f8c; } - OsThumb:backdrop, OsThumb:active:backdrop, - OsScrollbar:backdrop, - OsScrollbar:active:backdrop { - background-color: #788084; } - OsThumb:insensitive, - OsScrollbar:insensitive { - background-color: #788084; } - -/*********** - * Sidebar * - ***********/ -.sidebar { - border-style: solid; - background-color: #4F585C; } - stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { - border-right: 1px solid #33393b; - border-left-style: none; } - stacksidebar.sidebar:dir(rtl) list - .sidebar:dir(rtl), stacksidebar.sidebar.right list - .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid #33393b; - border-right-style: none; } - .sidebar:backdrop { - background-color: #5a6569; - border-color: #363c3e; - transition: 200ms ease-out; } - .sidebar list { - background-color: transparent; } - .sidebar .frame { - border-width: 0; - border-right-width: 1px; } - .sidebar .list-row, - .sidebar row { - border: none; - padding: 5px 8px; } - .sidebar .list-row > GtkLabel, - .sidebar .list-row > label, - .sidebar row > GtkLabel, - .sidebar row > label { - padding-left: 6px; - padding-right: 6px; } - .sidebar .list-row.needs-attention > label, - .sidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; } - .sidebar .separator { - color: #33393b; } - .sidebar > .inline-toolbar { - border-radius: 0; } - .paned .sidebar.left, .paned .sidebar.right, .paned .sidebar.left:dir(rtl), .paned .sidebar:dir(rtl), .paned .sidebar:dir(ltr), .paned .sidebar, paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { - border-style: none; } - -stacksidebar .list-row, -stacksidebar row { - padding: 5px 8px; } - stacksidebar .list-row > label, - stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; } - stacksidebar .list-row.needs-attention > label, - stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; } - -/***************** - * GtkSpinButton * - *****************/ -.spinbutton:not(.vertical) .entry, -.spinbutton:not(.vertical) entry, -spinbutton:not(.vertical) .entry, -spinbutton:not(.vertical) entry { - min-width: 28px; - margin: 0; - padding: 0; - background: none; - background-color: transparent; - border: none; - border-radius: 0; - box-shadow: none; } -.spinbutton:not(.vertical) .button, -.spinbutton:not(.vertical) button, -spinbutton:not(.vertical) .button, -spinbutton:not(.vertical) button { - min-height: 16px; - margin: 0; - padding: 6px; - color: #9ba2a5; - background-image: none; - border-style: none none none solid; - border-color: rgba(51, 57, 59, 0.3); - border-radius: 0; - box-shadow: none; } - .spinbutton:not(.vertical) .button:dir(rtl), - .spinbutton:not(.vertical) button:dir(rtl), - spinbutton:not(.vertical) .button:dir(rtl), - spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - .spinbutton:not(.vertical) .button:hover, - .spinbutton:not(.vertical) button:hover, - spinbutton:not(.vertical) .button:hover, - spinbutton:not(.vertical) button:hover { - color: #A1A8AB; - background-color: rgba(161, 168, 171, 0.05); } - .spinbutton:not(.vertical) .button:insensitive, .spinbutton:not(.vertical) .button:disabled, - .spinbutton:not(.vertical) button:insensitive, - .spinbutton:not(.vertical) button:disabled, - spinbutton:not(.vertical) .button:insensitive, - spinbutton:not(.vertical) .button:disabled, - spinbutton:not(.vertical) button:insensitive, - spinbutton:not(.vertical) button:disabled { - color: rgba(120, 128, 132, 0.3); } - .spinbutton:not(.vertical) .button:active, - .spinbutton:not(.vertical) button:active, - spinbutton:not(.vertical) .button:active, - spinbutton:not(.vertical) button:active { - background-color: rgba(0, 0, 0, 0.1); - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } - .spinbutton:not(.vertical) .button:backdrop, - .spinbutton:not(.vertical) button:backdrop, - spinbutton:not(.vertical) .button:backdrop, - spinbutton:not(.vertical) button:backdrop { - color: #767f83; - background-color: transparent; - border-color: rgba(54, 60, 62, 0.3); - transition: 200ms ease-out; } - .spinbutton:not(.vertical) .button:backdrop:disabled, - .spinbutton:not(.vertical) button:backdrop:disabled, - spinbutton:not(.vertical) .button:backdrop:disabled, - spinbutton:not(.vertical) button:backdrop:disabled { - color: rgba(114, 127, 133, 0.3); - background-image: none; - border-style: none none none solid; } - .spinbutton:not(.vertical) .button:backdrop:disabled:dir(rtl), - .spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl), - spinbutton:not(.vertical) .button:backdrop:disabled:dir(rtl), - spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { - border-style: none solid none none; } -.osd .spinbutton:not(.vertical) button, .osd -spinbutton:not(.vertical) button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #A1A8AB; - border-style: none none none solid; - border-color: rgba(0, 0, 0, 0.4); - border-radius: 0; - box-shadow: none; } - .osd .spinbutton:not(.vertical) button:dir(rtl), .osd - spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - .osd .spinbutton:not(.vertical) button:hover, .osd - spinbutton:not(.vertical) button:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.5); - background-color: rgba(161, 168, 171, 0.1); - box-shadow: none; } - .osd .spinbutton:not(.vertical) button:backdrop, .osd - spinbutton:not(.vertical) button:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.5); - box-shadow: none; } - .osd .spinbutton:not(.vertical) button:disabled, .osd - spinbutton:not(.vertical) button:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #616769; - border-color: rgba(0, 0, 0, 0.5); - box-shadow: none; } - .osd .spinbutton:not(.vertical) button:last-child, .osd - spinbutton:not(.vertical) button:last-child { - border-radius: 0 3px 3px 0; } - .osd .spinbutton:not(.vertical) button:dir(rtl):first-child, .osd - spinbutton:not(.vertical) button:dir(rtl):first-child { - border-radius: 3px 0 0 3px; } -.spinbutton.vertical:insensitive, .spinbutton.vertical:disabled, -spinbutton.vertical:insensitive, -spinbutton.vertical:disabled { - color: #788084; } -.spinbutton.vertical:backdrop:disabled, -spinbutton.vertical:backdrop:disabled { - color: #727f85; } -.spinbutton.vertical:drop(active), -spinbutton.vertical:drop(active) { - border-color: transparent; - box-shadow: none; } -.spinbutton.vertical .entry, -.spinbutton.vertical entry, -spinbutton.vertical .entry, -spinbutton.vertical entry { - min-height: 24px; - min-width: 32px; - padding: 0; - border-radius: 0; } -.spinbutton.vertical .button, -.spinbutton.vertical button, -spinbutton.vertical .button, -spinbutton.vertical button { - min-height: 32px; - min-width: 32px; - padding: 0; - border: none; - background: none; - box-shadow: none; - color: #A1A8AB; } - .spinbutton.vertical .button:hover, - .spinbutton.vertical button:hover, - spinbutton.vertical .button:hover, - spinbutton.vertical button:hover { - background-color: #667f8c; - color: #ffffff; - -gtk-icon-shadow: none; } - .spinbutton.vertical .button:active, - .spinbutton.vertical button:active, - spinbutton.vertical .button:active, - spinbutton.vertical button:active { - background-color: transparent; - color: #A1A8AB; } -.spinbutton.vertical .button.up, -.spinbutton.vertical button.up, -spinbutton.vertical .spinbutton.vertical .button.up, -.spinbutton.vertical spinbutton.vertical .button.up, -spinbutton.vertical .spinbutton.vertical button.up, -.spinbutton.vertical spinbutton.vertical button.up, -spinbutton.vertical .button.up, -spinbutton.vertical button.up { - border-radius: 3px 3px 0 0; - border-style: solid solid none solid; } -.spinbutton.vertical .button.down, -.spinbutton.vertical button.down, -spinbutton.vertical .spinbutton.vertical .button.down, -.spinbutton.vertical spinbutton.vertical .button.down, -spinbutton.vertical .spinbutton.vertical button.down, -.spinbutton.vertical spinbutton.vertical button.down, -spinbutton.vertical .button.down, -spinbutton.vertical button.down { - border-radius: 0 0 3px 3px; - border-style: none solid solid solid; } -.osd .spinbutton.vertical button:first-child, .osd -spinbutton.vertical button:first-child { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd .spinbutton.vertical button:first-child:hover, .osd - spinbutton.vertical button:first-child:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd .spinbutton.vertical button:first-child:active, .osd - spinbutton.vertical button:first-child:active { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - .osd .spinbutton.vertical button:first-child:disabled, .osd - spinbutton.vertical button:first-child:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd .spinbutton.vertical button:first-child:backdrop, .osd - spinbutton.vertical button:first-child:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } -GtkTreeView .spinbutton:not(.vertical), treeview .spinbutton:not(.vertical), GtkTreeView -spinbutton:not(.vertical), treeview -spinbutton:not(.vertical) { - min-height: 0; - border-style: none; - border-radius: 0; } - GtkTreeView .spinbutton:not(.vertical) .entry, - GtkTreeView .spinbutton:not(.vertical) entry, treeview .spinbutton:not(.vertical) .entry, - treeview .spinbutton:not(.vertical) entry, GtkTreeView - spinbutton:not(.vertical) .entry, - GtkTreeView - spinbutton:not(.vertical) entry, treeview - spinbutton:not(.vertical) .entry, - treeview - spinbutton:not(.vertical) entry { - min-height: 0; - padding: 1px 2px; } - -/*********** - * Spinner * - ***********/ -.menu.spinner, -menu spinner, -.primary-toolbar .spinner { - color: #667f8c; } - -/********************* - * Spinner Animation * - *********************/ -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); } } -.spinner, -spinner { - background-image: none; - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } - .spinner:active, .spinner:checked, - spinner:active, - spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; } - .spinner:active:insensitive, .spinner:active:disabled, .spinner:checked:insensitive, .spinner:checked:disabled, - spinner:active:insensitive, - spinner:active:disabled, - spinner:checked:insensitive, - spinner:checked:disabled { - opacity: 0.5; } - -/********** - * Switch * - **********/ -GtkSwitch { - -GtkSwitch-slider-width: 16px; - -GtkSwitch-slider-height: 16px; } - -GtkSwitch, -switch { - font: 1; - font-weight: bold; - outline-offset: -4px; - transition: all 200ms ease-in; - border: none; - border-radius: 14px; - color: transparent; - padding: 2px; - background-color: rgba(0, 0, 0, 0.1); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(255, 255, 255, 0.1); } - GtkSwitch:insensitive, GtkSwitch:disabled, - switch:insensitive, - switch:disabled { - background-color: #576165; } - GtkSwitch:backdrop, - switch:backdrop { - background-color: #4F585C; - transition: 200ms ease-out; } - GtkSwitch:backdrop:insensitive, GtkSwitch:backdrop:disabled, - switch:backdrop:insensitive, - switch:backdrop:disabled { - background-color: #576165; } - GtkSwitch:active, GtkSwitch:checked, - switch:active, - switch:checked { - background-color: #667f8c; } - GtkSwitch:active:backdrop, GtkSwitch:checked:backdrop, - switch:active:backdrop, - switch:checked:backdrop { - background-color: #738c99; } - GtkSwitch:active:backdrop .slider:backdrop, - GtkSwitch:active:backdrop slider:backdrop, GtkSwitch:checked:backdrop .slider:backdrop, - GtkSwitch:checked:backdrop slider:backdrop, - switch:active:backdrop .slider:backdrop, - switch:active:backdrop slider:backdrop, - switch:checked:backdrop .slider:backdrop, - switch:checked:backdrop slider:backdrop { - box-shadow: none; - background-color: rgba(99, 110, 115, 0.9); - border: none; } - GtkSwitch .slider, - GtkSwitch slider, - switch .slider, - switch slider { - padding: 2px; - min-width: 16px; - min-height: 16px; - border-radius: 50%; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: #636E73; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); } - GtkSwitch .slider:backdrop, - GtkSwitch slider:backdrop, - switch .slider:backdrop, - switch slider:backdrop { - padding: 2px; - box-shadow: none; - background-color: #636E73; } - GtkSwitch trough:active, GtkSwitch trough:checked, - GtkSwitch .trough:active, - GtkSwitch .trough:checked, - switch trough:active, - switch trough:checked, - switch .trough:active, - switch .trough:checked { - background-color: #667f8c; } - GtkSwitch trough:active:backdrop, GtkSwitch trough:checked:backdrop, - GtkSwitch .trough:active:backdrop, - GtkSwitch .trough:checked:backdrop, - switch trough:active:backdrop, - switch trough:checked:backdrop, - switch .trough:active:backdrop, - switch .trough:checked:backdrop { - background-color: #738c99; } - -/************ - * Toolbars * - ************/ -.toolbar, -toolbar { - -GtkWidget-window-dragging: true; - padding: 0px; - background-color: #3B4245; - color: rgba(255, 255, 255, 0.8); } - .toolbar:backdrop, - toolbar:backdrop { - background-color: #2f3537; - color: rgba(255, 255, 255, 0.3); } - -.osd .toolbar, .osd -toolbar { - box-shadow: none; - background-color: transparent; } -.toolbar button, -.toolbar .button, -.toolbar .flat, -.toolbar .text-button, -.toolbar .image-button, -toolbar button, -toolbar .button, -toolbar .flat, -toolbar .text-button, -toolbar .image-button { - border: none; - background: none; - text-shadow: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.8); - border-radius: 0px; - padding: 10px; } - .toolbar button:focus, .toolbar button:active, - .toolbar .button:focus, - .toolbar .button:active, - .toolbar .flat:focus, - .toolbar .flat:active, - .toolbar .text-button:focus, - .toolbar .text-button:active, - .toolbar .image-button:focus, - .toolbar .image-button:active, - toolbar button:focus, - toolbar button:active, - toolbar .button:focus, - toolbar .button:active, - toolbar .flat:focus, - toolbar .flat:active, - toolbar .text-button:focus, - toolbar .text-button:active, - toolbar .image-button:focus, - toolbar .image-button:active { - color: rgba(255, 255, 255, 0.8); - text-shadow: none; - box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); - background-color: rgba(255, 255, 255, 0.1); } - .toolbar button:focus:backdrop, .toolbar button:active:backdrop, - .toolbar .button:focus:backdrop, - .toolbar .button:active:backdrop, - .toolbar .flat:focus:backdrop, - .toolbar .flat:active:backdrop, - .toolbar .text-button:focus:backdrop, - .toolbar .text-button:active:backdrop, - .toolbar .image-button:focus:backdrop, - .toolbar .image-button:active:backdrop, - toolbar button:focus:backdrop, - toolbar button:active:backdrop, - toolbar .button:focus:backdrop, - toolbar .button:active:backdrop, - toolbar .flat:focus:backdrop, - toolbar .flat:active:backdrop, - toolbar .text-button:focus:backdrop, - toolbar .text-button:active:backdrop, - toolbar .image-button:focus:backdrop, - toolbar .image-button:active:backdrop { - background-color: transparent; - color: rgba(255, 255, 255, 0.3); } - .toolbar button:hover, - .toolbar .button:hover, - .toolbar .flat:hover, - .toolbar .text-button:hover, - .toolbar .image-button:hover, - toolbar button:hover, - toolbar .button:hover, - toolbar .flat:hover, - toolbar .text-button:hover, - toolbar .image-button:hover { - background-color: rgba(255, 255, 255, 0.1); - text-shadow: none; - color: rgba(255, 255, 255, 0.8); - box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); } - .toolbar button:insensitive, - .toolbar .button:insensitive, - .toolbar .flat:insensitive, - .toolbar .text-button:insensitive, - .toolbar .image-button:insensitive, - toolbar button:insensitive, - toolbar .button:insensitive, - toolbar .flat:insensitive, - toolbar .text-button:insensitive, - toolbar .image-button:insensitive { - background: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.3); } - .toolbar button:backdrop, - .toolbar .button:backdrop, - .toolbar .flat:backdrop, - .toolbar .text-button:backdrop, - .toolbar .image-button:backdrop, - toolbar button:backdrop, - toolbar .button:backdrop, - toolbar .flat:backdrop, - toolbar .text-button:backdrop, - toolbar .image-button:backdrop { - background: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.3); } -.toolbar .separator, -toolbar .separator { - color: transparent; - background-color: transparent; } -.toolbar.osd, -toolbar.osd { - padding: 13px; - border: none; - border-radius: 5px; - background-color: rgba(32, 37, 38, 0.8); } - .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, - toolbar.osd.left, - toolbar.osd.right, - toolbar.osd.top, - toolbar.osd.bottom { - border-radius: 0; } -.toolbar.horizontal separator, -toolbar.horizontal separator { - margin: 0 7px 1px 6px; } -.toolbar.vertical separator, -toolbar.vertical separator { - margin: 6px 1px 7px 0; } - -/******************* - * Inline Toolbars * - *******************/ -searchbar, -.search-bar, .location-bar, -.inline-toolbar { - -GtkWidget-window-dragging: true; - background-color: #4a5357; - color: #A1A8AB; - border: 1px solid #33393b; - border-top-width: 0; - border-radius: 0 0 5px 5px; - box-shadow: inset 0 -1px 1px -2px rgba(0, 0, 0, 0.5); - padding: 0px; } - searchbar:backdrop, - .search-bar:backdrop, .location-bar:backdrop, - .inline-toolbar:backdrop { - background-color: #434b4e; } - searchbar button, - .search-bar button, .location-bar button, - searchbar .button, - .search-bar .button, - .location-bar .button, - searchbar .flat, - .search-bar .flat, - .location-bar .flat, - searchbar .text-button, - .search-bar .text-button, - .location-bar .text-button, - searchbar .image-button, - .search-bar .image-button, - .location-bar .image-button, - .inline-toolbar button, - .inline-toolbar .button, - .inline-toolbar .flat, - .inline-toolbar .text-button, - .inline-toolbar .image-button { - border: none; - background: none; - text-shadow: none; - box-shadow: none; - background-color: transparent; - color: #A1A8AB; - border-radius: 0px; - padding: 10px; } - searchbar button:focus, - .search-bar button:focus, .location-bar button:focus, searchbar button:active, - .search-bar button:active, .location-bar button:active, - searchbar .button:focus, - .search-bar .button:focus, - .location-bar .button:focus, - searchbar .button:active, - .search-bar .button:active, - .location-bar .button:active, - searchbar .flat:focus, - .search-bar .flat:focus, - .location-bar .flat:focus, - searchbar .flat:active, - .search-bar .flat:active, - .location-bar .flat:active, - searchbar .text-button:focus, - .search-bar .text-button:focus, - .location-bar .text-button:focus, - searchbar .text-button:active, - .search-bar .text-button:active, - .location-bar .text-button:active, - searchbar .image-button:focus, - .search-bar .image-button:focus, - .location-bar .image-button:focus, - searchbar .image-button:active, - .search-bar .image-button:active, - .location-bar .image-button:active, - .inline-toolbar button:focus, - .inline-toolbar button:active, - .inline-toolbar .button:focus, - .inline-toolbar .button:active, - .inline-toolbar .flat:focus, - .inline-toolbar .flat:active, - .inline-toolbar .text-button:focus, - .inline-toolbar .text-button:active, - .inline-toolbar .image-button:focus, - .inline-toolbar .image-button:active { - font: bold; - color: #A1A8AB; - text-shadow: none; - box-shadow: none; - background-color: rgba(0, 0, 0, 0.05); } - searchbar button:focus:backdrop, - .search-bar button:focus:backdrop, .location-bar button:focus:backdrop, searchbar button:active:backdrop, - .search-bar button:active:backdrop, .location-bar button:active:backdrop, - searchbar .button:focus:backdrop, - .search-bar .button:focus:backdrop, - .location-bar .button:focus:backdrop, - searchbar .button:active:backdrop, - .search-bar .button:active:backdrop, - .location-bar .button:active:backdrop, - searchbar .flat:focus:backdrop, - .search-bar .flat:focus:backdrop, - .location-bar .flat:focus:backdrop, - searchbar .flat:active:backdrop, - .search-bar .flat:active:backdrop, - .location-bar .flat:active:backdrop, - searchbar .text-button:focus:backdrop, - .search-bar .text-button:focus:backdrop, - .location-bar .text-button:focus:backdrop, - searchbar .text-button:active:backdrop, - .search-bar .text-button:active:backdrop, - .location-bar .text-button:active:backdrop, - searchbar .image-button:focus:backdrop, - .search-bar .image-button:focus:backdrop, - .location-bar .image-button:focus:backdrop, - searchbar .image-button:active:backdrop, - .search-bar .image-button:active:backdrop, - .location-bar .image-button:active:backdrop, - .inline-toolbar button:focus:backdrop, - .inline-toolbar button:active:backdrop, - .inline-toolbar .button:focus:backdrop, - .inline-toolbar .button:active:backdrop, - .inline-toolbar .flat:focus:backdrop, - .inline-toolbar .flat:active:backdrop, - .inline-toolbar .text-button:focus:backdrop, - .inline-toolbar .text-button:active:backdrop, - .inline-toolbar .image-button:focus:backdrop, - .inline-toolbar .image-button:active:backdrop { - border: none; - background-color: transparent; - color: #788084; } - searchbar button:hover, - .search-bar button:hover, .location-bar button:hover, - searchbar .button:hover, - .search-bar .button:hover, - .location-bar .button:hover, - searchbar .flat:hover, - .search-bar .flat:hover, - .location-bar .flat:hover, - searchbar .text-button:hover, - .search-bar .text-button:hover, - .location-bar .text-button:hover, - searchbar .image-button:hover, - .search-bar .image-button:hover, - .location-bar .image-button:hover, - .inline-toolbar button:hover, - .inline-toolbar .button:hover, - .inline-toolbar .flat:hover, - .inline-toolbar .text-button:hover, - .inline-toolbar .image-button:hover { - background-color: rgba(0, 0, 0, 0.05); - text-shadow: none; - color: #A1A8AB; - box-shadow: none; } - searchbar button:insensitive, - .search-bar button:insensitive, .location-bar button:insensitive, - searchbar .button:insensitive, - .search-bar .button:insensitive, - .location-bar .button:insensitive, - searchbar .flat:insensitive, - .search-bar .flat:insensitive, - .location-bar .flat:insensitive, - searchbar .text-button:insensitive, - .search-bar .text-button:insensitive, - .location-bar .text-button:insensitive, - searchbar .image-button:insensitive, - .search-bar .image-button:insensitive, - .location-bar .image-button:insensitive, - .inline-toolbar button:insensitive, - .inline-toolbar .button:insensitive, - .inline-toolbar .flat:insensitive, - .inline-toolbar .text-button:insensitive, - .inline-toolbar .image-button:insensitive { - background: none; - background-color: transparent; - color: rgba(161, 168, 171, 0.5); } - searchbar button:backdrop, - .search-bar button:backdrop, .location-bar button:backdrop, - searchbar .button:backdrop, - .search-bar .button:backdrop, - .location-bar .button:backdrop, - searchbar .flat:backdrop, - .search-bar .flat:backdrop, - .location-bar .flat:backdrop, - searchbar .text-button:backdrop, - .search-bar .text-button:backdrop, - .location-bar .text-button:backdrop, - searchbar .image-button:backdrop, - .search-bar .image-button:backdrop, - .location-bar .image-button:backdrop, - .inline-toolbar button:backdrop, - .inline-toolbar .button:backdrop, - .inline-toolbar .flat:backdrop, - .inline-toolbar .text-button:backdrop, - .inline-toolbar .image-button:backdrop { - border: none; - background: none; - background-color: transparent; - color: #788084; } - searchbar .entry, - .search-bar .entry, .location-bar .entry, - searchbar entry, - .search-bar entry, - .location-bar entry, - .inline-toolbar .entry, - .inline-toolbar entry { - background: none; - color: #A1A8AB; - border-radius: 0px; - border: none; - box-shadow: none; } - searchbar .entry.image, - .search-bar .entry.image, .location-bar .entry.image, - searchbar entry.image, - .search-bar entry.image, - .location-bar entry.image, - .inline-toolbar .entry.image, - .inline-toolbar entry.image { - color: #A1A8AB; } - searchbar .entry.image.left, - .search-bar .entry.image.left, .location-bar .entry.image.left, - searchbar entry.image.left, - .search-bar entry.image.left, - .location-bar entry.image.left, - .inline-toolbar .entry.image.left, - .inline-toolbar entry.image.left { - padding-right: 6px; } - searchbar .entry:backdrop, - .search-bar .entry:backdrop, .location-bar .entry:backdrop, - searchbar entry:backdrop, - .search-bar entry:backdrop, - .location-bar entry:backdrop, - .inline-toolbar .entry:backdrop, - .inline-toolbar entry:backdrop { - color: #788084; } - searchbar .entry:selected, - .search-bar .entry:selected, .location-bar .entry:selected, - searchbar entry:selected, - .search-bar entry:selected, - .location-bar entry:selected, - .inline-toolbar .entry:selected, - .inline-toolbar entry:selected { - color: #636E73; - background-color: #667f8c; } - -searchbar, -.search-bar, .location-bar { - border-style: solid; - border-color: #33393b; - background-color: #474f52; } - searchbar:backdrop, - .search-bar:backdrop, .location-bar:backdrop { - border-color: #363c3e; - background-color: #464e52; - box-shadow: none; - transition: 200ms ease-out; } - -searchbar, -.search-bar { - padding: 3px 0px; - border-width: 0; - border-radius: 0; } - -.location-bar { - border-width: 0 0 1px; - padding: 3px; } - -/************ - * Tooltips * - ************/ -tooltip, -.tooltip, -.overlay-bar { - margin: 4px; - border: none; - border-radius: 3px; - background-color: #636E73; - color: #A1A8AB; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } - tooltip.background, - .tooltip.background, - .overlay-bar.background { - background-color: #636E73; - border: none; } - tooltip decoration, - .tooltip decoration, - .overlay-bar decoration { - background-color: transparent; } - tooltip *, - .tooltip *, - .overlay-bar * { - padding: 2px; - background-color: transparent; - color: #A1A8AB; } - -/********************** - * Touch Copy & Paste * - *********************/ -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; } - cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); - padding-left: 10px; } - cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); - padding-right: 10px; } - cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } - cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); - padding-left: 10px; } - cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); - padding-right: 10px; } - cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } - cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); - padding-left: 10px; } - cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); - padding-right: 10px; } - cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); } - -.context-menu { - font: initial; } - -.button.circular, -button.circular { - border-radius: 20px; - -gtk-outline-radius: 20px; } - .button.circular label, - button.circular label { - padding: 0; } - -.keycap { - min-width: 20px; - min-height: 25px; - margin-top: 2px; - padding-bottom: 3px; - padding-left: 6px; - padding-right: 6px; - color: #A1A8AB; - background-color: #636E73; - border: 1px solid; - border-color: #33393b; - border-radius: 5px; - box-shadow: inset 0 -3px #464e51; - font-size: smaller; } - .keycap:backdrop { - background-color: #657176; - color: #788084; - transition: 200ms ease-out; } - -*:drop(active):focus, -*:drop(active) { - border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; - caret-color: #4e9a06; } - -stackswitcher button.text-button { - min-width: 100px; } - -stackswitcher button.circular, -stackswitcher button.text-button.circular { - min-width: 32px; - min-height: 32px; - padding: 0; } - -/************** - * Tree Views * - **************/ -GtkTreeView.view, -treeview.view { - -GtkTreeView-grid-line-width: 1; - -GtkTreeView-tree-line-width: 1; - -GtkTreeView-tree-line-pattern: ''; - -GtkTreeView-expander-size: 16; - border-left-color: #828b8f; - border-top-color: #4F585C; } - GtkTreeView.view:selected:focus, GtkTreeView.view:selected, - treeview.view:selected:focus, - treeview.view:selected { - border-radius: 0; } - GtkTreeView.view:selected:backdrop, GtkTreeView.view:selected, - treeview.view:selected:backdrop, - treeview.view:selected { - border-left-color: #b3bfc6; - border-top-color: rgba(161, 168, 171, 0.1); } - GtkTreeView.view:disabled, - treeview.view:disabled { - color: #788084; } - GtkTreeView.view:disabled:selected, - treeview.view:disabled:selected { - color: #a3b2ba; } - GtkTreeView.view:disabled:selected:backdrop, - treeview.view:disabled:selected:backdrop { - color: rgba(121, 143, 154, 0.85); } - GtkTreeView.view:disabled:backdrop, - treeview.view:disabled:backdrop { - color: #727f85; } - GtkTreeView.view.separator, - treeview.view.separator { - min-height: 2px; - color: #4F585C; } - GtkTreeView.view.separator:backdrop, - treeview.view.separator:backdrop { - color: rgba(79, 88, 92, 0.1); } - GtkTreeView.view:backdrop, - treeview.view:backdrop { - border-left-color: #646c70; - border-top: #4F585C; } - GtkTreeView.view:drop(active), - treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #262f33; } - GtkTreeView.view:drop(active).after, - treeview.view:drop(active).after { - border-top-style: none; } - GtkTreeView.view:drop(active).before, - treeview.view:drop(active).before { - border-bottom-style: none; } - GtkTreeView.view.expander, - treeview.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #8e979a; } - GtkTreeView.view.expander:dir(rtl), - treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - GtkTreeView.view.expander:hover, - treeview.view.expander:hover { - color: #A1A8AB; } - GtkTreeView.view.expander:selected, - treeview.view.expander:selected { - color: #d1d9dd; } - GtkTreeView.view.expander:selected:hover, - treeview.view.expander:selected:hover { - color: #ffffff; } - GtkTreeView.view.expander:selected:backdrop, - treeview.view.expander:selected:backdrop { - color: rgba(169, 183, 190, 0.65); } - GtkTreeView.view.expander:checked, - treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.expander:backdrop, - treeview.view.expander:backdrop { - color: #727c80; } - GtkTreeView.view.progressbar, - treeview.view.progressbar { - border: 1px solid #262f33; - border-radius: 4px; - background-color: #667f8c; - background-image: linear-gradient(to bottom, #667f8c, #51646e); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } - GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:selected, - treeview.view.progressbar:selected:focus, - treeview.view.progressbar:selected { - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-image: linear-gradient(to bottom, #636E73, #4b5458); } - GtkTreeView.view.progressbar:selected:focus:backdrop, GtkTreeView.view.progressbar:selected:backdrop, - treeview.view.progressbar:selected:focus:backdrop, - treeview.view.progressbar:selected:backdrop { - border-color: #657176; - background-color: #657176; } - GtkTreeView.view.progressbar:backdrop, - treeview.view.progressbar:backdrop { - border-color: #657176; - background-image: none; - box-shadow: none; } - GtkTreeView.view.trough, - treeview.view.trough { - background-color: rgba(161, 168, 171, 0.1); - border-radius: 4px; } - GtkTreeView.view.trough:selected:focus, GtkTreeView.view.trough:selected, - treeview.view.trough:selected:focus, - treeview.view.trough:selected { - background-color: #51646e; - border-radius: 4px; } - GtkTreeView.view column-header .button, - GtkTreeView.view column-header button, - GtkTreeView.view header .button, - GtkTreeView.view header button, - treeview.view column-header .button, - treeview.view column-header button, - treeview.view header .button, - treeview.view header button { - color: #828b8f; - background-color: #636E73; - font-weight: bold; - text-shadow: none; - box-shadow: none; } - GtkTreeView.view column-header .button:hover, - GtkTreeView.view column-header button:hover, - GtkTreeView.view header .button:hover, - GtkTreeView.view header button:hover, - treeview.view column-header .button:hover, - treeview.view column-header button:hover, - treeview.view header .button:hover, - treeview.view header button:hover { - color: #929a9d; - box-shadow: none; - transition: none; } - GtkTreeView.view column-header .button:active, - GtkTreeView.view column-header button:active, - GtkTreeView.view header .button:active, - GtkTreeView.view header button:active, - treeview.view column-header .button:active, - treeview.view column-header button:active, - treeview.view header .button:active, - treeview.view header button:active { - color: #A1A8AB; - transition: none; } - GtkTreeView.view column-header button:last-child:backdrop, GtkTreeView.view column-header button:last-child, - GtkTreeView.view header button:last-child:backdrop, - GtkTreeView.view header button:last-child, - treeview.view column-header button:last-child:backdrop, - treeview.view column-header button:last-child, - treeview.view header button:last-child:backdrop, - treeview.view header button:last-child { - border-right-style: none; } - GtkTreeView.view .button.dnd:active, GtkTreeView.view .button.dnd:selected, GtkTreeView.view .button.dnd:hover, GtkTreeView.view .button.dnd, - GtkTreeView.view button.dnd:active, - GtkTreeView.view button.dnd:selected, - GtkTreeView.view button.dnd:hover, - GtkTreeView.view button.dnd, - GtkTreeView.view column-header.button.dnd:active, - GtkTreeView.view column-header.button.dnd:selected, - GtkTreeView.view column-header.button.dnd:hover, - GtkTreeView.view column-header.button.dnd, - GtkTreeView.view header.button.dnd:active, - GtkTreeView.view header.button.dnd:selected, - GtkTreeView.view header.button.dnd:hover, - GtkTreeView.view header.button.dnd, - treeview.view .button.dnd:active, - treeview.view .button.dnd:selected, - treeview.view .button.dnd:hover, - treeview.view .button.dnd, - treeview.view button.dnd:active, - treeview.view button.dnd:selected, - treeview.view button.dnd:hover, - treeview.view button.dnd, - treeview.view column-header.button.dnd:active, - treeview.view column-header.button.dnd:selected, - treeview.view column-header.button.dnd:hover, - treeview.view column-header.button.dnd, - treeview.view header.button.dnd:active, - treeview.view header.button.dnd:selected, - treeview.view header.button.dnd:hover, - treeview.view header.button.dnd { - padding: 4px 6px; - transition: none; - background-image: none; - background-color: #667f8c; - color: #636E73; - border-radius: 0; - border-style: none; - box-shadow: inset 0 0 0 1px #636E73; - text-shadow: none; } - -GtkTreeView.view column-header .button, -GtkTreeView.view column-header button, -GtkTreeView.view header .button, -GtkTreeView.view header button, -treeview.view column-header .button, -treeview.view column-header button, -treeview.view header .button, -treeview.view header button, GtkTreeView.view column-header .button:hover, -GtkTreeView.view column-header button:hover, -GtkTreeView.view header .button:hover, -GtkTreeView.view header button:hover, -treeview.view column-header .button:hover, -treeview.view column-header button:hover, -treeview.view header .button:hover, -treeview.view header button:hover, GtkTreeView.view column-header .button:active, -GtkTreeView.view column-header button:active, -GtkTreeView.view header .button:active, -GtkTreeView.view header button:active, -treeview.view column-header .button:active, -treeview.view column-header button:active, -treeview.view header .button:active, -treeview.view header button:active { - padding: 4px 6px; - border-radius: 0; - background-image: none; - text-shadow: none; - border-style: none solid solid none; - border-color: #4F585C; } - GtkTreeView.view column-header .button:disabled, - GtkTreeView.view column-header button:disabled, - GtkTreeView.view header .button:disabled, - GtkTreeView.view header button:disabled, - treeview.view column-header .button:disabled, - treeview.view column-header button:disabled, - treeview.view header .button:disabled, - treeview.view header button:disabled { - border-color: #4F585C; - background-image: none; } - GtkTreeView.view column-header .button:backdrop, - GtkTreeView.view column-header button:backdrop, - GtkTreeView.view header .button:backdrop, - GtkTreeView.view header button:backdrop, - treeview.view column-header .button:backdrop, - treeview.view column-header button:backdrop, - treeview.view header .button:backdrop, - treeview.view header button:backdrop { - border-color: #4F585C; - border-style: none solid solid none; - color: #646c70; - background-image: none; - background-color: #657176; } - GtkTreeView.view column-header .button:backdrop:disabled, - GtkTreeView.view column-header button:backdrop:disabled, - GtkTreeView.view header .button:backdrop:disabled, - GtkTreeView.view header button:backdrop:disabled, - treeview.view column-header .button:backdrop:disabled, - treeview.view column-header button:backdrop:disabled, - treeview.view header .button:backdrop:disabled, - treeview.view header button:backdrop:disabled { - border-color: #4F585C; - background-image: none; } - -/********************** - * Window Decorations * - *********************/ -.window-frame, -decoration { - border-radius: 4px; - border-width: 0px; - box-shadow: 0 8px 9px 1px transparent, 0 8px 6px 1px rgba(0, 0, 0, 0.5); - margin: 10px; } - .window-frame:backdrop, - decoration:backdrop { - box-shadow: 0 3px 9px 1px transparent, 0 6px 6px 0 rgba(0, 0, 0, 0.3); - transition: 200ms ease-out; } - .fullscreen .window-frame, .tiled .window-frame, .fullscreen - decoration, .tiled - decoration { - border-radius: 0; } - .popup .window-frame, .popup - decoration { - box-shadow: none; } - .ssd .window-frame, .ssd - decoration { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } - .csd.popup .window-frame, .csd.popup - decoration { - border-radius: 0; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } - .tooltip.csd .window-frame, tooltip.csd .window-frame, .tooltip.csd - decoration, tooltip.csd - decoration { - border-radius: 5px; - box-shadow: none; } - GtkMessageDialog.csd .window-frame, messagedialog.csd .window-frame, GtkMessageDialog.csd - decoration, messagedialog.csd - decoration { - border-radius: 5px; - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.3); } - .solid-csd .window-frame, .solid-csd - decoration { - border-radius: 0; - margin: 4px; - background-color: #4F585C; - border: 0px solid #363c3e; - box-shadow: none; } - -.view:selected:focus, GtkIconView:selected:focus, -iconview:selected:focus, .view:selected, GtkIconView:selected, -iconview:selected, -GtkTextView text:selected:focus, -textview text:selected:focus, -GtkTextView text:selected, -textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, -textview text selection:focus, -textview text selection, GtkFlow flowboxchild:selected, -flowbox flowboxchild:selected, modelbutton.flat:selected, .popover.background .check:selected, -.popover.background checkbutton:selected, -.popover.background .radio:selected, -.popover.background radiobutton:selected, -popover.background .check:selected, -popover.background checkbutton:selected, -popover.background .radio:selected, -popover.background radiobutton:selected, -.menuitem.button.flat:selected, GtkCalendar:selected, -calendar:selected, -spinbutton:selected:focus:not(.vertical), .spinbutton:selected:not(.vertical), -spinbutton:selected:not(.vertical), -.entry:selected:focus, -.entry:selected, -entry:selected:focus, -entry:selected, -spinbutton:not(.vertical) selection:focus, .spinbutton:not(.vertical) selection, -spinbutton:not(.vertical) selection, -.entry selection:focus, -.entry selection, -entry selection:focus, -entry selection, row:selected, -.list-row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, -treeview.view:selected:focus, -treeview.view:selected { - background-color: #667f8c; } - .list-row:selected GtkLabel, row:selected GtkLabel, GtkLabel:selected, .list-row:selected - label, row:selected - label, - label:selected, .view:selected:focus, GtkIconView:selected:focus, - iconview:selected:focus, .view:selected, GtkIconView:selected, - iconview:selected, - GtkTextView text:selected:focus, - textview text:selected:focus, - GtkTextView text:selected, - textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, - textview text selection:focus, - textview text selection, GtkFlow flowboxchild:selected, - flowbox flowboxchild:selected, modelbutton.flat:selected, .popover.background .check:selected, - .popover.background checkbutton:selected, - .popover.background .radio:selected, - .popover.background radiobutton:selected, - popover.background .check:selected, - popover.background checkbutton:selected, - popover.background .radio:selected, - popover.background radiobutton:selected, - .menuitem.button.flat:selected, GtkCalendar:selected, - calendar:selected, - spinbutton:selected:focus:not(.vertical), .spinbutton:selected:not(.vertical), - spinbutton:selected:not(.vertical), - .entry:selected:focus, - .entry:selected, - entry:selected:focus, - entry:selected, - spinbutton:not(.vertical) selection:focus, .spinbutton:not(.vertical) selection, - spinbutton:not(.vertical) selection, - .entry selection:focus, - .entry selection, - entry selection:focus, - entry selection, row:selected, - .list-row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, - treeview.view:selected:focus, - treeview.view:selected { - color: #ffffff; } - .list-row:selected GtkLabel:disabled, row:selected GtkLabel:disabled, GtkLabel:disabled:selected, .list-row:selected - label:disabled, row:selected - label:disabled, - label:disabled:selected, GtkIconView:disabled:selected:focus, - iconview:disabled:selected:focus, .view:disabled:selected, GtkIconView:disabled:selected, - iconview:disabled:selected, - GtkTextView text:disabled:selected:focus, - textview text:disabled:selected:focus, - GtkTextView text:disabled:selected, - textview text:disabled:selected, GtkTextView text selection:disabled, - textview text selection:disabled, GtkFlow flowboxchild:disabled:selected, - flowbox flowboxchild:disabled:selected, GtkLabel:disabled selection, - label:disabled selection, modelbutton.flat:disabled:selected, .popover.background .check:disabled:selected, - .popover.background checkbutton:disabled:selected, - .popover.background .radio:disabled:selected, - .popover.background radiobutton:disabled:selected, - popover.background .check:disabled:selected, - popover.background checkbutton:disabled:selected, - popover.background .radio:disabled:selected, - popover.background radiobutton:disabled:selected, - .menuitem.button.flat:disabled:selected, GtkCalendar:disabled:selected, - calendar:disabled:selected, .spinbutton:disabled:selected:not(.vertical), - spinbutton:disabled:selected:not(.vertical), - .entry:disabled:selected, - entry:disabled:selected, .spinbutton:not(.vertical) selection:disabled, - spinbutton:not(.vertical) selection:disabled, - .entry selection:disabled, - entry selection:disabled, row:disabled:selected, - .list-row:disabled:selected { - color: #b3bfc6; } - .list-row:selected GtkLabel:backdrop, row:selected GtkLabel:backdrop, GtkLabel:backdrop:selected, .list-row:selected - label:backdrop, row:selected - label:backdrop, - label:backdrop:selected, GtkIconView:backdrop:selected:focus, - iconview:backdrop:selected:focus, .view:backdrop:selected, GtkIconView:backdrop:selected, - iconview:backdrop:selected, - GtkTextView text:backdrop:selected:focus, - textview text:backdrop:selected:focus, - GtkTextView text:backdrop:selected, - textview text:backdrop:selected, GtkTextView text selection:backdrop, - textview text selection:backdrop, GtkFlow flowboxchild:backdrop:selected, - flowbox flowboxchild:backdrop:selected, GtkLabel:backdrop selection, - label:backdrop selection, modelbutton.flat:backdrop:selected, .popover.background .check:backdrop:selected, - .popover.background checkbutton:backdrop:selected, - .popover.background .radio:backdrop:selected, - .popover.background radiobutton:backdrop:selected, - popover.background .check:backdrop:selected, - popover.background checkbutton:backdrop:selected, - popover.background .radio:backdrop:selected, - popover.background radiobutton:backdrop:selected, - .menuitem.button.flat:backdrop:selected, GtkCalendar:backdrop:selected, - calendar:backdrop:selected, .spinbutton:backdrop:selected:not(.vertical), - spinbutton:backdrop:selected:not(.vertical), - .entry:backdrop:selected, - entry:backdrop:selected, .spinbutton:not(.vertical) selection:backdrop, - spinbutton:not(.vertical) selection:backdrop, - .entry selection:backdrop, - entry selection:backdrop, row:backdrop:selected, - .list-row:backdrop:selected { - color: rgba(255, 255, 255, 0.5); } - .list-row:selected GtkLabel:backdrop:disabled, row:selected GtkLabel:backdrop:disabled, GtkLabel:backdrop:disabled:selected, .list-row:selected - label:backdrop:disabled, row:selected - label:backdrop:disabled, - label:backdrop:disabled:selected, .view:backdrop:disabled:selected, GtkIconView:backdrop:disabled:selected, - iconview:backdrop:disabled:selected, - GtkTextView text:backdrop:disabled:selected, - textview text:backdrop:disabled:selected, GtkTextView text selection:backdrop:disabled, - textview text selection:backdrop:disabled, GtkFlow flowboxchild:backdrop:disabled:selected, - flowbox flowboxchild:backdrop:disabled:selected, GtkLabel:disabled selection:backdrop, - label:disabled selection:backdrop, GtkLabel:backdrop selection:disabled, - label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, .popover.background .check:backdrop:disabled:selected, - .popover.background checkbutton:backdrop:disabled:selected, - .popover.background .radio:backdrop:disabled:selected, - .popover.background radiobutton:backdrop:disabled:selected, - popover.background .check:backdrop:disabled:selected, - popover.background checkbutton:backdrop:disabled:selected, - popover.background .radio:backdrop:disabled:selected, - popover.background radiobutton:backdrop:disabled:selected, - .menuitem.button.flat:backdrop:disabled:selected, GtkCalendar:backdrop:disabled:selected, - calendar:backdrop:disabled:selected, .spinbutton:backdrop:disabled:selected:not(.vertical), - spinbutton:backdrop:disabled:selected:not(.vertical), - .entry:backdrop:disabled:selected, - entry:backdrop:disabled:selected, .spinbutton:not(.vertical) selection:backdrop:disabled, - spinbutton:not(.vertical) selection:backdrop:disabled, - .entry selection:backdrop:disabled, - entry selection:backdrop:disabled, row:backdrop:disabled:selected, - .list-row:backdrop:disabled:selected { - color: rgba(121, 143, 154, 0.85); } - -.monospace { - font: Monospace; } - -/********************** - * DE-Specific Styles * - **********************/ -/********** -* Budgie * -**********/ -.budgie-panel { - background-color: rgba(0, 0, 0, 0.8); - transition: 100ms ease-in; - font: bold; - color: white; } - .budgie-panel .top { - border-bottom: 1px solid rgba(255, 255, 255, 0.2); } - .budgie-panel .bottom { - border-top: 1px solid rgba(255, 255, 255, 0.2); } - .budgie-panel .left { - border-right: 1px solid rgba(255, 255, 255, 0.2); } - .budgie-panel .right { - border-left: 1px solid rgba(255, 255, 255, 0.2); } - -.max-budgie-panel { - background-color: black; - transition: 100ms ease-in; - font: bold; - color: white; } - .max-budgie-panel .top { - border-bottom: 1px solid rgba(255, 255, 255, 0.2); } - .max-budgie-panel .bottom { - border-top: 1px solid rgba(255, 255, 255, 0.2); } - .max-budgie-panel .left { - border-right: 1px solid rgba(255, 255, 255, 0.2); } - .max-budgie-panel .right { - border-left: 1px solid rgba(255, 255, 255, 0.2); } - -/* Top launchers */ -/* Left hand side launchers */ -/* Right hand side launchers */ -.notification .priority.low { - background-color: #2095f2; } - -.notification .priority.high { - background-color: #feea3a; } - -.notification .priority.critical { - background-color: #f34235; } - -/*************** - * font-viewer * - ***************/ -SushiFontWidget { - padding: 6px 12px; } - -/********** - * Sudoku * - **********/ -SudokuView SudokuCellView { - border: inherit; - background-color: inherit; } - -SudokuView SudokuCellView:backdrop { - border: inherit; - background-color: inherit; } - -SudokuView { - border: none; } - -/***************** - * Character Map * - *****************/ -GucharmapChartable { - background-color: #636E73; } - -GucharmapChartable:active, -GucharmapChartable:focus, -GucharmapChartable:selected { - background-color: #667f8c; - color: #ffffff; } - -/******** - * Misc * - *******/ -ApDocView, -EogScrollView, -CheeseThumbView { - -EogScrollView-shadow-type: none; } - -/************ - * Terminal * - ************/ -TerminalScreen, -VteTerminal { - background-color: rgba(0, 43, 54, 0.9); - color: #839495; } - -TerminalWindow .titlebar, -TerminalWindow .header-bar { - background-color: #636E73; } - TerminalWindow .titlebar:backdrop, - TerminalWindow .header-bar:backdrop { - background-color: #4b5458; } - -/************ - * Nautilus * - ************/ -NautilusCanvasView { - border: none; } - NautilusCanvasView:active, NautilusCanvasView:focus, NautilusCanvasView:backdrop { - border: none; } - -.nautilus-circular-button { - border-radius: 20px; - outline-radius: 20px; } - -.disk-space-display { - border: 2px solid; } - .disk-space-display .unknown { - background-color: #888a85; - border-color: shade(#888a85, 0.8); } - .disk-space-display .used { - background-color: #9FB0B9; - border-color: shade(#9FB0B9, 0.8); } - .disk-space-display .free { - background-color: #D8D8D8; - border-color: shade(#D8D8D8, 0.8); } - -.nautilus-desktop { - color: #A1A8AB; } - .nautilus-desktop .nautilus-canvas-item { - border-radius: 5px; - color: #ffffff; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } - .nautilus-desktop .nautilus-canvas-item:active { - color: #A1A8AB; - text-shadow: none; } - .nautilus-desktop .nautilus-canvas-item:prelight { - color: #A1A8AB; - text-shadow: none; } - .nautilus-desktop .nautilus-canvas-item:selected { - color: #ffffff; - text-shadow: none; } - .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item GtkLabel.separator:selected, - .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, - .nautilus-desktop .nautilus-canvas-item .header-bar .subtitle:selected, - .header-bar .nautilus-desktop .nautilus-canvas-item .subtitle:selected, - .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, - headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { - color: #ffffff; } - .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list GtkLabel.separator:selected, - .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, - .nautilus-desktop .nautilus-list .header-bar .subtitle:selected, - .header-bar .nautilus-desktop .nautilus-list .subtitle:selected, - .nautilus-desktop .nautilus-list headerbar .subtitle:selected, - headerbar .nautilus-desktop .nautilus-list .subtitle:selected { - color: #ffffff; } - -/*********** - * Builder * - ***********/ -GbGreeterWindow .titlebar, -GbGreeterWindow .header-bar, -GbWorkbench .titlebar, -GbWorkbench .header-bar { - background-color: #CBBB2E; } - GbGreeterWindow .titlebar:backdrop, - GbGreeterWindow .header-bar:backdrop, - GbWorkbench .titlebar:backdrop, - GbWorkbench .header-bar:backdrop { - background-color: #a19525; } - -/************** - * Calculator * - **************/ -MathWindow { - background-color: #636E73; - border-radius: 0 0 4px 4px; } - MathWindow .titlebar, - MathWindow .header-bar, - MathWindow .toolbar { - background-color: #07ce8e; } - MathWindow .titlebar:backdrop, - MathWindow .header-bar:backdrop, - MathWindow .toolbar:backdrop { - background-color: #059d6c; } - MathWindow MathButtons GtkComboBox, - MathWindow MathButtons .button { - background-color: transparent; - background-image: none; - box-shadow: none; - border: none; - text-shadow: none; - color: #07ce8e; - font: bold; } - MathWindow MathButtons GtkComboBox:hover, - MathWindow MathButtons .button:hover { - background-image: none; - background-color: #636E73; - color: #07ce8e; } - MathWindow MathButtons GtkComboBox:backdrop, - MathWindow MathButtons .button:backdrop { - color: #059d6c; } - MathWindow MathButtons GtkComboBox.text-button.suggested-action, - MathWindow MathButtons .button.text-button.suggested-action { - background-image: none; - box-shadow: none; - text-shadow: none; - background-color: #07ce8e; - color: #636E73; } - MathWindow MathButtons GtkComboBox.text-button.suggested-action:backdrop, - MathWindow MathButtons .button.text-button.suggested-action:backdrop { - background-color: #059d6c; - color: rgba(99, 110, 115, 0.5); } - MathWindow MathDisplay { - padding: 4px; - background-color: #636E73; - border: 1px solid #33393b; } - -/************ - * Calendar * - ************/ -GcalWindow .titlebar, -GcalWindow .header-bar { - background-color: #75A3F6; } - GcalWindow .titlebar:backdrop, - GcalWindow .header-bar:backdrop { - background-color: #4583f3; } - -/********** - * Cheese * - **********/ -CheeseWindow .titlebar, -CheeseWindow .header-bar, -CheeseWindow .toolbar { - background-color: #ad7fa8; } - CheeseWindow .titlebar:backdrop, - CheeseWindow .header-bar:backdrop, - CheeseWindow .toolbar:backdrop { - background-color: #986192; } - -/************ - * Contacts * - ************/ -ContactsWindow .titlebar, -ContactsWindow .header-bar { - background-color: #2095F2; } - ContactsWindow .titlebar:backdrop, - ContactsWindow .header-bar:backdrop { - background-color: #0c7bd3; } - -/********** - * Clocks * - **********/ -ClocksWindow .titlebar, -ClocksWindow .header-bar { - background-color: #4BAE4F; } - ClocksWindow .titlebar:backdrop, - ClocksWindow .header-bar:backdrop { - background-color: #3c8a3f; } - -/********* - * Disks * - *********/ -GduWindow .titlebar, -GduWindow .header-bar { - background-color: #8561C5; } - GduWindow .titlebar:backdrop, - GduWindow .header-bar:backdrop { - background-color: #6a41b2; } - -/************** - * Disk Usage * - **************/ -BaobabWindow .titlebar, -BaobabWindow .header-bar { - background-color: #CC5E55; } - BaobabWindow .titlebar:backdrop, - BaobabWindow .header-bar:backdrop { - background-color: #b74137; } - -/************* - * Documents * - *************/ -#Documents .titlebar, -#Documents .header-bar { - background-color: #C2352A; } - #Documents .titlebar:backdrop, - #Documents .header-bar:backdrop { - background-color: #982a21; } - -/************ - * Epiphany * - ************/ -EphyWindow .titlebar, -EphyWindow .header-bar { - background-color: #6573C3; } - EphyWindow .titlebar:backdrop, - EphyWindow .header-bar:backdrop { - background-color: #4555b0; } - EphyWindow .titlebar .incognito-mode, - EphyWindow .header-bar .incognito-mode { - background-color: #3e4c9e; } - EphyWindow .titlebar .incognito-mode .button, - EphyWindow .header-bar .incognito-mode .button { - background-image: none; } - EphyWindow .titlebar .incognito-mode:backdrop, - EphyWindow .header-bar .incognito-mode:backdrop { - background-color: #2f3a79; } - -/********* - * Gedit * - *********/ -GeditWindow .titlebar, -GeditWindow .header-bar, -GeditWindow .gedit-headerbar-paned { - background-color: #DC4836; } - GeditWindow .titlebar:backdrop, - GeditWindow .header-bar:backdrop, - GeditWindow .gedit-headerbar-paned:backdrop { - background-color: #be3221; } - -/************** - * Log Viewer * - **************/ -GlWindow .titlebar, -GlWindow .header-bar, -GlWindow .toolbar, -LogviewWindow .titlebar, -LogviewWindow .header-bar, -LogviewWindow .toolbar { - background-color: #009587; } - GlWindow .titlebar:backdrop, - GlWindow .header-bar:backdrop, - GlWindow .toolbar:backdrop, - LogviewWindow .titlebar:backdrop, - LogviewWindow .header-bar:backdrop, - LogviewWindow .toolbar:backdrop { - background-color: #006259; } - -/********* - * Music * - *********/ -gnomemusic + window + Window .titlebar, -gnomemusic + window + Window .header-bar { - background-color: #fe9700; } - gnomemusic + window + Window .titlebar:backdrop, - gnomemusic + window + Window .header-bar:backdrop { - background-color: #cb7900; } - -/***************** - * Notes/Bijiben * - *****************/ -BjbMainToolbar .titlebar, -BjbMainToolbar .header-bar, -BjbWindowBase .titlebar, -BjbWindowBase .header-bar { - background-color: #ebdd4d; } - BjbMainToolbar .titlebar:backdrop, - BjbMainToolbar .header-bar:backdrop, - BjbWindowBase .titlebar:backdrop, - BjbWindowBase .header-bar:backdrop { - background-color: #e6d41f; } - -/********** - * Photos * - **********/ -PhotosMainWindow .titlebar, -PhotosMainWindow .header-bar { - background-color: #D30101; } - PhotosMainWindow .titlebar:backdrop, - PhotosMainWindow .header-bar:backdrop { - background-color: #a00101; } - -/********** - * Polari * - **********/ -.titlebar.polari-titlebar-left, .titlebar.polari-titlebar-right, -.header-bar.polari-titlebar-left, -.header-bar.polari-titlebar-right { - background-color: #4BAE4F; } - .titlebar.polari-titlebar-left:backdrop, .titlebar.polari-titlebar-right:backdrop, - .header-bar.polari-titlebar-left:backdrop, - .header-bar.polari-titlebar-right:backdrop { - background-color: #3c8a3f; } - -/******************* - * System Settings * - ******************/ -CcWindow .titlebar, -CcWindow .header-bar { - background-color: #5F7C8A; } - CcWindow .titlebar:backdrop, - CcWindow .header-bar:backdrop { - background-color: #4a616c; } - -CcShellNavBar { - padding: 0px; } - -/************ - * Software * - ************/ -#window_software .titlebar, -#window_software .header-bar { - background-color: #1A77C2; } - #window_software .titlebar:backdrop, - #window_software .header-bar:backdrop { - background-color: #145b95; } - -/****************** - * System Monitor * - ******************/ -#gnome-system-monitor .titlebar, -#gnome-system-monitor .header-bar { - background-color: #6fbe72; } - #gnome-system-monitor .titlebar:backdrop, - #gnome-system-monitor .header-bar:backdrop { - background-color: #4eac51; } - -/******** - * Yelp * - ********/ -YelpWindow .titlebar, -YelpWindow .header-bar { - background-color: #435ece; } - YelpWindow .titlebar:backdrop, - YelpWindow .header-bar:backdrop { - background-color: #2e47b0; } - -/******** - * Gala * - *******/ -.gala-notification { - border-width: 0; - border-radius: 2px; - color: white; - border: 1px solid #636E73; - background-color: #636E73; } - .gala-notification .title, - .gala-notification .label { - color: #A1A8AB; } - -.gala-button { - padding: 3px; - color: #636E73; - border: none; - border-radius: 50%; - background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } - -/********** - * Notify * - *********/ -.notify { - /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ - border-radius: 5px; - border: 1px solid rgba(0, 0, 0, 0.7); - background-color: rgba(99, 110, 115, 0.05); } - -/*************** - * SwitchBoard * - ***************/ -.category-label { - font-weight: bold; - color: #A1A8AB; } - -/************* - * Slingshot * - ************/ -.button.app { - border: none; - border-radius: 0; - box-shadow: none; - background-image: none; } - .button.app .app:hover { - border-radius: 8px; - border: none; - background-color: rgba(102, 127, 140, 0.3); - color: white; } - .button.app .app:focus { - /*background-color: transparentize(black, 0.20);*/ } - -.search-item { - border-radius: 0; - border: none; - color: #A1A8AB; - background: none; } - .search-item:hover, .search-item:focus { - border-radius: 0; - background-color: rgba(102, 127, 140, 0.3); - color: #ffffff; } - -.search-entry-large, -.search-entry-large:focus { - border: none; - font: 18; - font-weight: 300; - background-image: none; - background: none; - box-shadow: none; - border-radius: 0; } - -.search-category-header { - font-weight: bold; - color: #A1A8AB; } - -/********* - * Panel * - ********/ -.panel { - background-color: transparent; - transition: all 100ms ease-in-out; } - .panel .maximized { - background-color: #000; } - .panel .translucent { - background-color: rgba(0, 0, 0, 0.5); } - .panel .color-light .composited-indicator > revealer label, - .panel .color-light .composited-indicator > revealer image, - .panel .color-light .composited-indicator > GtkRevealer { - color: rgba(0, 0, 0, 0.35); - text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); - icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); } - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > GtkRevealer { - color: #636E73; - font-weight: bold; - text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); - icon-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); } - -/************* - * AppCenter * - *************/ -AppCenterMainWindow .titlebar, -AppCenterMainWindow .header-bar { - background-color: #378BE6; } - AppCenterMainWindow .titlebar:backdrop, - AppCenterMainWindow .header-bar:backdrop { - background-color: #1a71d0; } - -/************** - * Calculator * - **************/ -PantheonCalculatorMainWindow { - border-radius: 0 0 4px 4px; } - PantheonCalculatorMainWindow .titlebar, - PantheonCalculatorMainWindow .header-bar { - background-color: #07ce8e; } - PantheonCalculatorMainWindow .titlebar:backdrop, - PantheonCalculatorMainWindow .header-bar:backdrop { - background-color: #059d6c; } - PantheonCalculatorMainWindow .window-frame { - border-radius: 3px; } - -/******** - * Maya * - ********/ -MayaViewMayaToolbar.titlebar, MayaViewMayaToolbar.header-bar { - background-color: #8CD33F; } - MayaViewMayaToolbar.titlebar:backdrop, MayaViewMayaToolbar.header-bar:backdrop { - background-color: #72b52a; } - -/********* - * Cards * - *********/ -.deck { - background-color: #3c4346; } - -.card { - background-color: #636E73; - border: none; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); - transition: all 150ms ease-in-out; } - -.card.collapsed { - background-color: #576165; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } - -/********* - * Noise * - *********/ -NoiseLibraryWindow { - border-radius: 0 0 4px 4px; } - NoiseLibraryWindow .titlebar, - NoiseLibraryWindow .header-bar { - background-color: #EE6020; } - NoiseLibraryWindow .titlebar:backdrop, - NoiseLibraryWindow .header-bar:backdrop { - background-color: #cb4a10; } - NoiseLibraryWindow .action-bar { - border-radius: 0 0 4px 4px; } - NoiseLibraryWindow .window-frame { - border-radius: 3px; } - -/*********** - * Scratch * - ***********/ -ScratchMainWindow .titlebar, -ScratchMainWindow .header-bar { - background-color: #e74c3c; } - ScratchMainWindow .titlebar:backdrop, - ScratchMainWindow .header-bar:backdrop { - background-color: #d62c1a; } - -/******** - * Snap * - ********/ -SnapMainWindow .titlebar, -SnapMainWindow .header-bar, -SnapSnapWindow .titlebar, -SnapSnapWindow .header-bar { - background-color: #6d266a; } - SnapMainWindow .titlebar:backdrop, - SnapMainWindow .header-bar:backdrop, - SnapSnapWindow .titlebar:backdrop, - SnapSnapWindow .header-bar:backdrop { - background-color: #471945; } -SnapMainWindow .take-button, -SnapSnapWindow .take-button { - border-radius: 0; } - -/******************* - * Photos/Shotwell * - *******************/ -DirectWindow .titlebar, -DirectWindow .header-bar, -LibraryWindow .titlebar, -LibraryWindow .header-bar { - background-color: #5544B5; } - DirectWindow .titlebar:backdrop, - DirectWindow .header-bar:backdrop, - LibraryWindow .titlebar:backdrop, - LibraryWindow .header-bar:backdrop { - background-color: #443690; } -DirectWindow .the-button-in-the-combobox, -LibraryWindow .the-button-in-the-combobox { - background: none; } - -.checkerboard-layout { - background-color: #4F585C; - background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); - background-size: 24px 24px; - background-position: 0 0, 12px 12px; } - -.checkboard-layout .item { - background-color: #A1A8AB; } - -/******** -* Unity * -*********/ -/* Unity window border color */ -/* Backdrop Unity window border color */ -/* Unity window text color */ -/* Backdrop Unity window text color */ -/* Unity panel color #454D50 */ -/* Backdrop Unity panel color */ -UnityDecoration { - /* Border properties (top, right, bottom, left) */ - -UnityDecoration-extents: 28px 1px 1px 1px; - /* the size of the decorations */ - -UnityDecoration-input-extents: 10px; - /* the extra size of the input areas */ - /* Shadows settings */ - -UnityDecoration-shadow-offset-x: 1px; - /* Size property, the shadow x offset */ - -UnityDecoration-shadow-offset-y: 1px; - /* Size property, the shadow y offset */ - -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647; - /* Color property, active window shadow color */ - -UnityDecoration-active-shadow-radius: 8px; - /* Size property, active window shadow radius */ - -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647; - /* Color property, inactive windows shadow color */ - -UnityDecoration-inactive-shadow-radius: 5px; - /* Size property, inactive windows shadow radius */ - /* Glow applied to the selected scaled window */ - -UnityDecoration-glow-size: 8px; - /* Size property, size of glow */ - -UnityDecoration-glow-color: #667f8c; - /* Color property of the glow */ - /* Title settings */ - -UnityDecoration-title-indent: 10px; - /* Size property, left indent of the title */ - -UnityDecoration-title-fade: 35px; - /* Size property, space of the title that can be faded */ - -UnityDecoration-title-alignment: 0.0; - /* Float from 0.0 to 1.0, to align the title */ - background-color: #636E73; - color: #dbdee0; } - UnityDecoration .top { - padding: 0 5px 0 5px; - border-radius: 4px 4px 0px 0px; - box-shadow: none; - border: 1px solid #636E73; - border-bottom-width: 0; - background-color: #636E73; - color: #dbdee0; - border-top: 1px solid rgba(255, 255, 255, 0.1); } - UnityDecoration .top:backdrop { - border-bottom-width: 0; - background-color: #4b5458; - color: #c0c5c8; - border-top: 1px solid rgba(255, 255, 255, 0.1); } - UnityDecoration .top .menuitem { - color: #dbdee0; } - UnityDecoration .top .menuitem:backdrop { - background-color: #4b5458; - color: #c0c5c8; } - -UnityDecoration.left, -UnityDecoration.right { - background-repeat: repeat-x; - background-color: #626c71; - background-size: 1px 120px; - background-clip: border-box; - background-image: linear-gradient(to bottom, #636E73, #626c71); - background-image: -gtk-gradient linear, left top, left bottom, color-stop 0, #636E73, color-stop 0.5, #636E73, color-stop 1, #626c71; } - -UnityDecoration.bottom { - background-size: 1px; - background-repeat: repeat-x; - background-color: #626c71; } - -UnityDecoration.left:backdrop, -UnityDecoration.right:backdrop, -UnityDecoration.bottom:backdrop { - background-size: 1px; - background-repeat: repeat-x; - background-color: #4b5458; } - -/************** -* Unity Panel * -***************/ -UnityPanelWidget, -.unity-panel { - background-color: #343a3c; - color: #dbdee0; } - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - background-color: #1c1f21; - color: #c0c5c8; } - -.unity-panel.menuitem, -.unity-panel .menuitem { - border-width: 0 1px; - color: #dbdee0; } - -.unity-panel.menubar, -.unity-panel .menubar { - color: #dbdee0; } - -.unity-panel.menu.menubar, -.unity-panel .menu .menubar { - background-color: #343a3c; - color: #dbdee0; } - -.unity-panel.menubar:backdrop, -.unity-panel .menubar *:backdrop { - color: #788084; } - -.unity-panel.menubar.menuitem, -.unity-panel.menubar .menuitem { - padding: 3px 5px; - border-width: 1px; - border-style: solid; - border: none; - background: none; - color: #dbdee0; - box-shadow: none; } - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem:hover { - border-radius: 0; - background-color: #616b70; - color: #dbdee0; - box-shadow: none; } - -.unity-panel.menubar .menuitem *:hover { - color: white; - box-shadow: none; } - -.unity-panel.menubar .menuitem.separator, -.unity-panel.menubar.menuitem.separator { - -GtkMenuItem-horizontal-padding: 0; - -GtkWidget-separator-height: 1; - border: none; - color: #33393b; } - -/* Force Quit */ -SheetStyleDialog.unity-force-quit { - background-color: #636E73; } - -@keyframes playbackmenuitem_spinner { - to { - -gtk-icon-transform: rotate(1turn); } } -.menu IdoPlaybackMenuItem.menuitem:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: playbackmenuitem_spinner 1s infinite linear; - color: #667f8c; } - -/*********************** - * App-Specific Styles * - ***********************/ -/******************* - * Archive Manager * - *******************/ -FrWindow .titlebar, -FrWindow .header-bar, -FrWindow .toolbar { - background-color: #A88A67; } - FrWindow .titlebar:backdrop, - FrWindow .header-bar:backdrop, - FrWindow .toolbar:backdrop { - background-color: #8c7050; } - -/********* - * Birdie * - *********/ -BirdieWidgetsUnifiedWindow .titlebar, -BirdieWidgetsUnifiedWindow .header-bar { - background-image: none; - background-color: #3998E7; } - BirdieWidgetsUnifiedWindow .titlebar:backdrop, - BirdieWidgetsUnifiedWindow .header-bar:backdrop { - background-image: none; - background-color: #1a7fd3; } -BirdieWidgetsUnifiedWindow .menu-button { - padding: 0px; - padding-left: 6px; - padding-right: 6px; } - -BirdieWidgetsTweetList * { - background-image: none; - background: none; } - -BirdieWidgetsUserbox { - background-color: rgba(57, 152, 231, 0.2); } - -BirdieWidgetsNotebook .header { - background-color: #636E73; } -BirdieWidgetsNotebook tab:active { - box-shadow: inset 0 -3px 0 0 #3998E7; } - -/********* - * Geary * - *********/ -.geary-titlebar-left, -.geary-titlebar-right { - background-color: #F2B035; } - .geary-titlebar-left:backdrop, - .geary-titlebar-right:backdrop { - background-color: #e59a0f; } - .geary-titlebar-left .separator, - .geary-titlebar-right .separator { - opacity: 0; } - -ConversationListView { - -GtkWidget-focus-line-width: 1px; - -GtkTreeView-grid-line-width: 0; } - ConversationListView .view:active, ConversationListView GtkIconView:active, - ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView GtkIconView:selected, - ConversationListView iconview:selected { - background-color: #667f8c; - color: #ffffff; } - ConversationListView .view:active:backdrop, ConversationListView GtkIconView:active:backdrop, - ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView GtkIconView:selected:backdrop, - ConversationListView iconview:selected:backdrop { - background-color: #738c99; - color: rgba(255, 255, 255, 0.5); } - ConversationListView .view .cell, ConversationListView GtkIconView .cell, - ConversationListView iconview .cell { - border: solid rgba(0, 0, 0, 0.2); - border-width: 0 0 1px 0; } - ConversationListView .view .cell:selected, ConversationListView GtkIconView .cell:selected, - ConversationListView iconview .cell:selected { - color: #ffffff; - border: 0px solid #51646e; } - -/*********** - * LightDm * - ***********/ -#panel_window { - background-color: #23282a; - color: rgba(255, 255, 255, 0.8); - font: bold; - box-shadow: inset 0 -1px #131516; } - #panel_window .menubar, - #panel_window .menubar > .menuitem - menubar, - #panel_window menubar > menuitem { - background-color: transparent; - color: rgba(255, 255, 255, 0.8); - font: bold; } - #panel_window .menubar .menuitem:insensitive, - #panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 0.3); } - #panel_window .menubar .menuitem:insensitive GtkLabel, - #panel_window menubar menuitem:disabled GtkLabel { - color: inherit; } - #panel_window .menubar .menuitem:insensitive label, - #panel_window menubar menuitem:disabled label { - color: inherit; } - #panel_window .menubar .menu > .menuitem, - #panel_window menubar menu > menuitem { - font: normal; } - -#login_window, -#shutdown_dialog, -#restart_dialog { - font: normal; - border-style: none; - background-color: transparent; - color: #A1A8AB; } - -#content_frame { - padding-bottom: 14px; - background-color: #4F585C; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; } - -#content_frame button { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); - border-color: #33393b; - background-image: linear-gradient(to bottom, #4F585C, #434b4e); - text-shadow: 0 1px rgba(0, 0, 0, 0.73176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } - #content_frame button:hover { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); - border-color: #33393b; - background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); - text-shadow: 0 1px rgba(0, 0, 0, 0.68376); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } - #content_frame button:active, #content_frame button:checked { - color: #A1A8AB; - outline-color: rgba(161, 168, 171, 0.3); - border-color: #33393b; - background-image: linear-gradient(to bottom, #3f4649, #4a5357); - text-shadow: 0 1px rgba(0, 0, 0, 0.81176); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } - #content_frame button:disabled { - border-color: #33393b; - background-image: none; - background-color: #576165; - text-shadow: none; - box-shadow: none; - -gtk-icon-shadow: none; } - #content_frame button:disabled GtkLabel, #content_frame button:disabled { - color: #788084; } - #content_frame button:disabled label, #content_frame button:disabled { - color: #788084; } - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #3B4245; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; } - -#buttonbox_frame button { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - #buttonbox_frame button:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - #buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - #buttonbox_frame button:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - -#login_window #user_combobox { - color: #A1A8AB; - font: 13px; } - #login_window #user_combobox .menu, - #login_window #user_combobox menu { - font: normal; } - -#user_image { - padding: 3px; - border-radius: 2px; } - -#greeter_infobar { - border-bottom-width: 0; - font: bold; } - -/********** - * Midori * - **********/ -MidoriBrowser .titlebar, -MidoriBrowser .header-bar, -MidoriBrowser .toolbar { - background-color: #7FC843; } - MidoriBrowser .titlebar:backdrop, - MidoriBrowser .header-bar:backdrop, - MidoriBrowser .toolbar:backdrop { - background-color: #66a731; } - -/********* - * Vocal * - *********/ -.titlebar.vocal-headerbar, -.header-bar.vocal-headerbar { - background-color: #9C69C6; } - .titlebar.vocal-headerbar:backdrop, - .header-bar.vocal-headerbar:backdrop { - background-color: #8345b7; } +/* Import Assets CSS */ +@import url("gtk-widgets-assets-dark.css"); \ No newline at end of file diff --git a/Paper/gtk-3.0/gtk-widgets-assets-dark.css b/Paper/gtk-3.0/gtk-widgets-assets-dark.css new file mode 100644 index 0000000..995f2cb --- /dev/null +++ b/Paper/gtk-3.0/gtk-widgets-assets-dark.css @@ -0,0 +1,1162 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/*************** + * Check Boxes * + ***************/ + + /* Unchecked */ +.check, +.check row:selected, +.check row:selected:focus { + background: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"),url("assets/checkbox-unchecked-dark@2.png")); +} + + /* Unchecked Hover */ +.check:hover, +.check row:selected:hover, +.check row:selected:focus:hover { + background: -gtk-scaled(url("assets/checkbox-unchecked-hover-dark.png"),url("assets/checkbox-unchecked-hover-dark@2.png")); +} + +/* Unchecked Insensitive */ +.check:insensitive, +.check row:selected:insensitive, +.check row:selected:focus:insensitive { + background: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"),url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +/* Unchecked Insensitive Unfocused */ +.check:insensitive:backdrop, +.check row:selected:insensitive:backdrop, +.check row:selected:focus:insensitive:backdrop { + background: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"),url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +/* Unchecked Unfocused */ +.check:backdrop, +.check row:selected:backdrop, +.check row:selected:focus:backdrop { + background: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-dark.png"),url("assets/checkbox-unchecked-backdrop-dark@2.png")); +} + +/* Checked */ +.check:active, +.check row:selected:active, +.check row:selected:focus:active { + background: -gtk-scaled(url("assets/checkbox-checked-dark.png"),url("assets/checkbox-checked-dark@2.png")); +} + + /* Checked Hover */ +.check:active:hover, +.check row:selected:active:hover, +.check row:selected:focus:active:hover { + background: -gtk-scaled(url("assets/checkbox-checked-hover-dark.png"),url("assets/checkbox-checked-hover-dark@2.png")); +} + +/* Checked Insensitive */ +.check:active:insensitive, +.check row:selected:active:insensitive, +.check row:selected:focus:active:insensitive { + background: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"),url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +/* Checked Insensitive Unfocused */ +.check:active:insensitive:backdrop, +.check row:selected:active:insensitive:backdrop, +.check row:selected:focus:active:insensitive:backdrop { + background: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"),url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +/* Checked Unfocused */ +.check:active:backdrop, +.check row:selected:active:backdrop, +.check row:selected:focus:active:backdrop { + background: -gtk-scaled(url("assets/checkbox-checked-backdrop-dark.png"),url("assets/checkbox-checked-backdrop-dark@2.png")); +} + +/* Mixed*/ +.check:inconsistent, +.check row:selected:inconsistent, +.check row:selected:focus:inconsistent { + background: -gtk-scaled(url("assets/checkbox-mixed-dark.png"),url("assets/checkbox-mixed-dark@2.png")); +} + +/* Mixed Hover */ +.check:inconsistent:hover, +.check row:selected:inconsistent:hover, +.check row:selected:focus:inconsistent:hover { + background: -gtk-scaled(url("assets/checkbox-mixed-hover-dark.png"),url("assets/checkbox-mixed-hover-dark@2.png")); +} + +/* Mixed Insensitive Unfocused */ +.check:inconsistent:insensitive:backdrop, +.check row:selected:inconsistent:insensitive:backdrop, +.check row:selected:focus:inconsistent:insensitive:backdrop { + background: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"),url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +/* Mixed Insensitive */ +.check:inconsistent:insensitive, +.check row:selected:inconsistent:insensitive, +.check row:selected:focus:inconsistent:insensitive { + background: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"),url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +/* Mixed Unfocused */ +.check:inconsistent:backdrop, +.check row:selected:inconsistent:backdrop, +.check row:selected:focus:inconsistent:backdrop { + background: -gtk-scaled(url("assets/checkbox-mixed-backdrop-dark.png"),url("assets/checkbox-mixed-backdrop-dark@2.png")); +} + +/***************** + * Radio Buttons * + *****************/ + + /* Unchecked Insensitive */ +.radio, +.radio row:selected, +.radio row:selected:focus { + background: -gtk-scaled(url("assets/radio-unchecked-dark.png"),url("assets/radio-unchecked-dark@2.png")); +} + +/* Unchecked Hover */ +.radio:hover, +.radio row:selected:hover, +.radio row:selected:focus:hover { + background: -gtk-scaled(url("assets/radio-unchecked-hover-dark.png"),url("assets/radio-unchecked-hover-dark@2.png")); +} + +/* Unchecked Insensitive */ +.radio:insensitive, +.radio row:selected:insensitive, +.radio row:selected:focus:insensitive { + background: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"),url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +/* Unchecked Unfocused */ +.radio:backdrop, +.radio row:selected:backdrop, +.radio row:selected:focus:backdrop { + background: -gtk-scaled(url("assets/radio-unchecked-backdrop-dark.png"),url("assets/radio-unchecked-backdrop-dark@2.png")); +} + +/* Checked */ +.radio:active, +.radio row:selected:active, +.radio row:selected:focus:active { + background: -gtk-scaled(url("assets/radio-checked-dark.png"),url("assets/radio-checked-dark@2.png")); +} + +/* Checked Hover */ +.radio:active:hover, +.radio row:selected:active:hover, +.radio row:selected:focus:active:hover { + background: -gtk-scaled(url("assets/radio-checked-hover-dark.png"),url("assets/radio-checked-hover-dark@2.png")); +} + +/* Checked Insensitive */ +.radio:active:insensitive, +.radio row:selected:active:insensitive, +.radio row:selected:focus:active:insensitive { + background: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"),url("assets/radio-checked-insensitive-dark@2.png")); +} + +/* Checked Unfocused */ +.radio:active:backdrop, +.radio row:selected:active:backdrop, +.radio row:selected:focus:active:backdrop { + background: -gtk-scaled(url("assets/radio-checked-backdrop-dark.png"),url("assets/radio-checked-backdrop-dark@2.png")); +} + +/* Mixed*/ +.radio:inconsistent, +.radio row:selected:inconsistent, +.radio row:selected:focus:inconsistent { + background: -gtk-scaled(url("assets/radio-mixed-dark.png"),url("assets/radio-mixed-dark@2.png")); +} + +/* Mixed Hover */ +.radio:inconsistent:hover, +.radio row:selected:inconsistent:hover, +.radio row:selected:focus:inconsistent:hover { + background: -gtk-scaled(url("assets/radio-mixed-hover-dark.png"),url("assets/radio-mixed-hover-dark@2.png")); +} + +/* Mixed Insensitive Unfocused */ +.radio:inconsistent:insensitive:backdrop, +.radio row:selected:inconsistent:insensitive:backdrop, +.radio row:selected:focus:inconsistent:insensitive:backdrop { + background: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"),url("assets/radio-mixed-insensitive-dark@2.png")); +} + +/* Mixed Insensitive */ +.radio:inconsistent:insensitive, +.radio row:selected:inconsistent:insensitive, +.radio row:selected:focus:inconsistent:insensitive { + background: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"),url("assets/radio-mixed-insensitive-dark@2.png")); +} + +/* Mixed Unfocused */ +.radio:inconsistent:backdrop, +.radio row:selected:inconsistent:backdrop, +.radio row:selected:focus:inconsistent:backdrop { + background: -gtk-scaled(url("assets/radio-mixed-backdrop-dark.png"),url("assets/radio-mixed-backdrop-dark@2.png")); +} + +/************** + * Menu items * + **************/ + +.menuitem.check:active { + background: -gtk-scaled(url("assets/menuitem-checkbox-checked-dark.png"),url("assets/menuitem-checkbox-checked-dark@2.png")); +} + +.menuitem.check:active:hover { + background: -gtk-scaled(url("assets/menuitem-checkbox-checked-hover-dark.png"),url("assets/menuitem-checkbox-checked-hover-dark@2.png")); +} + +.menuitem.check:active:insensitive { + background: -gtk-scaled(url("assets/menuitem-checkbox-checked-insensitive-dark.png"),url("assets/menuitem-checkbox-checked-insensitive-dark@2.png")); +} + +.menuitem.check:inconsistent:hover, +.menuitem.radio:inconsistent:hover { + background: -gtk-scaled(url("assets/menuitem-checkbox-mixed-hover-dark.png"),url("assets/menuitem-checkbox-mixed-hover-dark@2.png")); +} + +.menuitem.check:inconsistent, +.menuitem.radio:inconsistent { + background: -gtk-scaled(url("assets/menuitem-checkbox-mixed-dark.png"),url("assets/menuitem-checkbox-mixed-dark@2.png")); +} + +.menuitem.check:inconsistent:insensitive, +.menuitem.radio:inconsistent:insensitive { + background: -gtk-scaled(url("assets/menuitem-checkbox-mixed-insensitive-dark.png"),url("assets/menuitem-checkbox-mixed-insensitive-dark@2.png")); +} + +.menuitem.radio:active { + background: -gtk-scaled(url("assets/menuitem-radio-checked-dark.png"),url("assets/menuitem-radio-checked-dark@2.png")); +} + +.menuitem.radio:active:hover { + background: -gtk-scaled(url("assets/menuitem-radio-checked-hover-dark.png"),url("assets/menuitem-radio-checked-hover-dark@2.png")); +} + +.menuitem.radio:active:insensitive { + background: -gtk-scaled(url("assets/menuitem-radio-checked-insensitive-dark.png"),url("assets/menuitem-radio-checked-insensitive-dark@2.png")); +} + +/*************** + * Resize grip * + ***************/ + +.grip { + background-color: transparent; + background: url("assets/scalable/resize-grip.svg"); +} + + +/************* + * GtkSwitch * + *************/ + +GtkSwitch.trough { + background: -gtk-scaled(url("assets/scalable/switch-off.svg"),url("assets/scalable/switch-off@2.svg")); + background-repeat: no-repeat; + background-position: 0 center; +} + +GtkSwitch.trough:active { + background: -gtk-scaled(url("assets/scalable/switch-on-dark.svg"),url("assets/scalable/switch-on@2.svg")); + background-repeat: no-repeat; + background-position: 0 center; +} + +GtkSwitch.trough:insensitive { + background: -gtk-scaled(url("assets/scalable/switch-off-disabled.svg"),url("assets/scalable/switch-off-disabled@2.svg")); + background-repeat: no-repeat; + background-position: 0 center; +} + +GtkSwitch.trough:active:insensitive { + background: -gtk-scaled(url("assets/scalable/switch-on-disabled.svg"),url("assets/scalable/switch-on-disabled@2.svg")); + background-repeat: no-repeat; + background-position: 0 center; +} + +GtkSwitch.slider { + background: -gtk-scaled(url("assets/scalable/switch-slider-dark.svg"),url("assets/scalable/switch-slider-dark@2.svg")); + background-repeat: no-repeat; + background-position: 0 center; +} + +GtkSwitch.slider:focus { + background: -gtk-scaled(url("assets/scalable/switch-slider.svg"),url("assets/scalable/switch-slider@2.svg")); + background-repeat: no-repeat; + background-position: 0 center; +} + +GtkSwitch.slider:insensitive { + background: -gtk-scaled(url("assets/scalable/switch-slider-insensitive-dark.svg"),url("assets/scalable/switch-slider-insensitive-dark@2.svg")); + background-repeat: no-repeat; + background-position: 0 center; +} + +/********************* + * GtkScale's slider * + *********************/ +.scale.slider, +.scale.slider.horizontal { + background: -gtk-scaled(url("assets/scale-slider-horz-dark.png"),url("assets/scale-slider-horz-dark@2.png")); +} + +.scale.slider:hover, +.scale.slider.horizontal:hover { + background: -gtk-scaled(url("assets/scale-slider-horz-hover-dark.png"),url("assets/scale-slider-horz-hover-dark@2.png")); +} + +.scale.slider:active, +.scale.slider:active:hover, +.scale.slider.horizontal:active, +.scale.slider.horizontal:active:hover { + background: -gtk-scaled(url("assets/scale-slider-horz-active-dark.png"),url("assets/scale-slider-horz-active-dark@2.png")); +} + +.scale.slider:backdrop, +.scale.slider:backdrop:hover, +.scale.slider.horizontal:backdrop, +.scale.slider.horizontal:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-horz-backdrop-dark.png"),url("assets/scale-slider-horz-backdrop-dark@2.png")); +} + +.scale.slider:insensitive, +.scale.slider:insensitive:hover, +.scale.slider.horizontal:insensitive, +.scale.slider.horizontal:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-horz-insensitive-dark.png"),url("assets/scale-slider-horz-insensitive-dark@2.png")); +} + +.scale.slider:insensitive:backdrop, +.scale.slider:insensitive:backdrop:hover, +.scale.slider.horizontal:insensitive:backdrop, +.scale.slider.horizontal:insensitive:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-horz-backdrop-insensitive-dark.png"),url("assets/scale-slider-horz-backdrop-insensitive-dark@2.png")); +} + + +.scale.slider.vertical { + background: -gtk-scaled(url("assets/scale-slider-vert-dark.png"),url("assets/scale-slider-vert-dark@2.png")); +} + +.scale.slider.vertical:hover { + background: -gtk-scaled(url("assets/scale-slider-vert-hover-dark.png"),url("assets/scale-slider-vert-hover-dark@2.png")); +} + +.scale.slider.vertical:active, +.scale.slider.vertical:active:hover { + background: -gtk-scaled(url("assets/scale-slider-vert-active-dark.png"),url("assets/scale-slider-vert-active-dark@2.png")); +} + +.scale.slider.vertical:backdrop, +.scale.slider.vertical:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-vert-backdrop-dark.png"),url("assets/scale-slider-vert-backdrop-dark@2.png")); +} + +.scale.slider.vertical:insensitive, +.scale.slider.vertical:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-vert-insensitive-dark.png"),url("assets/scale-slider-vert-insensitive-dark@2.png")); +} + +.scale.slider.vertical:insensitive:backdrop, +.scale.slider.vertical:insensitive:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-vert-backdrop-insensitive-dark.png"),url("assets/scale-slider-vert-backdrop-insensitive-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal { + background: -gtk-scaled(url("assets/scale-slider-up-dark.png"),url("assets/scale-slider-up-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal:hover { + background: -gtk-scaled(url("assets/scale-slider-up-hover-dark.png"),url("assets/scale-slider-up-hover-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal:active, +.scale.scale-has-marks-above.slider.horizontal:active:hover { + background: -gtk-scaled(url("assets/scale-slider-up-active-dark.png"),url("assets/scale-slider-up-active-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal:insensitive, +.scale.scale-has-marks-above.slider.horizontal:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-up-insensitive-dark.png"),url("assets/scale-slider-up-insensitive-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal:backdrop, +.scale.scale-has-marks-above.slider.horizontal:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-up-backdrop-dark.png"),url("assets/scale-slider-up-backdrop-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal:backdrop:insensitive, +.scale.scale-has-marks-above.slider.horizontal:backdrop:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-up-backdrop-insensitive-dark.png"),url("assets/scale-slider-up-backdrop-insensitive-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical { + background: -gtk-scaled(url("assets/scale-slider-left-dark.png"),url("assets/scale-slider-left-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical:hover { + background: -gtk-scaled(url("assets/scale-slider-left-hover-dark.png"),url("assets/scale-slider-left-hover-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical:active, +.scale.scale-has-marks-above.slider.vertical:active:hover { + background: -gtk-scaled(url("assets/scale-slider-left-active-dark.png"),url("assets/scale-slider-left-active-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical:insensitive, +.scale.scale-has-marks-above.slider.vertical:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-left-insensitive-dark.png"),url("assets/scale-slider-left-insensitive-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical:backdrop, +.scale.scale-has-marks-above.slider.vertical:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-left-backdrop-dark.png"),url("assets/scale-slider-left-backdrop-dark@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical:backdrop:insensitive, +.scale.scale-has-marks-above.slider.vertical:backdrop:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-left-backdrop-insensitive-dark.png"),url("assets/scale-slider-left-backdrop-insensitive-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal { + background: -gtk-scaled(url("assets/scale-slider-down-dark.png"),url("assets/scale-slider-down-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal:hover { + background: -gtk-scaled(url("assets/scale-slider-down-hover-dark.png"),url("assets/scale-slider-down-hover-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal:active, +.scale.scale-has-marks-below.slider.horizontal:active:hover { + background: -gtk-scaled(url("assets/scale-slider-down-active-dark.png"),url("assets/scale-slider-down-active-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal:insensitive, +.scale.scale-has-marks-below.slider.horizontal:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-down-insensitive-dark.png"),url("assets/scale-slider-down-insensitive-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal:backdrop, +.scale.scale-has-marks-below.slider.horizontal:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-down-backdrop-dark.png"),url("assets/scale-slider-down-backdrop-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal:backdrop:insensitive, +.scale.scale-has-marks-below.slider.horizontal:backdrop:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-down-backdrop-insensitive-dark.png"),url("assets/scale-slider-down-backdrop-insensitive-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical { + background: -gtk-scaled(url("assets/scale-slider-right-dark.png"),url("assets/scale-slider-right-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical:hover { + background: -gtk-scaled(url("assets/scale-slider-right-hover-dark.png"),url("assets/scale-slider-right-hover-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical:active, +.scale.scale-has-marks-below.slider.vertical:active:hover { + background: -gtk-scaled(url("assets/scale-slider-right-active-dark.png"),url("assets/scale-slider-right-active-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical:insensitive, +.scale.scale-has-marks-below.slider.vertical:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-right-insensitive-dark.png"),url("assets/scale-slider-right-insensitive-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical:backdrop, +.scale.scale-has-marks-below.slider.vertical:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-right-backdrop-dark.png"),url("assets/scale-slider-right-backdrop-dark@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical:backdrop:insensitive, +.scale.scale-has-marks-below.slider.vertical:backdrop:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-right-backdrop-insensitive-dark.png"),url("assets/scale-slider-right-backdrop-insensitive-dark@2.png")); +} + +/******************************** + * Touch text selection handles * + ********************************/ +.cursor-handle.bottom { + background: -gtk-scaled(url("assets/scale-slider-up-backdrop-dark.png"),url("assets/scale-slider-up-backdrop-dark@2.png")); +} + +.cursor-handle.top { + background: -gtk-scaled(url("assets/scale-slider-down-backdrop-dark.png"),url("assets/scale-slider-down-backdrop-dark@2.png")); +} + +/*********** + * Spinner * + ***********/ + +@keyframes spinner-dark { + 0% { background-image: url("assets/scalable/spinner-01-dark.svg"); } + 5% { background-image: url("assets/scalable/spinner-02-dark.svg"); } + 10% { background-image: url("assets/scalable/spinner-03-dark.svg"); } + 15% { background-image: url("assets/scalable/spinner-04-dark.svg"); } + 20% { background-image: url("assets/scalable/spinner-05-dark.svg"); } + 25% { background-image: url("assets/scalable/spinner-06-dark.svg"); } + 30% { background-image: url("assets/scalable/spinner-07-dark.svg"); } + 35% { background-image: url("assets/scalable/spinner-08-dark.svg"); } + 40% { background-image: url("assets/scalable/spinner-09-dark.svg"); } + 45% { background-image: url("assets/scalable/spinner-10-dark.svg"); } + 50% { background-image: url("assets/scalable/spinner-11-dark.svg"); } + 55% { background-image: url("assets/scalable/spinner-12-dark.svg"); } + 65% { background-image: url("assets/scalable/spinner-13-dark.svg"); } + 70% { background-image: url("assets/scalable/spinner-14-dark.svg"); } + 75% { background-image: url("assets/scalable/spinner-15-dark.svg"); } + 80% { background-image: url("assets/scalable/spinner-16-dark.svg"); } + 85% { background-image: url("assets/scalable/spinner-17-dark.svg"); } + 90% { background-image: url("assets/scalable/spinner-18-dark.svg"); } + 95% { background-image: url("assets/scalable/spinner-19-dark.svg"); } + 100% { background-image: url("assets/scalable/spinner-20-dark.svg"); } +} +.spinner { + background-color: transparent; + background-image: url("assets/scalable/spinner-01-dark.svg"); + background-repeat: no-repeat; + background-position: center; +} + +.spinner:active { + background-image: url("assets/scalable/spinner-01-dark.svg"); + animation: spinner-dark 600ms infinite linear; +} +/***************** + * Seletion Mode * + *****************/ + +/* View Content Check */ +.view.content-view.check { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked.png"), url("assets/selection-mode-checkbox-unchecked@2.png")); + background: none; +} + +.view.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-hover.png"), url("assets/selection-mode-checkbox-unchecked-hover@2.png")); + background: none; +} + +.view.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-active.png"), url("assets/selection-mode-checkbox-unchecked-active@2.png")); + background: none; +} + +.view.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-backdrop.png"), url("assets/selection-mode-checkbox-unchecked-backdrop@2.png")); + background: none; +} + +.view.content-view.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked.png"), url("assets/selection-mode-checkbox-checked@2.png")); + background: none; +} + +.view.content-view.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-hover.png"), url("assets/selection-mode-checkbox-checked-hover@2.png")); + background: none; +} + +.view.content-view.check:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-active.png"), url("assets/selection-mode-checkbox-checked-active@2.png")); + background: none; +} + +.view.content-view.check:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-backdrop.png"), url("assets/selection-mode-checkbox-checked-backdrop@2.png")); + background: none; +} + + +/************************* + * Check and Radio items * + *************************/ + +.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.check.button.flat, +.header-bar .check.titlebutton.button, +.titlebar .check.titlebutton.button { +} + +.view.check:selected, +GtkCalendar.check:selected, +.list-row:selected .check { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-dark.png"), url("assets/selected-checkbox-unchecked-dark@2.png")); +} + +.check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover-dark.png"), url("assets/checkbox-unchecked-hover-dark@2.png")); +} + +.check:hover.button.flat, +.header-bar .check.titlebutton.button:hover, +.titlebar .check.titlebutton.button:hover { +} + +.view.check:hover:selected, +GtkCalendar.check:hover:selected, +.list-row:selected .check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-hover-dark.png"), url("assets/selected-checkbox-unchecked-hover-dark@2.png")); +} + +.check:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png")); +} + +.check:active.button.flat, +.header-bar .check.titlebutton.button:active, +.titlebar .check.titlebutton.button:active { +} + +.view.check:active:selected, +GtkCalendar.check:active:selected, +.list-row:selected .check:active { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-active-dark.png"), url("assets/selected-checkbox-unchecked-active-dark@2.png")); +} + +.check:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.check:insensitive.button.flat, +.header-bar .check.titlebutton.button:insensitive, +.titlebar .check.titlebutton.button:insensitive { +} + +.view.check:insensitive:selected, +GtkCalendar.check:insensitive:selected, +.list-row:selected .check:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-insensitive-dark.png"), url("assets/selected-checkbox-unchecked-insensitive-dark@2.png")); +} + +.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-dark.png"), url("assets/checkbox-unchecked-backdrop-dark@2.png")); +} + +.check:backdrop.button.flat, +.header-bar .check.titlebutton.button:backdrop, +.titlebar .check.titlebutton.button:backdrop { +} + +.view.check:backdrop:selected, +GtkCalendar.check:backdrop:selected, +.list-row:selected .check:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop-dark.png"), url("assets/selected-checkbox-unchecked-backdrop-dark@2.png")); +} + +.check:backdrop:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive-dark.png"), url("assets/checkbox-unchecked-backdrop-insensitive-dark@2.png")); +} + +.check:backdrop:insensitive.button.flat, +.header-bar .check.titlebutton.button:backdrop:insensitive, +.titlebar .check.titlebutton.button:backdrop:insensitive { +} + +.view.check:backdrop:insensitive:selected, +GtkCalendar.check:backdrop:insensitive:selected, +.list-row:selected .check:backdrop:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop-insensitive-dark.png"), url("assets/selected-checkbox-unchecked-backdrop-insensitive-dark@2.png")); +} + +.check:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.check:inconsistent.button.flat, +.header-bar .check.titlebutton.button:inconsistent, +.titlebar .check.titlebutton.button:inconsistent { +} + +.view.check:inconsistent:selected, +GtkCalendar.check:inconsistent:selected, +.list-row:selected .check:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-dark.png"), url("assets/selected-checkbox-mixed-dark@2.png")); +} + +.check:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover-dark.png"), url("assets/checkbox-mixed-hover-dark@2.png")); +} + +.check:inconsistent:hover.button.flat, +.header-bar .check.titlebutton.button:inconsistent:hover, +.titlebar .check.titlebutton.button:inconsistent:hover { +} + +.view.check:inconsistent:hover:selected, +GtkCalendar.check:inconsistent:hover:selected, +.list-row:selected .check:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-hover-dark.png"), url("assets/selected-checkbox-mixed-hover-dark@2.png")); +} + +.check:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png")); +} + +.check:inconsistent:selected.button.flat, +.header-bar .check.titlebutton.button:inconsistent:selected, +.titlebar .check.titlebutton.button:inconsistent:selected { +} + +.view.check:inconsistent:selected:selected, +GtkCalendar.check:inconsistent:selected, +.list-row:selected .check:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-active-dark.png"), url("assets/selected-checkbox-mixed-active-dark@2.png")); +} + +.check:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-dark.png"), url("assets/checkbox-mixed-backdrop-dark@2.png")); +} + +.check:inconsistent:backdrop.button.flat, +.header-bar .check.titlebutton.button:inconsistent:backdrop, +.titlebar .check.titlebutton.button:inconsistent:backdrop { +} + +.view.check:inconsistent:backdrop:selected, +GtkCalendar.check:inconsistent:backdrop:selected, +.list-row:selected .check:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop-dark.png"), url("assets/selected-checkbox-mixed-backdrop-dark@2.png")); +} + +.check:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.check:inconsistent:insensitive.button.flat, +.header-bar .check.titlebutton.button:inconsistent:insensitive, +.titlebar .check.titlebutton.button:inconsistent:insensitive { +} + +.view.check:inconsistent:insensitive:selected, +GtkCalendar.check:inconsistent:insensitive:selected, +.list-row:selected .check:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-insensitive-dark.png"), url("assets/selected-checkbox-mixed-insensitive-dark@2.png")); +} + +.check:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-insensitive-dark.png"), url("assets/checkbox-mixed-backdrop-insensitive-dark@2.png")); +} + +.check:inconsistent:insensitive:backdrop.button.flat, +.header-bar .check.titlebutton.button:inconsistent:insensitive:backdrop, +.titlebar .check.titlebutton.button:inconsistent:insensitive:backdrop { +} + +.view.check:inconsistent:insensitive:backdrop:selected, +GtkCalendar.check:inconsistent:insensitive:backdrop:selected, +.list-row:selected .check:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop-insensitive-dark.png"), url("assets/selected-checkbox-mixed-backdrop-insensitive-dark@2.png")); +} + +.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.check:checked.button.flat, +.header-bar .check.titlebutton.button:checked, +.titlebar .check.titlebutton.button:checked { +} + +.view.check:checked:selected, +GtkCalendar.check:checked:selected, +.list-row:selected .check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-dark.png"), url("assets/selected-checkbox-checked-dark@2.png")); +} + +.check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.check:checked:insensitive.button.flat, +.header-bar .check.titlebutton.button:checked:insensitive, +.titlebar .check.titlebutton.button:checked:insensitive { +} + +.view.check:checked:insensitive:selected, +GtkCalendar.check:checked:insensitive:selected, +.list-row:selected .check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-insensitive-dark.png"), url("assets/selected-checkbox-checked-insensitive-dark@2.png")); +} + +.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-dark.png"), url("assets/checkbox-checked-hover-dark@2.png")); +} + +.check:checked:hover.button.flat, +.header-bar .check.titlebutton.button:checked:hover, +.titlebar .check.titlebutton.button:checked:hover { +} + +.view.check:checked:hover:selected, +GtkCalendar.check:checked:hover:selected, +.list-row:selected .check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-hover-dark.png"), url("assets/selected-checkbox-checked-hover-dark@2.png")); +} + +.check:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png")); +} + +.check:checked:active.button.flat, +.header-bar .check.titlebutton.button:checked:active, +.titlebar .check.titlebutton.button:checked:active { +} + +.view.check:checked:active:selected, +GtkCalendar.check:checked:active:selected, +.list-row:selected .check:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-active-dark.png"), url("assets/selected-checkbox-checked-active-dark@2.png")); +} + +.check:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-dark.png"), url("assets/checkbox-checked-backdrop-dark@2.png")); +} + +.check:backdrop:checked.button.flat, +.header-bar .check.titlebutton.button:backdrop:checked, +.titlebar .check.titlebutton.button:backdrop:checked { +} + +.view.check:backdrop:checked:selected, +GtkCalendar.check:backdrop:checked:selected, +.list-row:selected .check:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop-dark.png"), url("assets/selected-checkbox-checked-backdrop-dark@2.png")); +} + +.check:backdrop:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-insensitive-dark.png"), url("assets/checkbox-checked-backdrop-insensitive-dark@2.png")); +} + +.check:backdrop:checked:insensitive.button.flat, +.header-bar .check.titlebutton.button:backdrop:checked:insensitive, +.titlebar .check.titlebutton.button:backdrop:checked:insensitive { +} + +.view.check:backdrop:checked:insensitive:selected, +GtkCalendar.check:backdrop:checked:insensitive:selected, +.list-row:selected .check:backdrop:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop-insensitive-dark.png"), url("assets/selected-checkbox-checked-backdrop-insensitive-dark@2.png")); +} + +.menu .menuitem.check { + -gtk-icon-source: -gtk-icontheme("checkbox-symbolic"); +} + +.menu .menuitem.check:active, +.menu .menuitem.check:checked { + -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); +} + +.menu .menuitem.check:inconsistent { + -gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); +} + +.menu .menuitem.check:hover { + color: #ffffff; +} + +.menu .menuitem.check:insensitive { + color: #bdbebf; +} + +.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.radio.button.flat, +.header-bar .radio.titlebutton.button, +.titlebar .radio.titlebutton.button { +} + +.view.radio:selected, +GtkCalendar.radio:selected, +.list-row:selected .radio { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-dark.png"), url("assets/selected-radio-unchecked-dark@2.png")); +} + +.radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover-dark.png"), url("assets/radio-unchecked-hover-dark@2.png")); +} + +.radio:hover.button.flat, +.header-bar .radio.titlebutton.button:hover, +.titlebar .radio.titlebutton.button:hover { +} + +.view.radio:hover:selected, +GtkCalendar.radio:hover:selected, +.list-row:selected .radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-hover-dark.png"), url("assets/selected-radio-unchecked-hover-dark@2.png")); +} + +.radio:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png")); +} + +.radio:active.button.flat, +.header-bar .radio.titlebutton.button:active, +.titlebar .radio.titlebutton.button:active { +} + +.view.radio:active:selected, +GtkCalendar.radio:active:selected, +.list-row:selected .radio:active { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-active-dark.png"), url("assets/selected-radio-unchecked-active-dark@2.png")); +} + +.radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.radio:insensitive.button.flat, +.header-bar .radio.titlebutton.button:insensitive, +.titlebar .radio.titlebutton.button:insensitive { +} + +.view.radio:insensitive:selected, +GtkCalendar.radio:insensitive:selected, +.list-row:selected .radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-insensitive-dark.png"), url("assets/selected-radio-unchecked-insensitive-dark@2.png")); +} + +.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-dark.png"), url("assets/radio-unchecked-backdrop-dark@2.png")); +} + +.radio:backdrop.button.flat, +.header-bar .radio.titlebutton.button:backdrop, +.titlebar .radio.titlebutton.button:backdrop { +} + +.view.radio:backdrop:selected, +GtkCalendar.radio:backdrop:selected, +.list-row:selected .radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop-dark.png"), url("assets/selected-radio-unchecked-backdrop-dark@2.png")); +} + +.radio:backdrop:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive-dark.png"), url("assets/radio-unchecked-backdrop-insensitive-dark@2.png")); +} + +.radio:backdrop:insensitive.button.flat, +.header-bar .radio.titlebutton.button:backdrop:insensitive, +.titlebar .radio.titlebutton.button:backdrop:insensitive { +} + +.view.radio:backdrop:insensitive:selected, +GtkCalendar.radio:backdrop:insensitive:selected, +.list-row:selected .radio:backdrop:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop-insensitive-dark.png"), url("assets/selected-radio-unchecked-backdrop-insensitive-dark@2.png")); +} + +.radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.radio:inconsistent.button.flat, +.header-bar .radio.titlebutton.button:inconsistent, +.titlebar .radio.titlebutton.button:inconsistent { +} + +.view.radio:inconsistent:selected, +GtkCalendar.radio:inconsistent:selected, +.list-row:selected .radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-dark.png"), url("assets/selected-radio-mixed-dark@2.png")); +} + +.radio:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover-dark.png"), url("assets/radio-mixed-hover-dark@2.png")); +} + +.radio:inconsistent:hover.button.flat, +.header-bar .radio.titlebutton.button:inconsistent:hover, +.titlebar .radio.titlebutton.button:inconsistent:hover { +} + +.view.radio:inconsistent:hover:selected, +GtkCalendar.radio:inconsistent:hover:selected, +.list-row:selected .radio:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-hover-dark.png"), url("assets/selected-radio-mixed-hover-dark@2.png")); +} + +.radio:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png")); +} + +.radio:inconsistent:selected.button.flat, +.header-bar .radio.titlebutton.button:inconsistent:selected, +.titlebar .radio.titlebutton.button:inconsistent:selected { +} + +.view.radio:inconsistent:selected:selected, +GtkCalendar.radio:inconsistent:selected, +.list-row:selected .radio:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-active-dark.png"), url("assets/selected-radio-mixed-active-dark@2.png")); +} + +.radio:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-dark.png"), url("assets/radio-mixed-backdrop-dark@2.png")); +} + +.radio:inconsistent:backdrop.button.flat, +.header-bar .radio.titlebutton.button:inconsistent:backdrop, +.titlebar .radio.titlebutton.button:inconsistent:backdrop { +} + +.view.radio:inconsistent:backdrop:selected, +GtkCalendar.radio:inconsistent:backdrop:selected, +.list-row:selected .radio:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop-dark.png"), url("assets/selected-radio-mixed-backdrop-dark@2.png")); +} + +.radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.radio:inconsistent:insensitive.button.flat, +.header-bar .radio.titlebutton.button:inconsistent:insensitive, +.titlebar .radio.titlebutton.button:inconsistent:insensitive { +} + +.view.radio:inconsistent:insensitive:selected, +GtkCalendar.radio:inconsistent:insensitive:selected, +.list-row:selected .radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-insensitive-dark.png"), url("assets/selected-radio-mixed-insensitive-dark@2.png")); +} + +.radio:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-insensitive-dark.png"), url("assets/radio-mixed-backdrop-insensitive-dark@2.png")); +} + +.radio:inconsistent:insensitive:backdrop.button.flat, +.header-bar .radio.titlebutton.button:inconsistent:insensitive:backdrop, +.titlebar .radio.titlebutton.button:inconsistent:insensitive:backdrop { +} + +.view.radio:inconsistent:insensitive:backdrop:selected, +GtkCalendar.radio:inconsistent:insensitive:backdrop:selected, +.list-row:selected .radio:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop-insensitive-dark.png"), url("assets/selected-radio-mixed-backdrop-insensitive-dark@2.png")); +} + +.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.radio:checked.button.flat, +.header-bar .radio.titlebutton.button:checked, +.titlebar .radio.titlebutton.button:checked { +} + +.view.radio:checked:selected, +GtkCalendar.radio:checked:selected, +.list-row:selected .radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-dark.png"), url("assets/selected-radio-checked-dark@2.png")); +} + +.radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.radio:checked:insensitive.button.flat, +.header-bar .radio.titlebutton.button:checked:insensitive, +.titlebar .radio.titlebutton.button:checked:insensitive { +} + +.view.radio:checked:insensitive:selected, +GtkCalendar.radio:checked:insensitive:selected, +.list-row:selected .radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-insensitive-dark.png"), url("assets/selected-radio-checked-insensitive-dark@2.png")); +} + +.radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover-dark.png"), url("assets/radio-checked-hover-dark@2.png")); +} + +.radio:checked:hover.button.flat, +.header-bar .radio.titlebutton.button:checked:hover, +.titlebar .radio.titlebutton.button:checked:hover { +} + +.view.radio:checked:hover:selected, +GtkCalendar.radio:checked:hover:selected, +.list-row:selected .radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-hover-dark.png"), url("assets/selected-radio-checked-hover-dark@2.png")); +} + +.radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png")); +} + +.radio:checked:active.button.flat, +.header-bar .radio.titlebutton.button:checked:active, +.titlebar .radio.titlebutton.button:checked:active { +} + +.view.radio:checked:active:selected, +GtkCalendar.radio:checked:active:selected, +.list-row:selected .radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-active-dark.png"), url("assets/selected-radio-checked-active-dark@2.png")); +} + +.radio:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-dark.png"), url("assets/radio-checked-backdrop-dark@2.png")); +} + +.radio:backdrop:checked.button.flat, +.header-bar .radio.titlebutton.button:backdrop:checked, +.titlebar .radio.titlebutton.button:backdrop:checked { +} + +.view.radio:backdrop:checked:selected, +GtkCalendar.radio:backdrop:checked:selected, +.list-row:selected .radio:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop-dark.png"), url("assets/selected-radio-checked-backdrop-dark@2.png")); +} + +.radio:backdrop:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-insensitive-dark.png"), url("assets/radio-checked-backdrop-insensitive-dark@2.png")); +} + +.radio:backdrop:checked:insensitive.button.flat, +.header-bar .radio.titlebutton.button:backdrop:checked:insensitive, +.titlebar .radio.titlebutton.button:backdrop:checked:insensitive { +} + +.view.radio:backdrop:checked:insensitive:selected, +GtkCalendar.radio:backdrop:checked:insensitive:selected, +.list-row:selected .radio:backdrop:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop-insensitive-dark.png"), url("assets/selected-radio-checked-backdrop-insensitive-dark@2.png")); +} diff --git a/Paper/gtk-3.0/gtk-widgets-assets.css b/Paper/gtk-3.0/gtk-widgets-assets.css new file mode 100644 index 0000000..ccc7e6d --- /dev/null +++ b/Paper/gtk-3.0/gtk-widgets-assets.css @@ -0,0 +1,1118 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/*************** + * Check Boxes * + ***************/ + + /* Unchecked */ +.check, +.check row:selected, +.check row:selected:focus { + background: -gtk-scaled(url("assets/checkbox-unchecked.png"),url("assets/checkbox-unchecked@2.png")); +} + + /* Unchecked Hover */ +.check:hover, +.check row:selected:hover, +.check row:selected:focus:hover { + background: -gtk-scaled(url("assets/checkbox-unchecked-hover.png"),url("assets/checkbox-unchecked-hover@2.png")); +} + +/* Unchecked Insensitive */ +.check:insensitive, +.check row:selected:insensitive, +.check row:selected:focus:insensitive { + background: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"),url("assets/checkbox-unchecked-insensitive@2.png")); +} + +/* Unchecked Insensitive Unfocused */ +.check:insensitive:backdrop, +.check row:selected:insensitive:backdrop, +.check row:selected:focus:insensitive:backdrop { + background: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"),url("assets/checkbox-unchecked-insensitive@2.png")); +} + +/* Unchecked Unfocused */ +.check:backdrop, +.check row:selected:backdrop, +.check row:selected:focus:backdrop { + background: -gtk-scaled(url("assets/checkbox-unchecked-backdrop.png"),url("assets/checkbox-unchecked-backdrop@2.png")); +} + +/* Checked */ +.check:active, +.check row:selected:active, +.check row:selected:focus:active { + background: -gtk-scaled(url("assets/checkbox-checked.png"),url("assets/checkbox-checked@2.png")); +} + + /* Checked Hover */ +.check:active:hover, +.check row:selected:active:hover, +.check row:selected:focus:active:hover { + background: -gtk-scaled(url("assets/checkbox-checked-hover.png"),url("assets/checkbox-checked-hover@2.png")); +} + +/* Checked Insensitive */ +.check:active:insensitive, +.check row:selected:active:insensitive, +.check row:selected:focus:active:insensitive { + background: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"),url("assets/checkbox-checked-insensitive@2.png")); +} + +/* Checked Insensitive Unfocused */ +.check:active:insensitive:backdrop, +.check row:selected:active:insensitive:backdrop, +.check row:selected:focus:active:insensitive:backdrop { + background: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"),url("assets/checkbox-checked-insensitive@2.png")); +} + +/* Checked Unfocused */ +.check:active:backdrop, +.check row:selected:active:backdrop, +.check row:selected:focus:active:backdrop { + background: -gtk-scaled(url("assets/checkbox-checked-backdrop.png"),url("assets/checkbox-checked-backdrop@2.png")); +} + +/* Mixed*/ +.check:inconsistent, +.check row:selected:inconsistent, +.check row:selected:focus:inconsistent { + background: -gtk-scaled(url("assets/checkbox-mixed.png"),url("assets/checkbox-mixed@2.png")); +} + +/* Mixed Hover */ +.check:inconsistent:hover, +.check row:selected:inconsistent:hover, +.check row:selected:focus:inconsistent:hover { + background: -gtk-scaled(url("assets/checkbox-mixed-hover.png"),url("assets/checkbox-mixed-hover@2.png")); +} + +/* Mixed Insensitive Unfocused */ +.check:inconsistent:insensitive:backdrop, +.check row:selected:inconsistent:insensitive:backdrop, +.check row:selected:focus:inconsistent:insensitive:backdrop { + background: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"),url("assets/checkbox-mixed-insensitive@2.png")); +} + +/* Mixed Insensitive */ +.check:inconsistent:insensitive, +.check row:selected:inconsistent:insensitive, +.check row:selected:focus:inconsistent:insensitive { + background: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"),url("assets/checkbox-mixed-insensitive@2.png")); +} + +/* Mixed Unfocused */ +.check:inconsistent:backdrop, +.check row:selected:inconsistent:backdrop, +.check row:selected:focus:inconsistent:backdrop { + background: -gtk-scaled(url("assets/checkbox-mixed-backdrop.png"),url("assets/checkbox-mixed-backdrop@2.png")); +} + +/***************** + * Radio Buttons * + *****************/ + + /* Unchecked Insensitive */ +.radio, +.radio row:selected, +.radio row:selected:focus { + background: -gtk-scaled(url("assets/radio-unchecked.png"),url("assets/radio-unchecked@2.png")); +} + +/* Unchecked Hover */ +.radio:hover, +.radio row:selected:hover, +.radio row:selected:focus:hover { + background: -gtk-scaled(url("assets/radio-unchecked-hover.png"),url("assets/radio-unchecked-hover@2.png")); +} + +/* Unchecked Insensitive */ +.radio:insensitive, +.radio row:selected:insensitive, +.radio row:selected:focus:insensitive { + background: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"),url("assets/radio-unchecked-insensitive@2.png")); +} + +/* Unchecked Unfocused */ +.radio:backdrop, +.radio row:selected:backdrop, +.radio row:selected:focus:backdrop { + background: -gtk-scaled(url("assets/radio-unchecked-backdrop.png"),url("assets/radio-unchecked-backdrop@2.png")); +} + +/* Checked */ +.radio:active, +.radio row:selected:active, +.radio row:selected:focus:active { + background: -gtk-scaled(url("assets/radio-checked.png"),url("assets/radio-checked@2.png")); +} + +/* Checked Hover */ +.radio:active:hover, +.radio row:selected:active:hover, +.radio row:selected:focus:active:hover { + background: -gtk-scaled(url("assets/radio-checked-hover.png"),url("assets/radio-checked-hover@2.png")); +} + +/* Checked Insensitive */ +.radio:active:insensitive, +.radio row:selected:active:insensitive, +.radio row:selected:focus:active:insensitive { + background: -gtk-scaled(url("assets/radio-checked-insensitive.png"),url("assets/radio-checked-insensitive@2.png")); +} + +/* Checked Unfocused */ +.radio:active:backdrop, +.radio row:selected:active:backdrop, +.radio row:selected:focus:active:backdrop { + background: -gtk-scaled(url("assets/radio-checked-backdrop.png"),url("assets/radio-checked-backdrop@2.png")); +} + +/* Mixed*/ +.radio:inconsistent, +.radio row:selected:inconsistent, +.radio row:selected:focus:inconsistent { + background: -gtk-scaled(url("assets/radio-mixed.png"),url("assets/radio-mixed@2.png")); +} + +/* Mixed Hover */ +.radio:inconsistent:hover, +.radio row:selected:inconsistent:hover, +.radio row:selected:focus:inconsistent:hover { + background: -gtk-scaled(url("assets/radio-mixed-hover.png"),url("assets/radio-mixed-hover@2.png")); +} + +/* Mixed Insensitive Unfocused */ +.radio:inconsistent:insensitive:backdrop, +.radio row:selected:inconsistent:insensitive:backdrop, +.radio row:selected:focus:inconsistent:insensitive:backdrop { + background: -gtk-scaled(url("assets/radio-mixed-insensitive.png"),url("assets/radio-mixed-insensitive@2.png")); +} + +/* Mixed Insensitive */ +.radio:inconsistent:insensitive, +.radio row:selected:inconsistent:insensitive, +.radio row:selected:focus:inconsistent:insensitive { + background: -gtk-scaled(url("assets/radio-mixed-insensitive.png"),url("assets/radio-mixed-insensitive@2.png")); +} + +/* Mixed Unfocused */ +.radio:inconsistent:backdrop, +.radio row:selected:inconsistent:backdrop, +.radio row:selected:focus:inconsistent:backdrop { + background: -gtk-scaled(url("assets/radio-mixed-backdrop.png"),url("assets/radio-mixed-backdrop@2.png")); +} + +/************** + * Menu items * + **************/ + +.menuitem.check:active { + background: -gtk-scaled(url("assets/menuitem-checkbox-checked.png"),url("assets/menuitem-checkbox-checked@2.png")); +} + +.menuitem.check:active:hover { + background: -gtk-scaled(url("assets/menuitem-checkbox-checked-hover.png"),url("assets/menuitem-checkbox-checked-hover@2.png")); +} + +.menuitem.check:active:insensitive { + background: -gtk-scaled(url("assets/menuitem-checkbox-checked-insensitive.png"),url("assets/menuitem-checkbox-checked-insensitive@2.png")); +} + +.menuitem.check:inconsistent:hover, +.menuitem.radio:inconsistent:hover { + background: -gtk-scaled(url("assets/menuitem-checkbox-mixed-hover.png"),url("assets/menuitem-checkbox-mixed-hover@2.png")); +} + +.menuitem.check:inconsistent, +.menuitem.radio:inconsistent { + background: -gtk-scaled(url("assets/menuitem-checkbox-mixed.png"),url("assets/menuitem-checkbox-mixed@2.png")); +} + +.menuitem.check:inconsistent:insensitive, +.menuitem.radio:inconsistent:insensitive { + background: -gtk-scaled(url("assets/menuitem-checkbox-mixed-insensitive.png"),url("assets/menuitem-checkbox-mixed-insensitive@2.png")); +} + +.menuitem.radio:active { + background: -gtk-scaled(url("assets/menuitem-radio-checked.png"),url("assets/menuitem-radio-checked@2.png")); +} + +.menuitem.radio:active:hover { + background: -gtk-scaled(url("assets/menuitem-radio-checked-hover.png"),url("assets/menuitem-radio-checked-hover@2.png")); +} + +.menuitem.radio:active:insensitive { + background: -gtk-scaled(url("assets/menuitem-radio-checked-insensitive.png"),url("assets/menuitem-radio-checked-insensitive@2.png")); +} + +/*************** + * Resize grip * + ***************/ + +.grip { + background-color: transparent; + background: url("assets/scalable/resize-grip.svg"); +} + +/********************* + * GtkScale's slider * + *********************/ +.scale.slider, +.scale.slider.horizontal { + background: -gtk-scaled(url("assets/scale-slider-horz.png"),url("assets/scale-slider-horz@2.png")); +} + +.scale.slider:hover, +.scale.slider.horizontal:hover { + background: -gtk-scaled(url("assets/scale-slider-horz-hover.png"),url("assets/scale-slider-horz-hover@2.png")); +} + +.scale.slider:active, +.scale.slider:active:hover, +.scale.slider.horizontal:active, +.scale.slider.horizontal:active:hover { + background: -gtk-scaled(url("assets/scale-slider-horz-active.png"),url("assets/scale-slider-horz-active@2.png")); +} + +.scale.slider:backdrop, +.scale.slider:backdrop:hover, +.scale.slider.horizontal:backdrop, +.scale.slider.horizontal:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-horz-backdrop.png"),url("assets/scale-slider-horz-backdrop@2.png")); +} + +.scale.slider:insensitive, +.scale.slider:insensitive:hover, +.scale.slider.horizontal:insensitive, +.scale.slider.horizontal:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-horz-insensitive.png"),url("assets/scale-slider-horz-insensitive@2.png")); +} + +.scale.slider:insensitive:backdrop, +.scale.slider:insensitive:backdrop:hover, +.scale.slider.horizontal:insensitive:backdrop, +.scale.slider.horizontal:insensitive:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-horz-backdrop-insensitive.png"),url("assets/scale-slider-horz-backdrop-insensitive@2.png")); +} + + +.scale.slider.vertical { + background: -gtk-scaled(url("assets/scale-slider-vert.png"),url("assets/scale-slider-vert@2.png")); +} + +.scale.slider.vertical:hover { + background: -gtk-scaled(url("assets/scale-slider-vert-hover.png"),url("assets/scale-slider-vert-hover@2.png")); +} + +.scale.slider.vertical:active, +.scale.slider.vertical:active:hover { + background: -gtk-scaled(url("assets/scale-slider-vert-active.png"),url("assets/scale-slider-vert-active@2.png")); +} + +.scale.slider.vertical:backdrop, +.scale.slider.vertical:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-vert-backdrop.png"),url("assets/scale-slider-vert-backdrop@2.png")); +} + +.scale.slider.vertical:insensitive, +.scale.slider.vertical:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-vert-insensitive.png"),url("assets/scale-slider-vert-insensitive@2.png")); +} + +.scale.slider.vertical:insensitive:backdrop, +.scale.slider.vertical:insensitive:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-vert-backdrop-insensitive.png"),url("assets/scale-slider-vert-backdrop-insensitive@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal { + background: -gtk-scaled(url("assets/scale-slider-up.png"),url("assets/scale-slider-up@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal:hover { + background: -gtk-scaled(url("assets/scale-slider-up-hover.png"),url("assets/scale-slider-up-hover@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal:active, +.scale.scale-has-marks-above.slider.horizontal:active:hover { + background: -gtk-scaled(url("assets/scale-slider-up-active.png"),url("assets/scale-slider-up-active@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal:insensitive, +.scale.scale-has-marks-above.slider.horizontal:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-up-insensitive.png"),url("assets/scale-slider-up-insensitive@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal:backdrop, +.scale.scale-has-marks-above.slider.horizontal:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-up-backdrop.png"),url("assets/scale-slider-up-backdrop@2.png")); +} + +.scale.scale-has-marks-above.slider.horizontal:backdrop:insensitive, +.scale.scale-has-marks-above.slider.horizontal:backdrop:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-up-backdrop-insensitive.png"),url("assets/scale-slider-up-backdrop-insensitive@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical { + background: -gtk-scaled(url("assets/scale-slider-left.png"),url("assets/scale-slider-left@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical:hover { + background: -gtk-scaled(url("assets/scale-slider-left-hover.png"),url("assets/scale-slider-left-hover@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical:active, +.scale.scale-has-marks-above.slider.vertical:active:hover { + background: -gtk-scaled(url("assets/scale-slider-left-active.png"),url("assets/scale-slider-left-active@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical:insensitive, +.scale.scale-has-marks-above.slider.vertical:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-left-insensitive.png"),url("assets/scale-slider-left-insensitive@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical:backdrop, +.scale.scale-has-marks-above.slider.vertical:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-left-backdrop.png"),url("assets/scale-slider-left-backdrop@2.png")); +} + +.scale.scale-has-marks-above.slider.vertical:backdrop:insensitive, +.scale.scale-has-marks-above.slider.vertical:backdrop:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-left-backdrop-insensitive.png"),url("assets/scale-slider-left-backdrop-insensitive@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal { + background: -gtk-scaled(url("assets/scale-slider-down.png"),url("assets/scale-slider-down@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal:hover { + background: -gtk-scaled(url("assets/scale-slider-down-hover.png"),url("assets/scale-slider-down-hover@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal:active, +.scale.scale-has-marks-below.slider.horizontal:active:hover { + background: -gtk-scaled(url("assets/scale-slider-down-active.png"),url("assets/scale-slider-down-active@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal:insensitive, +.scale.scale-has-marks-below.slider.horizontal:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-down-insensitive.png"),url("assets/scale-slider-down-insensitive@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal:backdrop, +.scale.scale-has-marks-below.slider.horizontal:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-down-backdrop.png"),url("assets/scale-slider-down-backdrop@2.png")); +} + +.scale.scale-has-marks-below.slider.horizontal:backdrop:insensitive, +.scale.scale-has-marks-below.slider.horizontal:backdrop:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-down-backdrop-insensitive.png"),url("assets/scale-slider-down-backdrop-insensitive@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical { + background: -gtk-scaled(url("assets/scale-slider-right.png"),url("assets/scale-slider-right@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical:hover { + background: -gtk-scaled(url("assets/scale-slider-right-hover.png"),url("assets/scale-slider-right-hover@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical:active, +.scale.scale-has-marks-below.slider.vertical:active:hover { + background: -gtk-scaled(url("assets/scale-slider-right-active.png"),url("assets/scale-slider-right-active@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical:insensitive, +.scale.scale-has-marks-below.slider.vertical:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-right-insensitive.png"),url("assets/scale-slider-right-insensitive@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical:backdrop, +.scale.scale-has-marks-below.slider.vertical:backdrop:hover { + background: -gtk-scaled(url("assets/scale-slider-right-backdrop.png"),url("assets/scale-slider-right-backdrop@2.png")); +} + +.scale.scale-has-marks-below.slider.vertical:backdrop:insensitive, +.scale.scale-has-marks-below.slider.vertical:backdrop:insensitive:hover { + background: -gtk-scaled(url("assets/scale-slider-right-backdrop-insensitive.png"),url("assets/scale-slider-right-backdrop-insensitive@2.png")); +} + +/******************************** + * Touch text selection handles * + ********************************/ +.cursor-handle.bottom { + background: -gtk-scaled(url("assets/scale-slider-up-backdrop.png"),url("assets/scale-slider-up-backdrop@2.png")); +} + +.cursor-handle.top { + background: -gtk-scaled(url("assets/scale-slider-down-backdrop.png"),url("assets/scale-slider-down-backdrop@2.png")); +} + +/*********** + * Spinner * + ***********/ + +@keyframes spinner { + 0% { background-image: url("assets/scalable/spinner-01.svg"); } + 5% { background-image: url("assets/scalable/spinner-02.svg"); } + 10% { background-image: url("assets/scalable/spinner-03.svg"); } + 15% { background-image: url("assets/scalable/spinner-04.svg"); } + 20% { background-image: url("assets/scalable/spinner-05.svg"); } + 25% { background-image: url("assets/scalable/spinner-06.svg"); } + 30% { background-image: url("assets/scalable/spinner-07.svg"); } + 35% { background-image: url("assets/scalable/spinner-08.svg"); } + 40% { background-image: url("assets/scalable/spinner-09.svg"); } + 45% { background-image: url("assets/scalable/spinner-10.svg"); } + 50% { background-image: url("assets/scalable/spinner-11.svg"); } + 55% { background-image: url("assets/scalable/spinner-12.svg"); } + 65% { background-image: url("assets/scalable/spinner-13.svg"); } + 70% { background-image: url("assets/scalable/spinner-14.svg"); } + 75% { background-image: url("assets/scalable/spinner-15.svg"); } + 80% { background-image: url("assets/scalable/spinner-16.svg"); } + 85% { background-image: url("assets/scalable/spinner-17.svg"); } + 90% { background-image: url("assets/scalable/spinner-18.svg"); } + 95% { background-image: url("assets/scalable/spinner-19.svg"); } + 100% { background-image: url("assets/scalable/spinner-20.svg"); } +} + +.spinner { + background-color: transparent; + background-image: url("assets/scalable/spinner-01.svg"); + background-repeat: no-repeat; + background-position: center; +} + +.spinner:active { + background-image: url("assets/scalable/spinner-01.svg"); + animation: spinner 600ms infinite linear; +} + +/***************** + * Seletion Mode * + *****************/ + +/* View Content Check */ +.view.content-view.check { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked.png"), url("assets/selection-mode-checkbox-unchecked@2.png")); + background: none; +} + +.view.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-hover.png"), url("assets/selection-mode-checkbox-unchecked-hover@2.png")); + background: none; +} + +.view.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-active.png"), url("assets/selection-mode-checkbox-unchecked-active@2.png")); + background: none; +} + +.view.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-backdrop.png"), url("assets/selection-mode-checkbox-unchecked-backdrop@2.png")); + background: none; +} + +.view.content-view.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked.png"), url("assets/selection-mode-checkbox-checked@2.png")); + background: none; +} + +.view.content-view.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-hover.png"), url("assets/selection-mode-checkbox-checked-hover@2.png")); + background: none; +} + +.view.content-view.check:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-active.png"), url("assets/selection-mode-checkbox-checked-active@2.png")); + background: none; +} + +.view.content-view.check:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-backdrop.png"), url("assets/selection-mode-checkbox-checked-backdrop@2.png")); + background: none; +} + + +/************************* + * Check and Radio items * + *************************/ + +.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.check.button.flat, +.header-bar .check.titlebutton.button, +.titlebar .check.titlebutton.button { +} + +.view.check:selected, +GtkCalendar.check:selected, +.list-row:selected .check { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked.png"), url("assets/selected-checkbox-unchecked@2.png")); +} + +.check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover.png"), url("assets/checkbox-unchecked-hover@2.png")); +} + +.check:hover.button.flat, +.header-bar .check.titlebutton.button:hover, +.titlebar .check.titlebutton.button:hover { +} + +.view.check:hover:selected, +GtkCalendar.check:hover:selected, +.list-row:selected .check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-hover.png"), url("assets/selected-checkbox-unchecked-hover@2.png")); +} + +.check:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); +} + +.check:active.button.flat, +.header-bar .check.titlebutton.button:active, +.titlebar .check.titlebutton.button:active { +} + +.view.check:active:selected, +GtkCalendar.check:active:selected, +.list-row:selected .check:active { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-active.png"), url("assets/selected-checkbox-unchecked-active@2.png")); +} + +.check:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.check:insensitive.button.flat, +.header-bar .check.titlebutton.button:insensitive, +.titlebar .check.titlebutton.button:insensitive { +} + +.view.check:insensitive:selected, +GtkCalendar.check:insensitive:selected, +.list-row:selected .check:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-insensitive.png"), url("assets/selected-checkbox-unchecked-insensitive@2.png")); +} + +.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop.png"), url("assets/checkbox-unchecked-backdrop@2.png")); +} + +.check:backdrop.button.flat, +.header-bar .check.titlebutton.button:backdrop, +.titlebar .check.titlebutton.button:backdrop { +} + +.view.check:backdrop:selected, +GtkCalendar.check:backdrop:selected, +.list-row:selected .check:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop.png"), url("assets/selected-checkbox-unchecked-backdrop@2.png")); +} + +.check:backdrop:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive.png"), url("assets/checkbox-unchecked-backdrop-insensitive@2.png")); +} + +.check:backdrop:insensitive.button.flat, +.header-bar .check.titlebutton.button:backdrop:insensitive, +.titlebar .check.titlebutton.button:backdrop:insensitive { +} + +.view.check:backdrop:insensitive:selected, +GtkCalendar.check:backdrop:insensitive:selected, +.list-row:selected .check:backdrop:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop-insensitive.png"), url("assets/selected-checkbox-unchecked-backdrop-insensitive@2.png")); +} + +.check:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.check:inconsistent.button.flat, +.header-bar .check.titlebutton.button:inconsistent, +.titlebar .check.titlebutton.button:inconsistent { +} + +.view.check:inconsistent:selected, +GtkCalendar.check:inconsistent:selected, +.list-row:selected .check:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed.png"), url("assets/selected-checkbox-mixed@2.png")); +} + +.check:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover.png"), url("assets/checkbox-mixed-hover@2.png")); +} + +.check:inconsistent:hover.button.flat, +.header-bar .check.titlebutton.button:inconsistent:hover, +.titlebar .check.titlebutton.button:inconsistent:hover { +} + +.view.check:inconsistent:hover:selected, +GtkCalendar.check:inconsistent:hover:selected, +.list-row:selected .check:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-hover.png"), url("assets/selected-checkbox-mixed-hover@2.png")); +} + +.check:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png")); +} + +.check:inconsistent:selected.button.flat, +.header-bar .check.titlebutton.button:inconsistent:selected, +.titlebar .check.titlebutton.button:inconsistent:selected { +} + +.view.check:inconsistent:selected:selected, +GtkCalendar.check:inconsistent:selected, +.list-row:selected .check:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-active.png"), url("assets/selected-checkbox-mixed-active@2.png")); +} + +.check:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop.png"), url("assets/checkbox-mixed-backdrop@2.png")); +} + +.check:inconsistent:backdrop.button.flat, +.header-bar .check.titlebutton.button:inconsistent:backdrop, +.titlebar .check.titlebutton.button:inconsistent:backdrop { +} + +.view.check:inconsistent:backdrop:selected, +GtkCalendar.check:inconsistent:backdrop:selected, +.list-row:selected .check:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop.png"), url("assets/selected-checkbox-mixed-backdrop@2.png")); +} + +.check:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.check:inconsistent:insensitive.button.flat, +.header-bar .check.titlebutton.button:inconsistent:insensitive, +.titlebar .check.titlebutton.button:inconsistent:insensitive { +} + +.view.check:inconsistent:insensitive:selected, +GtkCalendar.check:inconsistent:insensitive:selected, +.list-row:selected .check:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-insensitive.png"), url("assets/selected-checkbox-mixed-insensitive@2.png")); +} + +.check:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-insensitive.png"), url("assets/checkbox-mixed-backdrop-insensitive@2.png")); +} + +.check:inconsistent:insensitive:backdrop.button.flat, +.header-bar .check.titlebutton.button:inconsistent:insensitive:backdrop, +.titlebar .check.titlebutton.button:inconsistent:insensitive:backdrop { +} + +.view.check:inconsistent:insensitive:backdrop:selected, +GtkCalendar.check:inconsistent:insensitive:backdrop:selected, +.list-row:selected .check:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop-insensitive.png"), url("assets/selected-checkbox-mixed-backdrop-insensitive@2.png")); +} + +.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.check:checked.button.flat, +.header-bar .check.titlebutton.button:checked, +.titlebar .check.titlebutton.button:checked { +} + +.view.check:checked:selected, +GtkCalendar.check:checked:selected, +.list-row:selected .check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked.png"), url("assets/selected-checkbox-checked@2.png")); +} + +.check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.check:checked:insensitive.button.flat, +.header-bar .check.titlebutton.button:checked:insensitive, +.titlebar .check.titlebutton.button:checked:insensitive { +} + +.view.check:checked:insensitive:selected, +GtkCalendar.check:checked:insensitive:selected, +.list-row:selected .check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-insensitive.png"), url("assets/selected-checkbox-checked-insensitive@2.png")); +} + +.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover.png"), url("assets/checkbox-checked-hover@2.png")); +} + +.check:checked:hover.button.flat, +.header-bar .check.titlebutton.button:checked:hover, +.titlebar .check.titlebutton.button:checked:hover { +} + +.view.check:checked:hover:selected, +GtkCalendar.check:checked:hover:selected, +.list-row:selected .check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-hover.png"), url("assets/selected-checkbox-checked-hover@2.png")); +} + +.check:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); +} + +.check:checked:active.button.flat, +.header-bar .check.titlebutton.button:checked:active, +.titlebar .check.titlebutton.button:checked:active { +} + +.view.check:checked:active:selected, +GtkCalendar.check:checked:active:selected, +.list-row:selected .check:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-active.png"), url("assets/selected-checkbox-checked-active@2.png")); +} + +.check:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop.png"), url("assets/checkbox-checked-backdrop@2.png")); +} + +.check:backdrop:checked.button.flat, +.header-bar .check.titlebutton.button:backdrop:checked, +.titlebar .check.titlebutton.button:backdrop:checked { +} + +.view.check:backdrop:checked:selected, +GtkCalendar.check:backdrop:checked:selected, +.list-row:selected .check:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop.png"), url("assets/selected-checkbox-checked-backdrop@2.png")); +} + +.check:backdrop:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-insensitive.png"), url("assets/checkbox-checked-backdrop-insensitive@2.png")); +} + +.check:backdrop:checked:insensitive.button.flat, +.header-bar .check.titlebutton.button:backdrop:checked:insensitive, +.titlebar .check.titlebutton.button:backdrop:checked:insensitive { +} + +.view.check:backdrop:checked:insensitive:selected, +GtkCalendar.check:backdrop:checked:insensitive:selected, +.list-row:selected .check:backdrop:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop-insensitive.png"), url("assets/selected-checkbox-checked-backdrop-insensitive@2.png")); +} + +.menu .menuitem.check { + -gtk-icon-source: -gtk-icontheme("checkbox-symbolic"); + color: #7a7e7f; +} + +.menu .menuitem.check:active, +.menu .menuitem.check:checked { + -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); +} + +.menu .menuitem.check:inconsistent { + -gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); +} + +.menu .menuitem.check:hover { + color: #ffffff; +} + +.menu .menuitem.check:insensitive { + color: #bdbebf; +} + +.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.radio.button.flat, +.header-bar .radio.titlebutton.button, +.titlebar .radio.titlebutton.button { +} + +.view.radio:selected, +GtkCalendar.radio:selected, +.list-row:selected .radio { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked.png"), url("assets/selected-radio-unchecked@2.png")); +} + +.radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover.png"), url("assets/radio-unchecked-hover@2.png")); +} + +.radio:hover.button.flat, +.header-bar .radio.titlebutton.button:hover, +.titlebar .radio.titlebutton.button:hover { +} + +.view.radio:hover:selected, +GtkCalendar.radio:hover:selected, +.list-row:selected .radio:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-hover.png"), url("assets/selected-radio-unchecked-hover@2.png")); +} + +.radio:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); +} + +.radio:active.button.flat, +.header-bar .radio.titlebutton.button:active, +.titlebar .radio.titlebutton.button:active { +} + +.view.radio:active:selected, +GtkCalendar.radio:active:selected, +.list-row:selected .radio:active { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-active.png"), url("assets/selected-radio-unchecked-active@2.png")); +} + +.radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.radio:insensitive.button.flat, +.header-bar .radio.titlebutton.button:insensitive, +.titlebar .radio.titlebutton.button:insensitive { +} + +.view.radio:insensitive:selected, +GtkCalendar.radio:insensitive:selected, +.list-row:selected .radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-insensitive.png"), url("assets/selected-radio-unchecked-insensitive@2.png")); +} + +.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop.png"), url("assets/radio-unchecked-backdrop@2.png")); +} + +.radio:backdrop.button.flat, +.header-bar .radio.titlebutton.button:backdrop, +.titlebar .radio.titlebutton.button:backdrop { +} + +.view.radio:backdrop:selected, +GtkCalendar.radio:backdrop:selected, +.list-row:selected .radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop.png"), url("assets/selected-radio-unchecked-backdrop@2.png")); +} + +.radio:backdrop:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive.png"), url("assets/radio-unchecked-backdrop-insensitive@2.png")); +} + +.radio:backdrop:insensitive.button.flat, +.header-bar .radio.titlebutton.button:backdrop:insensitive, +.titlebar .radio.titlebutton.button:backdrop:insensitive { +} + +.view.radio:backdrop:insensitive:selected, +GtkCalendar.radio:backdrop:insensitive:selected, +.list-row:selected .radio:backdrop:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop-insensitive.png"), url("assets/selected-radio-unchecked-backdrop-insensitive@2.png")); +} + +.radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.radio:inconsistent.button.flat, +.header-bar .radio.titlebutton.button:inconsistent, +.titlebar .radio.titlebutton.button:inconsistent { +} + +.view.radio:inconsistent:selected, +GtkCalendar.radio:inconsistent:selected, +.list-row:selected .radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed.png"), url("assets/selected-radio-mixed@2.png")); +} + +.radio:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover.png"), url("assets/radio-mixed-hover@2.png")); +} + +.radio:inconsistent:hover.button.flat, +.header-bar .radio.titlebutton.button:inconsistent:hover, +.titlebar .radio.titlebutton.button:inconsistent:hover { +} + +.view.radio:inconsistent:hover:selected, +GtkCalendar.radio:inconsistent:hover:selected, +.list-row:selected .radio:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-hover.png"), url("assets/selected-radio-mixed-hover@2.png")); +} + +.radio:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png")); +} + +.radio:inconsistent:selected.button.flat, +.header-bar .radio.titlebutton.button:inconsistent:selected, +.titlebar .radio.titlebutton.button:inconsistent:selected { +} + +.view.radio:inconsistent:selected:selected, +GtkCalendar.radio:inconsistent:selected, +.list-row:selected .radio:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-active.png"), url("assets/selected-radio-mixed-active@2.png")); +} + +.radio:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop.png"), url("assets/radio-mixed-backdrop@2.png")); +} + +.radio:inconsistent:backdrop.button.flat, +.header-bar .radio.titlebutton.button:inconsistent:backdrop, +.titlebar .radio.titlebutton.button:inconsistent:backdrop { +} + +.view.radio:inconsistent:backdrop:selected, +GtkCalendar.radio:inconsistent:backdrop:selected, +.list-row:selected .radio:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop.png"), url("assets/selected-radio-mixed-backdrop@2.png")); +} + +.radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.radio:inconsistent:insensitive.button.flat, +.header-bar .radio.titlebutton.button:inconsistent:insensitive, +.titlebar .radio.titlebutton.button:inconsistent:insensitive { +} + +.view.radio:inconsistent:insensitive:selected, +GtkCalendar.radio:inconsistent:insensitive:selected, +.list-row:selected .radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-insensitive.png"), url("assets/selected-radio-mixed-insensitive@2.png")); +} + +.radio:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-insensitive.png"), url("assets/radio-mixed-backdrop-insensitive@2.png")); +} + +.radio:inconsistent:insensitive:backdrop.button.flat, +.header-bar .radio.titlebutton.button:inconsistent:insensitive:backdrop, +.titlebar .radio.titlebutton.button:inconsistent:insensitive:backdrop { +} + +.view.radio:inconsistent:insensitive:backdrop:selected, +GtkCalendar.radio:inconsistent:insensitive:backdrop:selected, +.list-row:selected .radio:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop-insensitive.png"), url("assets/selected-radio-mixed-backdrop-insensitive@2.png")); +} + +.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.radio:checked.button.flat, +.header-bar .radio.titlebutton.button:checked, +.titlebar .radio.titlebutton.button:checked { +} + +.view.radio:checked:selected, +GtkCalendar.radio:checked:selected, +.list-row:selected .radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked.png"), url("assets/selected-radio-checked@2.png")); +} + +.radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.radio:checked:insensitive.button.flat, +.header-bar .radio.titlebutton.button:checked:insensitive, +.titlebar .radio.titlebutton.button:checked:insensitive { +} + +.view.radio:checked:insensitive:selected, +GtkCalendar.radio:checked:insensitive:selected, +.list-row:selected .radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-insensitive.png"), url("assets/selected-radio-checked-insensitive@2.png")); +} + +.radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover.png"), url("assets/radio-checked-hover@2.png")); +} + +.radio:checked:hover.button.flat, +.header-bar .radio.titlebutton.button:checked:hover, +.titlebar .radio.titlebutton.button:checked:hover { +} + +.view.radio:checked:hover:selected, +GtkCalendar.radio:checked:hover:selected, +.list-row:selected .radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-hover.png"), url("assets/selected-radio-checked-hover@2.png")); +} + +.radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png")); +} + +.radio:checked:active.button.flat, +.header-bar .radio.titlebutton.button:checked:active, +.titlebar .radio.titlebutton.button:checked:active { +} + +.view.radio:checked:active:selected, +GtkCalendar.radio:checked:active:selected, +.list-row:selected .radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-active.png"), url("assets/selected-radio-checked-active@2.png")); +} + +.radio:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop.png"), url("assets/radio-checked-backdrop@2.png")); +} + +.radio:backdrop:checked.button.flat, +.header-bar .radio.titlebutton.button:backdrop:checked, +.titlebar .radio.titlebutton.button:backdrop:checked { +} + +.view.radio:backdrop:checked:selected, +GtkCalendar.radio:backdrop:checked:selected, +.list-row:selected .radio:backdrop:checked { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop.png"), url("assets/selected-radio-checked-backdrop@2.png")); +} + +.radio:backdrop:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-insensitive.png"), url("assets/radio-checked-backdrop-insensitive@2.png")); +} + +.radio:backdrop:checked:insensitive.button.flat, +.header-bar .radio.titlebutton.button:backdrop:checked:insensitive, +.titlebar .radio.titlebutton.button:backdrop:checked:insensitive { +} + +.view.radio:backdrop:checked:insensitive:selected, +GtkCalendar.radio:backdrop:checked:insensitive:selected, +.list-row:selected .radio:backdrop:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop-insensitive.png"), url("assets/selected-radio-checked-backdrop-insensitive@2.png")); +} diff --git a/Paper/gtk-3.0/gtk-widgets.css b/Paper/gtk-3.0/gtk-widgets.css new file mode 100644 index 0000000..f7d8940 --- /dev/null +++ b/Paper/gtk-3.0/gtk-widgets.css @@ -0,0 +1,101 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +* { + -GtkCheckButton-indicator-size: 16; + -GtkCheckMenuItem-indicator-size: 16; + -GtkExpander-expander-size: 11; + -GtkHTML-link-color: @link; + -GtkIMHtml-hyperlink-color: @link; + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + -GtkPaned-handle-size: 0; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; + -GtkTextView-error-underline-color: @error; + -GtkToolButton-icon-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-focus-line-width: 1; + -GtkWidget-focus-padding: 0; + -GtkWidget-link-color: @link; + -GtkWidget-visited-link-color: @link; + -GtkWindow-resize-grip-height: 0; + -GtkWindow-resize-grip-width: 0; + -WnckTasklist-fade-overlay-rect: 0; + + background-color: inherit; + color: inherit; +} + +/* Import Widget CSS */ +@import url("widgets/action-bar.css"); +@import url("widgets/app-notifications.css"); +@import url("widgets/base-states.css"); +@import url("widgets/buttons.css"); +@import url("widgets/calendar.css"); +@import url("widgets/cell-row.css"); +@import url("widgets/check-radio.css"); +@import url("widgets/color-chooser.css"); +@import url("widgets/column-header.css"); +@import url("widgets/combobox.css"); +@import url("widgets/composited-indicator.css"); +@import url("widgets/csd.css"); +@import url("widgets/cursor-handles.css"); +@import url("widgets/destructive-action-buttons.css"); +@import url("widgets/dialogs.css"); +@import url("widgets/dynamic-notebook.css"); +@import url("widgets/entry.css"); +@import url("widgets/floating-bar.css"); +@import url("widgets/header-bar.css"); +@import url("widgets/images.css"); +@import url("widgets/infobars.css"); +@import url("widgets/inline-toolbars.css"); +@import url("widgets/labels.css"); +@import url("widgets/levelbars.css"); +@import url("widgets/linked-buttons.css"); +@import url("widgets/links.css"); +@import url("widgets/list-rows.css"); +@import url("widgets/menu-button.css"); +@import url("widgets/menubars.css"); +@import url("widgets/menus.css"); +@import url("widgets/message-dialogs.css"); +@import url("widgets/miscellaneous.css"); +@import url("widgets/notebook.css"); +@import url("widgets/osd.css"); +/*@import url("widgets/overflow.css");*/ +@import url("widgets/popovers.css"); +@import url("widgets/progressbars.css"); +@import url("widgets/scales.css"); +@import url("widgets/scrollbars.css"); +@import url("widgets/search-bars.css"); +@import url("widgets/selection-mode.css"); +@import url("widgets/separators.css"); +@import url("widgets/sidebar.css"); +@import url("widgets/spinbutton.css"); +@import url("widgets/spinner.css"); +@import url("widgets/statusbar.css"); +@import url("widgets/suggested-action-buttons.css"); +@import url("widgets/switches.css"); +@import url("widgets/tiles.css"); +@import url("widgets/titlebar.css"); +@import url("widgets/toolbars.css"); +@import url("widgets/tooltips.css"); +@import url("widgets/views.css"); +@import url("widgets/windows.css"); diff --git a/Paper/gtk-3.0/gtk.css b/Paper/gtk-3.0/gtk.css index b433885..941fd40 100644 --- a/Paper/gtk-3.0/gtk.css +++ b/Paper/gtk-3.0/gtk.css @@ -15,10207 +15,51 @@ * You should have received a copy of the GNU General Public License along * with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. */ -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* widget text/foreground color */ -@define-color theme_fg_color #666666; -/* text color for entries, views and content in general */ -@define-color theme_text_color #666666; -/* widget base background color */ -@define-color theme_bg_color #f7f7f7; -/* text widgets and the like base background color */ -@define-color theme_base_color #ffffff; -/* base background color of selections */ -@define-color theme_selected_bg_color #449ac2; -/* text/foreground color of selections */ -@define-color theme_selected_fg_color #ffffff; -/* base background color of insensitive widgets */ -@define-color insensitive_bg_color #fafafa; -/* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #afafaf; -/* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #ffffff; -/* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #afafaf; -/* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #666666; -/* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #f7f7f7; -/* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #fcfcfc; -/* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #449ac2; -/* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #ffffff; -/* widgets main borders color */ -@define-color borders #c4c4c4; -/* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #c9c9c9; -/* these are pretty self explicative */ -@define-color warning_color #feea3a; -@define-color error_color #f34235; -@define-color success_color #1ea362; -/* these colors are exported for the window manager and shouldn't be used in applications, -read if you used those and something break with a version upgrade you're on your own... */ -@define-color wm_title shade(#666666, 1.8); -@define-color wm_unfocused_title #afafaf; -@define-color wm_highlight rgba(255, 255, 255, 0.2); -@define-color wm_borders_edge rgba(255, 255, 255, 0.2); -@define-color wm_bg_a shade(#f7f7f7, 1.2); -@define-color wm_bg_b #f7f7f7; -@define-color wm_shadow alpha(black, 0.35); -@define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#f7f7f7, 1.3); -@define-color wm_button_hover_color_b #f7f7f7; -@define-color wm_button_active_color_a shade(#f7f7f7, 0.85); -@define-color wm_button_active_color_b shade(#f7f7f7, 0.89); -@define-color wm_button_active_color_c shade(#f7f7f7, 0.9); -@define-color content_view_bg #ffffff; + /********** - * Common * + * Colors * **********/ -* { - padding: 0; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #f34235; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkTreeView-expander-size: 11; - -GtkTreeView-horizontal-separator: 4; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 24; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - -GtkPaned-handle-size: 1; - -gtk-secondary-caret-color: #449ac2; } + +/* Base colors */ +@define-color base #fff;/* Base color */ +@define-color background #f7f7f7;/* Background color */ +@define-color foreground #666;/* Foreground color */ +@define-color border #D8D8D8;/* Borders color */ +@define-color separator alpha(#000, 0.15);/* Separator color */ +@define-color text @foreground;/* Text color */ +@define-color header #636E73;/* Header color */ +@define-color backdrop_header shade(@header, 0.9);/* Backdrop Header color */ +@define-color header_text #fff;/* Header text color */ +@define-color header_text_dark alpha(#000, 0.3);/* Header text color */ +@define-color selection #dbdee0;/* Selection color */ +@define-color view_background @base;/* View background */ +@define-color inactive_frame @border;/* Inactive frame color */ +@define-color text_shadow alpha(white, 0.4);/* Text shadow */ +@define-color icon_shadow @text_shadow;/* Icon shadow */ +@define-color progress_color #9fb0b9; /* Progressbar color */ + +/* Hightlight & shadow colors */ +@define-color highlight alpha(#fff, 0.2); +@define-color shadow alpha(#000, 0.2); + +/* Fixes for 263, and partial fix for 223 (gnome-calendar) + * https://github.com/snwh/paper-gtk-theme/issues/223 * + * https://github.com/snwh/paper-gtk-theme/issues/263 */ +@define-color theme_fg_color @foreground; +@define-color theme_bg_color @background; +@define-color theme_text_color @text; +@define-color theme_base_color @base; +@define-color borders @border; + /*********** - * Widgets * + * Imports * ***********/ -/*************** -* Action bars * -***************/ -.action-bar { - background-color: #dedede; - border: solid #c4c4c4; - border-width: 1px 0 0 0; - color: #666666; - box-shadow: none; } - .action-bar:backdrop { - background-color: #dedede; - box-shadow: none; - -gtk-image-effect: dim; } - .action-bar:first-child { - border-radius: 6px 6px 0px 0px; - border-width: 1px 1px 0px 1px; } - .action-bar:last-child { - border-radius: 0 0 6px 6px; - border-width: 0px 1px 1px 1px; } -/********************* - * App Notifications * - *********************/ -.app-notification, -.app-notification.frame { - padding: 10px; - border-radius: 0 0 5px 5px; - background-color: rgba(32, 37, 38, 0.8); - background-clip: padding-box; } - .app-notification:backdrop, - .app-notification.frame:backdrop { - background-image: none; - transition: 200ms ease-out; } - .app-notification border, - .app-notification.frame border { - border: none; } +/* Import Assets CSS */ +@import url("gtk-widgets-assets.css"); -/*************** - * Base States * - ***************/ -.background { - color: #666666; - background-color: #f7f7f7; } - .background:backdrop { - color: #afafaf; - background-color: #f7f7f7; - text-shadow: none; - -gtk-icon-shadow: none; } - -/* - These wildcard seems unavoidable, need to investigate. - Wildcards are bad and troublesome, use them with care, - or better, just don't. - Everytime a wildcard is used a kitten dies, painfully. -*/ -*:insensitive { - -gtk-icon-effect: dim; } - -*:disabled { - -gtk-icon-effect: dim; } - -.gtkstyle-fallback { - color: #666666; - background-color: #f7f7f7; } - .gtkstyle-fallback:hover { - color: #666666; - background-color: white; } - .gtkstyle-fallback:active { - color: #666666; - background-color: #dedede; } - .gtkstyle-fallback:disabled { - color: #afafaf; - background-color: #fafafa; } - .gtkstyle-fallback:selected { - color: #ffffff; - background-color: #449ac2; } - -.view, GtkIconView, -iconview, -GtkTextView text, -textview text { - color: #666666; - background-color: #ffffff; } - .view:backdrop, GtkIconView:backdrop, - iconview:backdrop, - GtkTextView text:backdrop, - textview text:backdrop { - color: #848484; - background-color: #fcfcfc; } - .view:selected:focus, GtkIconView:selected:focus, - iconview:selected:focus, .view:selected, GtkIconView:selected, - iconview:selected, - GtkTextView text:selected:focus, - textview text:selected:focus, - GtkTextView text:selected, - textview text:selected { - border-radius: 3px; } - -GtkTextView, -textview border { - background-color: #fbfbfb; - background-image: image(rgba(0, 0, 0, 0.2)); - background-repeat: no-repeat; } - GtkTextView:backdrop, - textview border:backdrop { - background-color: #fafafa; } - GtkTextView.bottom, - textview border.bottom { - background-size: 100% 1px; - background-position: top; } - GtkTextView.top, - textview border.top { - background-size: 100% 1px; - background-position: bottom; } - GtkTextView.left, - textview border.left { - background-size: 1px 100%; - background-position: right; } - GtkTextView.right, - textview border.right { - background-size: 1px 100%; - background-position: left; } - -GtkIconView, -iconview { - background-color: transparent; } - GtkIconView:backdrop, - iconview:backdrop { - background-color: transparent; } - -.rubberband, -rubberband, -GtkFlow rubberband, -flowbox rubberband, -.content-view rubberband, -GtkTreeView.view .rubberband, -GtkTreeView.view rubberband, -treeview.view .rubberband, -treeview.view rubberband { - border: 1px solid #347d9f; - background-color: rgba(52, 125, 159, 0.2); } - -GtkFlow flowboxchild, -flowbox flowboxchild { - padding: 3px; - border-radius: 3px; } - GtkFlow flowboxchild:selected, - flowbox flowboxchild:selected { - outline-offset: -2px; } - -GtkLabel.separator, -label.separator { - color: #666666; } - GtkLabel.separator:backdrop, - label.separator:backdrop { - color: #afafaf; } -GtkLabel selection, -label selection { - background-color: #449ac2; - color: #ffffff; } -GtkLabel:disabled, -label:disabled { - color: #afafaf; } - GtkLabel:disabled:backdrop, - label:disabled:backdrop { - color: #d1d1d1; } -GtkLabel:backdrop, -label:backdrop { - color: #afafaf; } - -.dim-label, GtkLabel.separator, -label.separator, .titlebar:not(headerbar) .subtitle, -.header-bar .subtitle, -headerbar .subtitle { - opacity: 0.55; - text-shadow: none; } - -GtkAssistant, -assistant { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } - GtkAssistant .sidebar, - assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid #c4c4c4; - border-bottom-left-radius: 4px; } - GtkAssistant .sidebar:backdrop, - assistant .sidebar:backdrop { - background-color: #fcfcfc; - border-color: #c9c9c9; } - GtkAssistant.csd .sidebar, - assistant.csd .sidebar { - border-top-style: none; } - GtkAssistant .sidebar GtkLabel, - GtkAssistant .sidebar label, - assistant .sidebar GtkLabel, - assistant .sidebar label { - padding: 6px 12px; } - GtkAssistant .sidebar GtkLabel.highlight, - GtkAssistant .sidebar label.highlight, - assistant .sidebar GtkLabel.highlight, - assistant .sidebar label.highlight { - background-color: #dadada; } - -.app-notification, -.app-notification.frame, .osd .scale-popup, .csd .popover.background.touch-selection, .csd .popover.background.magnifier, .popover.background.touch-selection, .popover.background.magnifier, .csd -popover.background.touch-selection, .csd -popover.background.magnifier, -popover.background.touch-selection, -popover.background.magnifier, .csd .popover.background.osd, .popover.background.osd, .csd -popover.background.osd, -popover.background.osd, -.osd { - color: #A1A8AB; - border: none; - background-color: rgba(32, 37, 38, 0.8); - background-clip: padding-box; - outline-color: rgba(161, 168, 171, 0.3); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .app-notification:backdrop, .osd .scale-popup:backdrop, .popover.background.touch-selection:backdrop, .popover.background.magnifier:backdrop, - popover.background.touch-selection:backdrop, - popover.background.magnifier:backdrop, .popover.background.osd:backdrop, - popover.background.osd:backdrop, - .osd:backdrop { - text-shadow: none; - -gtk-icon-shadow: none; } - -/*********** - * Buttons * - ***********/ -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#449ac2), to(transparent)); } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#449ac2), to(transparent)); } } -notebook > header > tabs > arrow, -.button, -button { - min-height: 20px; - min-width: 16px; - padding: 4px 9px; - border: 1px solid #c4c4c4; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #666666; - outline-color: rgba(102, 102, 102, 0.3); - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } - button.sidebar-button, notebook > header > tabs > arrow, - .button.flat, - button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - transition: none; } - button.sidebar-button:hover, notebook > header > tabs > arrow:hover, - .button.flat:hover, - button.flat:hover { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 500ms; } - button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, - .button.flat:hover:active, - button.flat:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - notebook > header > tabs > arrow:hover, - .button:hover, - button:hover { - color: #666666; - outline-color: rgba(102, 102, 102, 0.3); - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; - -gtk-icon-effect: highlight; } - notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, - .button:active, - .button:checked, - button:active, - button:checked { - color: #666666; - outline-color: rgba(102, 102, 102, 0.3); - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, #e5e5e5, #f2f2f2); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); - transition-duration: 50ms; } - button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, - .button:backdrop.flat, - .button:backdrop, - button:backdrop.flat, - button:backdrop { - border-color: #c9c9c9; - background-image: linear-gradient(to bottom, #f7f7f7); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - transition: 200ms ease-out; - -gtk-icon-effect: none; } - button.sidebar-button:backdrop GtkLabel, notebook > header > tabs > arrow:backdrop GtkLabel, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop GtkLabel, notebook > header > tabs > arrow:backdrop, - .button:backdrop.flat GtkLabel, - .button:backdrop.flat, - .button:backdrop GtkLabel, - .button:backdrop, - button:backdrop.flat GtkLabel, - button:backdrop.flat, - button:backdrop GtkLabel, - button:backdrop { - color: #afafaf; } - button.sidebar-button:backdrop label, notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop, - .button:backdrop.flat label, - .button:backdrop.flat, - .button:backdrop label, - .button:backdrop, - button:backdrop.flat label, - button:backdrop.flat, - button:backdrop label, - button:backdrop { - color: #afafaf; } - button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, - .button:backdrop.flat:active, - .button:backdrop.flat:checked, - .button:backdrop:active, - .button:backdrop:checked, - button:backdrop.flat:active, - button:backdrop.flat:checked, - button:backdrop:active, - button:backdrop:checked { - border-color: #c9c9c9; - background-image: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - button.sidebar-button:backdrop:active GtkLabel, notebook > header > tabs > arrow:backdrop:active GtkLabel, button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked GtkLabel, notebook > header > tabs > arrow:backdrop:checked GtkLabel, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active GtkLabel, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked GtkLabel, notebook > header > tabs > arrow:backdrop:checked, - .button:backdrop.flat:active GtkLabel, - .button:backdrop.flat:active, - .button:backdrop.flat:checked GtkLabel, - .button:backdrop.flat:checked, - .button:backdrop:active GtkLabel, - .button:backdrop:active, - .button:backdrop:checked GtkLabel, - .button:backdrop:checked, - button:backdrop.flat:active GtkLabel, - button:backdrop.flat:active, - button:backdrop.flat:checked GtkLabel, - button:backdrop.flat:checked, - button:backdrop:active GtkLabel, - button:backdrop:active, - button:backdrop:checked GtkLabel, - button:backdrop:checked { - color: #afafaf; } - button.sidebar-button:backdrop:active label, notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, - .button:backdrop.flat:active label, - .button:backdrop.flat:active, - .button:backdrop.flat:checked label, - .button:backdrop.flat:checked, - .button:backdrop:active label, - .button:backdrop:active, - .button:backdrop:checked label, - .button:backdrop:checked, - button:backdrop.flat:active label, - button:backdrop.flat:active, - button:backdrop.flat:checked label, - button:backdrop.flat:checked, - button:backdrop:active label, - button:backdrop:active, - button:backdrop:checked label, - button:backdrop:checked { - color: #afafaf; } - button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, - .button:backdrop.flat:disabled, - .button:backdrop:disabled, - button:backdrop.flat:disabled, - button:backdrop:disabled { - border-color: #c9c9c9; - background-image: none; - background-color: #fafafa; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.sidebar-button:backdrop:disabled GtkLabel, notebook > header > tabs > arrow:backdrop:disabled GtkLabel, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled GtkLabel, notebook > header > tabs > arrow:backdrop:disabled, - .button:backdrop.flat:disabled GtkLabel, - .button:backdrop.flat:disabled, - .button:backdrop:disabled GtkLabel, - .button:backdrop:disabled, - button:backdrop.flat:disabled GtkLabel, - button:backdrop.flat:disabled, - button:backdrop:disabled GtkLabel, - button:backdrop:disabled { - color: #d1d1d1; } - button.sidebar-button:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, - .button:backdrop.flat:disabled label, - .button:backdrop.flat:disabled, - .button:backdrop:disabled label, - .button:backdrop:disabled, - button:backdrop.flat:disabled label, - button:backdrop.flat:disabled, - button:backdrop:disabled label, - button:backdrop:disabled { - color: #d1d1d1; } - button.sidebar-button:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, - .button:backdrop.flat:disabled:active, - .button:backdrop.flat:disabled:checked, - .button:backdrop:disabled:active, - .button:backdrop:disabled:checked, - button:backdrop.flat:disabled:active, - button:backdrop.flat:disabled:checked, - button:backdrop:disabled:active, - button:backdrop:disabled:checked { - border-color: #c9c9c9; - background-image: none; - background-color: #ededed; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - button.sidebar-button:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, - .button:backdrop.flat:disabled:active label, - .button:backdrop.flat:disabled:checked label, - .button:backdrop:disabled:active label, - .button:backdrop:disabled:checked label, - button:backdrop.flat:disabled:active label, - button:backdrop.flat:disabled:checked label, - button:backdrop:disabled:active label, - button:backdrop:disabled:checked label { - color: #d1d1d1; } - button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, - .button.flat:backdrop, - .button.flat:disabled, - .button.flat:backdrop:disabled, - button.flat:backdrop, - button.flat:disabled, - button.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - notebook > header > tabs > arrow:insensitive, notebook > header > tabs > arrow:disabled, - .button:insensitive, - .button:disabled, - button:insensitive, - button:disabled { - border-color: #c4c4c4; - background-image: none; - background-color: #fafafa; - text-shadow: none; - box-shadow: none; - -gtk-icon-shadow: none; } - notebook > header > tabs > arrow:insensitive GtkLabel, notebook > header > tabs > arrow:insensitive, notebook > header > tabs > arrow:disabled GtkLabel, notebook > header > tabs > arrow:disabled, - .button:insensitive GtkLabel, - .button:insensitive, - .button:disabled GtkLabel, - .button:disabled, - button:insensitive GtkLabel, - button:insensitive, - button:disabled GtkLabel, - button:disabled { - color: #afafaf; } - notebook > header > tabs > arrow:insensitive label, notebook > header > tabs > arrow:insensitive, notebook > header > tabs > arrow:disabled label, notebook > header > tabs > arrow:disabled, - .button:insensitive label, - .button:insensitive, - .button:disabled label, - .button:disabled, - button:insensitive label, - button:insensitive, - button:disabled label, - button:disabled { - color: #afafaf; } - notebook > header > tabs > arrow:insensitive:active, notebook > header > tabs > arrow:insensitive:checked, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, - .button:insensitive:active, - .button:insensitive:checked, - .button:disabled:active, - .button:disabled:checked, - button:insensitive:active, - button:insensitive:checked, - button:disabled:active, - button:disabled:checked { - border-color: #c4c4c4; - background-image: none; - background-color: #fafafa; - text-shadow: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - notebook > header > tabs > arrow:insensitive:active GtkLabel, notebook > header > tabs > arrow:insensitive:active, notebook > header > tabs > arrow:insensitive:checked GtkLabel, notebook > header > tabs > arrow:insensitive:checked, notebook > header > tabs > arrow:disabled:active GtkLabel, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked GtkLabel, notebook > header > tabs > arrow:disabled:checked, - .button:insensitive:active GtkLabel, - .button:insensitive:active, - .button:insensitive:checked GtkLabel, - .button:insensitive:checked, - .button:disabled:active GtkLabel, - .button:disabled:active, - .button:disabled:checked GtkLabel, - .button:disabled:checked, - button:insensitive:active GtkLabel, - button:insensitive:active, - button:insensitive:checked GtkLabel, - button:insensitive:checked, - button:disabled:active GtkLabel, - button:disabled:active, - button:disabled:checked GtkLabel, - button:disabled:checked { - color: #afafaf; } - notebook > header > tabs > arrow:insensitive:active label, notebook > header > tabs > arrow:insensitive:active, notebook > header > tabs > arrow:insensitive:checked label, notebook > header > tabs > arrow:insensitive:checked, notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, - .button:insensitive:active label, - .button:insensitive:active, - .button:insensitive:checked label, - .button:insensitive:checked, - .button:disabled:active label, - .button:disabled:active, - .button:disabled:checked label, - .button:disabled:checked, - button:insensitive:active label, - button:insensitive:active, - button:insensitive:checked label, - button:insensitive:checked, - button:disabled:active label, - button:disabled:active, - button:disabled:checked label, - button:disabled:checked { - color: #afafaf; } - notebook > header > tabs > arrow.image-button, - .button.image-button, - button.image-button { - min-width: 24px; - padding-left: 4px; - padding-right: 4px; } - notebook > header > tabs > arrow.text-button, - .button.text-button, - button.text-button { - padding-left: 16px; - padding-right: 16px; } - notebook > header > tabs > arrow.text-button.image-button, - .button.text-button.image-button, - button.text-button.image-button { - padding-left: 8px; - padding-right: 8px; } - notebook > header > tabs > arrow.text-button.image-button GtkLabel, - notebook > header > tabs > arrow.text-button.image-button label, - .button.text-button.image-button GtkLabel, - .button.text-button.image-button label, - button.text-button.image-button GtkLabel, - button.text-button.image-button label { - padding-left: 8px; - padding-right: 8px; } - GtkComboBox:drop(active) button.combo, - combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), - .button:drop(active), - button:drop(active) { - color: #4e9a06; - border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } -row:selected -.button, row:selected -button { - border-color: #347d9f; } - row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected - .button.flat:not(:active):not(:checked):not(:hover):not(disabled), row:selected - button.flat:not(:active):not(:checked):not(:hover):not(disabled) { - color: #ffffff; - border-color: transparent; } - row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected - .button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected - button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { - color: #fcfcfc; } -.button.osd, -button.osd { - min-width: 24px; - min-height: 32px; - color: #A1A8AB; - border-radius: 5px; - outline-color: rgba(161, 168, 171, 0.3); - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); - border: none; - box-shadow: none; } - .button.osd.image-button, - button.osd.image-button { - min-width: 32px; } - .button.osd:hover, - button.osd:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); - border: none; - box-shadow: none; } - .button.osd:active, - .button.osd:checked, - button.osd:active, - button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); - border: none; - box-shadow: none; } - .button.osd:insensitive:backdrop, - .button.osd:insensitive, - .button.osd:disabled:backdrop, - .button.osd:disabled, - button.osd:insensitive:backdrop, - button.osd:insensitive, - button.osd:disabled:backdrop, - button.osd:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; } - .button.osd:backdrop, - button.osd:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; } -.app-notification .button, .app-notification button, -.app-notification.frame .button, -.app-notification.frame button, .csd .popover.background.touch-selection button, .csd .popover.background.magnifier button, .popover.background.touch-selection button, .popover.background.magnifier button, .csd -popover.background.touch-selection button, .csd -popover.background.magnifier button, -popover.background.touch-selection button, -popover.background.magnifier button, .osd -.button, .osd -button { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .app-notification .button:hover, .app-notification button:hover, .popover.background.touch-selection button:hover, .popover.background.magnifier button:hover, - popover.background.touch-selection button:hover, - popover.background.magnifier button:hover, .osd - .button:hover, .osd - button:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .app-notification .button:active:backdrop, .app-notification button:active:backdrop, .popover.background.touch-selection button:active:backdrop, .popover.background.magnifier button:active:backdrop, - popover.background.touch-selection button:active:backdrop, - popover.background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, .popover.background.touch-selection button:active, .popover.background.magnifier button:active, - popover.background.touch-selection button:active, - popover.background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, .popover.background.touch-selection button:checked:backdrop, .popover.background.magnifier button:checked:backdrop, - popover.background.touch-selection button:checked:backdrop, - popover.background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, .popover.background.touch-selection button:checked, .popover.background.magnifier button:checked, - popover.background.touch-selection button:checked, - popover.background.magnifier button:checked, .osd - .button:active:backdrop, .osd - .button:active, .osd - .button:checked:backdrop, .osd - .button:checked, .osd - button:active:backdrop, .osd - button:active, .osd - button:checked:backdrop, .osd - button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - .app-notification .button:disabled:backdrop, .app-notification button:disabled:backdrop, .popover.background.touch-selection button:disabled:backdrop, .popover.background.magnifier button:disabled:backdrop, - popover.background.touch-selection button:disabled:backdrop, - popover.background.magnifier button:disabled:backdrop, .app-notification .button:disabled, .app-notification button:disabled, .popover.background.touch-selection button:disabled, .popover.background.magnifier button:disabled, - popover.background.touch-selection button:disabled, - popover.background.magnifier button:disabled, .osd - .button:disabled:backdrop, .osd - .button:disabled, .osd - button:disabled:backdrop, .osd - button:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .app-notification .button:backdrop, .app-notification button:backdrop, .popover.background.touch-selection button:backdrop, .popover.background.magnifier button:backdrop, - popover.background.touch-selection button:backdrop, - popover.background.magnifier button:backdrop, .osd - .button:backdrop, .osd - button:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .app-notification .flat.button, .app-notification button.flat, .popover.background.touch-selection button.flat, .popover.background.magnifier button.flat, - popover.background.touch-selection button.flat, - popover.background.magnifier button.flat, .osd - .button.flat, .osd - button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .app-notification .flat.button:hover, .app-notification button.flat:hover, .popover.background.touch-selection button.flat:hover, .popover.background.magnifier button.flat:hover, - popover.background.touch-selection button.flat:hover, - popover.background.magnifier button.flat:hover, .osd - .button.flat:hover, .osd - button.flat:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .app-notification .flat.button:disabled, .app-notification button.flat:disabled, .popover.background.touch-selection button.flat:disabled, .popover.background.magnifier button.flat:disabled, - popover.background.touch-selection button.flat:disabled, - popover.background.magnifier button.flat:disabled, .osd - .button.flat:disabled, .osd - button.flat:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - background-image: none; - border-color: transparent; - box-shadow: none; } - .app-notification .flat.button:backdrop, .app-notification button.flat:backdrop, .popover.background.touch-selection button.flat:backdrop, .popover.background.magnifier button.flat:backdrop, - popover.background.touch-selection button.flat:backdrop, - popover.background.magnifier button.flat:backdrop, .osd - .button.flat:backdrop, .osd - button.flat:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - .app-notification .flat.button:active, .app-notification button.flat:active, .popover.background.touch-selection button.flat:active, .popover.background.magnifier button.flat:active, - popover.background.touch-selection button.flat:active, - popover.background.magnifier button.flat:active, .app-notification .flat.button:checked, .app-notification button.flat:checked, .popover.background.touch-selection button.flat:checked, .popover.background.magnifier button.flat:checked, - popover.background.touch-selection button.flat:checked, - popover.background.magnifier button.flat:checked, .osd - .button.flat:active, .osd - .button.flat:checked, .osd - button.flat:active, .osd - button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } -.button.suggested-action, -button.suggested-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #215065; - background-image: linear-gradient(to bottom, #449ac2, #3a8cb2); - text-shadow: 0 1px rgba(0, 0, 0, 0.58902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.58902); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .button.suggested-action.flat, - button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #449ac2; } - .button.suggested-action:hover, - button.suggested-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #215065; - background-image: linear-gradient(to bottom, #5ba6c9, #449ac2 60%, #3c8fb6); - text-shadow: 0 1px rgba(0, 0, 0, 0.54102); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54102); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - .button.suggested-action:active, - .button.suggested-action:checked, - button.suggested-action:active, - button.suggested-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #215065; - background-image: linear-gradient(to bottom, #3886ab, #3e95be); - text-shadow: 0 1px rgba(0, 0, 0, 0.66902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.66902); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .button.suggested-action:backdrop, - .button.suggested-action.flat:backdrop, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop { - border-color: #449ac2; - background-image: linear-gradient(to bottom, #449ac2); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .button.suggested-action:backdrop GtkLabel, - .button.suggested-action:backdrop, - .button.suggested-action.flat:backdrop GtkLabel, - .button.suggested-action.flat:backdrop, - button.suggested-action:backdrop GtkLabel, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop GtkLabel, - button.suggested-action.flat:backdrop { - color: #daebf3; } - .button.suggested-action:backdrop label, - .button.suggested-action:backdrop, - .button.suggested-action.flat:backdrop label, - .button.suggested-action.flat:backdrop, - button.suggested-action:backdrop label, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop label, - button.suggested-action.flat:backdrop { - color: #daebf3; } - .button.suggested-action:backdrop:active, - .button.suggested-action:backdrop:checked, - .button.suggested-action.flat:backdrop:active, - .button.suggested-action.flat:backdrop:checked, - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked { - border-color: #347d9f; - background-image: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .button.suggested-action:backdrop:active GtkLabel, - .button.suggested-action:backdrop:active, - .button.suggested-action:backdrop:checked GtkLabel, - .button.suggested-action:backdrop:checked, - .button.suggested-action.flat:backdrop:active GtkLabel, - .button.suggested-action.flat:backdrop:active, - .button.suggested-action.flat:backdrop:checked GtkLabel, - .button.suggested-action.flat:backdrop:checked, - button.suggested-action:backdrop:active GtkLabel, - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked GtkLabel, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active GtkLabel, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked GtkLabel, - button.suggested-action.flat:backdrop:checked { - color: #d6e5ec; } - .button.suggested-action:backdrop:active label, - .button.suggested-action:backdrop:active, - .button.suggested-action:backdrop:checked label, - .button.suggested-action:backdrop:checked, - .button.suggested-action.flat:backdrop:active label, - .button.suggested-action.flat:backdrop:active, - .button.suggested-action.flat:backdrop:checked label, - .button.suggested-action.flat:backdrop:checked, - button.suggested-action:backdrop:active label, - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked label, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active label, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked label, - button.suggested-action.flat:backdrop:checked { - color: #d6e5ec; } - .button.suggested-action:backdrop:disabled, - .button.suggested-action.flat:backdrop:disabled, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled { - border-color: #c9c9c9; - background-image: none; - background-color: #fafafa; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .button.suggested-action:backdrop:disabled GtkLabel, - .button.suggested-action:backdrop:disabled, - .button.suggested-action.flat:backdrop:disabled GtkLabel, - .button.suggested-action.flat:backdrop:disabled, - button.suggested-action:backdrop:disabled GtkLabel, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled GtkLabel, - button.suggested-action.flat:backdrop:disabled { - color: #d1d1d1; } - .button.suggested-action:backdrop:disabled label, - .button.suggested-action:backdrop:disabled, - .button.suggested-action.flat:backdrop:disabled label, - .button.suggested-action.flat:backdrop:disabled, - button.suggested-action:backdrop:disabled label, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled label, - button.suggested-action.flat:backdrop:disabled { - color: #d1d1d1; } - .button.suggested-action:backdrop:disabled:active, - .button.suggested-action:backdrop:disabled:checked, - .button.suggested-action.flat:backdrop:disabled:active, - .button.suggested-action.flat:backdrop:disabled:checked, - button.suggested-action:backdrop:disabled:active, - button.suggested-action:backdrop:disabled:checked, - button.suggested-action.flat:backdrop:disabled:active, - button.suggested-action.flat:backdrop:disabled:checked { - border-color: #4d9fc5; - background-image: none; - background-color: #4d9fc5; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .button.suggested-action:backdrop:disabled:active label, - .button.suggested-action:backdrop:disabled:checked label, - .button.suggested-action.flat:backdrop:disabled:active label, - .button.suggested-action.flat:backdrop:disabled:checked label, - button.suggested-action:backdrop:disabled:active label, - button.suggested-action:backdrop:disabled:checked label, - button.suggested-action.flat:backdrop:disabled:active label, - button.suggested-action.flat:backdrop:disabled:checked label { - color: #8bc1d9; } - .button.suggested-action.flat:backdrop, - .button.suggested-action.flat:disabled, - .button.suggested-action.flat:backdrop:disabled, - button.suggested-action.flat:backdrop, - button.suggested-action.flat:disabled, - button.suggested-action.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(68, 154, 194, 0.8); } - .button.suggested-action:disabled, - button.suggested-action:disabled { - border-color: #c4c4c4; - background-image: none; - background-color: #fafafa; - text-shadow: none; - box-shadow: none; - -gtk-icon-shadow: none; } - .button.suggested-action:disabled GtkLabel, - .button.suggested-action:disabled, - button.suggested-action:disabled GtkLabel, - button.suggested-action:disabled { - color: #afafaf; } - .button.suggested-action:disabled label, - .button.suggested-action:disabled, - button.suggested-action:disabled label, - button.suggested-action:disabled { - color: #afafaf; } - .button.suggested-action:disabled:active, - .button.suggested-action:disabled:checked, - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked { - border-color: #215065; - background-image: none; - background-color: #4d9fc5; - text-shadow: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .button.suggested-action:disabled:active GtkLabel, - .button.suggested-action:disabled:active, - .button.suggested-action:disabled:checked GtkLabel, - .button.suggested-action:disabled:checked, - button.suggested-action:disabled:active GtkLabel, - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked GtkLabel, - button.suggested-action:disabled:checked { - color: #b8d9e8; } - .button.suggested-action:disabled:active label, - .button.suggested-action:disabled:active, - .button.suggested-action:disabled:checked label, - .button.suggested-action:disabled:checked, - button.suggested-action:disabled:active label, - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked label, - button.suggested-action:disabled:checked { - color: #b8d9e8; } - .osd - .button.suggested-action, .osd - button.suggested-action { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.suggested-action:hover, .osd - button.suggested-action:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.suggested-action:active:backdrop, .osd - .button.suggested-action:active, .osd - .button.suggested-action:checked:backdrop, .osd - .button.suggested-action:checked, .osd - button.suggested-action:active:backdrop, .osd - button.suggested-action:active, .osd - button.suggested-action:checked:backdrop, .osd - button.suggested-action:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #449ac2); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.suggested-action:disabled:backdrop, .osd - .button.suggested-action:disabled, .osd - button.suggested-action:disabled:backdrop, .osd - button.suggested-action:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd - .button.suggested-action:backdrop, .osd - button.suggested-action:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } -.button.destructive-action, -button.destructive-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #9f1409; - background-image: linear-gradient(to bottom, #f34235, #f22b1d); - text-shadow: 0 1px rgba(0, 0, 0, 0.53569); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.53569); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .button.destructive-action.flat, - button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #f34235; } - .button.destructive-action:hover, - button.destructive-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #9f1409; - background-image: linear-gradient(to bottom, #f55d52, #f34235 60%, #f23022); - text-shadow: 0 1px rgba(0, 0, 0, 0.48769); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.48769); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - .button.destructive-action:active, - .button.destructive-action:checked, - button.destructive-action:active, - button.destructive-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #9f1409; - background-image: linear-gradient(to bottom, #f12213, #f2392b); - text-shadow: 0 1px rgba(0, 0, 0, 0.61569); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.61569); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .button.destructive-action:backdrop, - .button.destructive-action.flat:backdrop, - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop { - border-color: #f34235; - background-image: linear-gradient(to bottom, #f34235); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .button.destructive-action:backdrop GtkLabel, - .button.destructive-action:backdrop, - .button.destructive-action.flat:backdrop GtkLabel, - .button.destructive-action.flat:backdrop, - button.destructive-action:backdrop GtkLabel, - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop GtkLabel, - button.destructive-action.flat:backdrop { - color: #fdd9d7; } - .button.destructive-action:backdrop label, - .button.destructive-action:backdrop, - .button.destructive-action.flat:backdrop label, - .button.destructive-action.flat:backdrop, - button.destructive-action:backdrop label, - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop label, - button.destructive-action.flat:backdrop { - color: #fdd9d7; } - .button.destructive-action:backdrop:active, - .button.destructive-action:backdrop:checked, - .button.destructive-action.flat:backdrop:active, - .button.destructive-action.flat:backdrop:checked, - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked { - border-color: #e71d0e; - background-image: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .button.destructive-action:backdrop:active GtkLabel, - .button.destructive-action:backdrop:active, - .button.destructive-action:backdrop:checked GtkLabel, - .button.destructive-action:backdrop:checked, - .button.destructive-action.flat:backdrop:active GtkLabel, - .button.destructive-action.flat:backdrop:active, - .button.destructive-action.flat:backdrop:checked GtkLabel, - .button.destructive-action.flat:backdrop:checked, - button.destructive-action:backdrop:active GtkLabel, - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked GtkLabel, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active GtkLabel, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked GtkLabel, - button.destructive-action.flat:backdrop:checked { - color: #fad2cf; } - .button.destructive-action:backdrop:active label, - .button.destructive-action:backdrop:active, - .button.destructive-action:backdrop:checked label, - .button.destructive-action:backdrop:checked, - .button.destructive-action.flat:backdrop:active label, - .button.destructive-action.flat:backdrop:active, - .button.destructive-action.flat:backdrop:checked label, - .button.destructive-action.flat:backdrop:checked, - button.destructive-action:backdrop:active label, - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked label, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active label, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked label, - button.destructive-action.flat:backdrop:checked { - color: #fad2cf; } - .button.destructive-action:backdrop:disabled, - .button.destructive-action.flat:backdrop:disabled, - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled { - border-color: #c9c9c9; - background-image: none; - background-color: #fafafa; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .button.destructive-action:backdrop:disabled GtkLabel, - .button.destructive-action:backdrop:disabled, - .button.destructive-action.flat:backdrop:disabled GtkLabel, - .button.destructive-action.flat:backdrop:disabled, - button.destructive-action:backdrop:disabled GtkLabel, - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled GtkLabel, - button.destructive-action.flat:backdrop:disabled { - color: #d1d1d1; } - .button.destructive-action:backdrop:disabled label, - .button.destructive-action:backdrop:disabled, - .button.destructive-action.flat:backdrop:disabled label, - .button.destructive-action.flat:backdrop:disabled, - button.destructive-action:backdrop:disabled label, - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled label, - button.destructive-action.flat:backdrop:disabled { - color: #d1d1d1; } - .button.destructive-action:backdrop:disabled:active, - .button.destructive-action:backdrop:disabled:checked, - .button.destructive-action.flat:backdrop:disabled:active, - .button.destructive-action.flat:backdrop:disabled:checked, - button.destructive-action:backdrop:disabled:active, - button.destructive-action:backdrop:disabled:checked, - button.destructive-action.flat:backdrop:disabled:active, - button.destructive-action.flat:backdrop:disabled:checked { - border-color: #f4473b; - background-image: none; - background-color: #f4473b; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .button.destructive-action:backdrop:disabled:active label, - .button.destructive-action:backdrop:disabled:checked label, - .button.destructive-action.flat:backdrop:disabled:active label, - .button.destructive-action.flat:backdrop:disabled:checked label, - button.destructive-action:backdrop:disabled:active label, - button.destructive-action:backdrop:disabled:checked label, - button.destructive-action.flat:backdrop:disabled:active label, - button.destructive-action.flat:backdrop:disabled:checked label { - color: #f88780; } - .button.destructive-action.flat:backdrop, - .button.destructive-action.flat:disabled, - .button.destructive-action.flat:backdrop:disabled, - button.destructive-action.flat:backdrop, - button.destructive-action.flat:disabled, - button.destructive-action.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(243, 66, 53, 0.8); } - .button.destructive-action:disabled, - button.destructive-action:disabled { - border-color: #c4c4c4; - background-image: none; - background-color: #fafafa; - text-shadow: none; - box-shadow: none; - -gtk-icon-shadow: none; } - .button.destructive-action:disabled GtkLabel, - .button.destructive-action:disabled, - button.destructive-action:disabled GtkLabel, - button.destructive-action:disabled { - color: #afafaf; } - .button.destructive-action:disabled label, - .button.destructive-action:disabled, - button.destructive-action:disabled label, - button.destructive-action:disabled { - color: #afafaf; } - .button.destructive-action:disabled:active, - .button.destructive-action:disabled:checked, - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked { - border-color: #9f1409; - background-image: none; - background-color: #f4473b; - text-shadow: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .button.destructive-action:disabled:active GtkLabel, - .button.destructive-action:disabled:active, - .button.destructive-action:disabled:checked GtkLabel, - .button.destructive-action:disabled:checked, - button.destructive-action:disabled:active GtkLabel, - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked GtkLabel, - button.destructive-action:disabled:checked { - color: #fbb5b1; } - .button.destructive-action:disabled:active label, - .button.destructive-action:disabled:active, - .button.destructive-action:disabled:checked label, - .button.destructive-action:disabled:checked, - button.destructive-action:disabled:active label, - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked label, - button.destructive-action:disabled:checked { - color: #fbb5b1; } - .osd - .button.destructive-action, .osd - button.destructive-action { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.destructive-action:hover, .osd - button.destructive-action:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.destructive-action:active:backdrop, .osd - .button.destructive-action:active, .osd - .button.destructive-action:checked:backdrop, .osd - .button.destructive-action:checked, .osd - button.destructive-action:active:backdrop, .osd - button.destructive-action:active, .osd - button.destructive-action:checked:backdrop, .osd - button.destructive-action:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #f34235); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - .osd - .button.destructive-action:disabled:backdrop, .osd - .button.destructive-action:disabled, .osd - button.destructive-action:disabled:backdrop, .osd - button.destructive-action:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd - .button.destructive-action:backdrop, .osd - button.destructive-action:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } -.stack-switcher > -.button, .stack-switcher > -button { - outline-offset: -3px; } - .stack-switcher > - .button > label, .stack-switcher > - button > label { - padding-left: 6px; - padding-right: 6px; } - .stack-switcher > - .button > image, .stack-switcher > - button > image { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; } - .stack-switcher > - .button.text-button, .stack-switcher > - button.text-button { - padding-left: 10px; - padding-right: 10px; } - .stack-switcher > - .button.image-button, .stack-switcher > - button.image-button { - padding-left: 2px; - padding-right: 2px; } - .stack-switcher > - .button.needs-attention:active > label, - .stack-switcher > - .button.needs-attention:active > image, .stack-switcher > - .button.needs-attention:checked > label, - .stack-switcher > - .button.needs-attention:checked > image, .stack-switcher > - button.needs-attention:active > label, - .stack-switcher > - button.needs-attention:active > image, .stack-switcher > - button.needs-attention:checked > label, - .stack-switcher > - button.needs-attention:checked > image { - animation: none; - background-image: none; } -.inline-toolbar -.button, .inline-toolbar -.button:backdrop, .inline-toolbar -button, .inline-toolbar -button:backdrop { - border-radius: 2px; - border-width: 1px; } -.primary-toolbar -.button, .primary-toolbar -button { - -gtk-icon-shadow: none; } - -.stack-switcher > -.button.needs-attention > label, -.stack-switcher > -.button.needs-attention > image, .stack-switcher > -button.needs-attention > label, -.stack-switcher > -button.needs-attention > image, .sidebar .list-row.needs-attention > label, -.sidebar row.needs-attention > label, stacksidebar .list-row.needs-attention > label, -stacksidebar row.needs-attention > label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#449ac2), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; } - .stack-switcher > - .button.needs-attention > label:backdrop, - .stack-switcher > - .button.needs-attention > image:backdrop, .stack-switcher > - button.needs-attention > label:backdrop, - .stack-switcher > - button.needs-attention > image:backdrop, .sidebar .list-row.needs-attention > label:backdrop, - .sidebar row.needs-attention > label:backdrop, stacksidebar .list-row.needs-attention > label:backdrop, - stacksidebar row.needs-attention > label:backdrop { - background-size: 6px 6px, 0 0; } - .stack-switcher > - .button.needs-attention > label:dir(rtl), - .stack-switcher > - .button.needs-attention > image:dir(rtl), .stack-switcher > - button.needs-attention > label:dir(rtl), - .stack-switcher > - button.needs-attention > image:dir(rtl), .sidebar .list-row.needs-attention > label:dir(rtl), - .sidebar row.needs-attention > label:dir(rtl), stacksidebar .list-row.needs-attention > label:dir(rtl), - stacksidebar row.needs-attention > label:dir(rtl) { - background-position: left 3px, left 4px; } - -.inline-toolbar toolbutton > button { - color: #666666; - outline-color: rgba(102, 102, 102, 0.3); - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .inline-toolbar toolbutton > button:hover { - color: #666666; - outline-color: rgba(102, 102, 102, 0.3); - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; } - .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - color: #666666; - outline-color: rgba(102, 102, 102, 0.3); - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, #e5e5e5, #f2f2f2); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .inline-toolbar toolbutton > button:disabled { - border-color: #c4c4c4; - background-image: none; - background-color: #fafafa; - text-shadow: none; - box-shadow: none; - -gtk-icon-shadow: none; } - .inline-toolbar toolbutton > button:disabled GtkLabel, .inline-toolbar toolbutton > button:disabled { - color: #afafaf; } - .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: #afafaf; } - .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - border-color: #c4c4c4; - background-image: none; - background-color: #fafafa; - text-shadow: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .inline-toolbar toolbutton > button:disabled:active GtkLabel, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked GtkLabel, .inline-toolbar toolbutton > button:disabled:checked { - color: #afafaf; } - .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: #afafaf; } - .inline-toolbar toolbutton > button:backdrop { - border-color: #c9c9c9; - background-image: linear-gradient(to bottom, #f7f7f7); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop { - color: #afafaf; } - .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { - color: #afafaf; } - .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - border-color: #c9c9c9; - background-image: none; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .inline-toolbar toolbutton > button:backdrop:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked GtkLabel, .inline-toolbar toolbutton > button:backdrop:checked { - color: #afafaf; } - .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { - color: #afafaf; } - .inline-toolbar toolbutton > button:backdrop:disabled { - border-color: #c9c9c9; - background-image: none; - background-color: #fafafa; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled GtkLabel, .inline-toolbar toolbutton > button:backdrop:disabled { - color: #d1d1d1; } - .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { - color: #d1d1d1; } - .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - border-color: #c9c9c9; - background-image: none; - background-color: #ededed; - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { - color: #d1d1d1; } - -toolbar.inline-toolbar toolbutton > button.flat, -toolbar.inline-toolbar toolbutton:backdrop > button.flat, .inline-toolbar -.button, .inline-toolbar -.button:backdrop, .inline-toolbar -button, .inline-toolbar -button:backdrop, .linked > -.button, .linked > -.button:hover, .linked > -.button:active, .linked > -.button:checked, .linked > -.button:backdrop, .linked > -button, .linked > -button:hover, .linked > -button:active, .linked > -button:checked, .linked > -button:backdrop, .linked:not(.vertical) > .spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > -.entry, .linked:not(.vertical) > -entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { - border-radius: 0; - border-right-style: none; } - -.inline-toolbar -.button:first-child, .inline-toolbar -button:first-child, .linked > -.button:first-child, .linked > -button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, GtkComboBox.linked button:nth-child(2):dir(rtl), -combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > .spinbutton:first-child:not(.vertical), -.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > -.entry:first-child, .linked:not(.vertical) > -entry:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } -.inline-toolbar -.button:last-child, .inline-toolbar -button:last-child, .linked > -.button:last-child, .linked > -button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, GtkComboBox.linked button:nth-child(2):dir(ltr), -combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > .spinbutton:last-child:not(.vertical), -.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > -.entry:last-child, .linked:not(.vertical) > -entry:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-right-style: solid; } -.inline-toolbar -.button:only-child, .inline-toolbar -button:only-child, .linked > -.button:only-child, .linked > -button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > .spinbutton:only-child:not(.vertical), -.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > -.entry:only-child, .linked:not(.vertical) > -entry:only-child { - border-radius: 3px; - border-style: solid; } - -.linked.vertical > -.button, .linked.vertical > -.button:hover, .linked.vertical > -.button:active, .linked.vertical > -.button:checked, .linked.vertical > -.button:backdrop, .linked.vertical > -button, .linked.vertical > -button:hover, .linked.vertical > -button:active, .linked.vertical > -button:checked, .linked.vertical > -button:backdrop, .linked.vertical > .spinbutton:not(.vertical), -.linked.vertical > spinbutton:not(.vertical), .linked.vertical > -.entry, .linked.vertical > -entry, .linked.vertical > combobox > box > button.combo { - border-style: solid solid none solid; - border-radius: 0; } - -.linked.vertical > -.button:first-child, .linked.vertical > -button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > .spinbutton:first-child:not(.vertical), -.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > -.entry:first-child, .linked.vertical > -entry:first-child { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } -.linked.vertical > -.button:last-child, .linked.vertical > -button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > .spinbutton:last-child:not(.vertical), -.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > -.entry:last-child, .linked.vertical > -entry:last-child { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border-style: solid; } -.linked.vertical > -.button:only-child, .linked.vertical > -button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > .spinbutton:only-child:not(.vertical), -.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > -.entry:only-child, .linked.vertical > -entry:only-child { - border-radius: 3px; - border-style: solid; } - -modelbutton.flat, .popover.background .check, -.popover.background checkbutton, -.popover.background .radio, -.popover.background radiobutton, -popover.background .check, -popover.background checkbutton, -popover.background .radio, -popover.background radiobutton, -.menuitem.button.flat, modelbutton.flat:backdrop, -popover.background checkbutton:backdrop, -popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, .popover.background .check:backdrop:hover, -.popover.background checkbutton:backdrop:hover, -.popover.background .radio:backdrop:hover, -.popover.background radiobutton:backdrop:hover, -popover.background .check:backdrop:hover, -popover.background checkbutton:backdrop:hover, -popover.background .radio:backdrop:hover, -popover.background radiobutton:backdrop:hover, -.menuitem.button.flat:backdrop, -.menuitem.button.flat:backdrop:hover, GtkCalendar.button, -calendar.button, GtkCalendar.button:hover, -calendar.button:hover, GtkCalendar.button:backdrop, -calendar.button:backdrop, GtkCalendar.button:disabled, -calendar.button:disabled, button:link, -.button:link, -button:visited, -.button:visited, button:link:hover, button:link:active, button:link:checked, -.button:link:hover, -.button:link:active, -.button:link:checked, -button:visited:hover, -button:visited:active, -button:visited:checked, -.button:visited:hover, -.button:visited:active, -.button:visited:checked, .scale-popup .button:hover, -.scale-popup button:hover, .scale-popup .button:backdrop:hover, .scale-popup .button:backdrop:disabled, .scale-popup .button:backdrop, -.scale-popup button:backdrop:hover, -.scale-popup button:backdrop:disabled, -.scale-popup button:backdrop { - background-color: transparent; - background-image: none; - border-color: transparent; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - -/* menu buttons */ -modelbutton.flat, .popover.background .check, -.popover.background checkbutton, -.popover.background .radio, -.popover.background radiobutton, -popover.background .check, -popover.background checkbutton, -popover.background .radio, -popover.background radiobutton, -.menuitem.button.flat { - min-height: 26px; - padding-left: 5px; - padding-right: 5px; - border-radius: 3px; - outline-offset: -2px; } - modelbutton.flat:hover, .popover.background .check:hover, - .popover.background checkbutton:hover, - .popover.background .radio:hover, - .popover.background radiobutton:hover, - popover.background .check:hover, - popover.background checkbutton:hover, - popover.background .radio:hover, - popover.background radiobutton:hover, - .menuitem.button.flat:hover { - background-color: white; } - modelbutton.flat check:last-child, .popover.background .check check:last-child, - .popover.background checkbutton check:last-child, - .popover.background .radio check:last-child, - .popover.background radiobutton check:last-child, - popover.background .check check:last-child, - popover.background checkbutton check:last-child, - popover.background .radio check:last-child, - popover.background radiobutton check:last-child, - modelbutton.flat radio:last-child, - .popover.background .check radio:last-child, - .popover.background checkbutton radio:last-child, - .popover.background .radio radio:last-child, - .popover.background radiobutton radio:last-child, - popover.background .check radio:last-child, - popover.background checkbutton radio:last-child, - popover.background .radio radio:last-child, - popover.background radiobutton radio:last-child, - .menuitem.button.flat check:last-child, - .menuitem.button.flat radio:last-child { - margin-left: 8px; } - modelbutton.flat check:first-child, .popover.background .check check:first-child, - .popover.background checkbutton check:first-child, - .popover.background .radio check:first-child, - .popover.background radiobutton check:first-child, - popover.background .check check:first-child, - popover.background checkbutton check:first-child, - popover.background .radio check:first-child, - popover.background radiobutton check:first-child, - modelbutton.flat radio:first-child, - .popover.background .check radio:first-child, - .popover.background checkbutton radio:first-child, - .popover.background .radio radio:first-child, - .popover.background radiobutton radio:first-child, - popover.background .check radio:first-child, - popover.background checkbutton radio:first-child, - popover.background .radio radio:first-child, - popover.background radiobutton radio:first-child, - .menuitem.button.flat check:first-child, - .menuitem.button.flat radio:first-child { - margin-right: 8px; } - -modelbutton.flat arrow, .popover.background .check arrow, -.popover.background checkbutton arrow, -.popover.background .radio arrow, -.popover.background radiobutton arrow, -popover.background .check arrow, -popover.background checkbutton arrow, -popover.background .radio arrow, -popover.background radiobutton arrow { - background: none; } - modelbutton.flat arrow:hover, .popover.background .check arrow:hover, - .popover.background checkbutton arrow:hover, - .popover.background .radio arrow:hover, - .popover.background radiobutton arrow:hover, - popover.background .check arrow:hover, - popover.background checkbutton arrow:hover, - popover.background .radio arrow:hover, - popover.background radiobutton arrow:hover { - background: none; } - modelbutton.flat arrow.left, .popover.background .check arrow.left, - .popover.background checkbutton arrow.left, - .popover.background .radio arrow.left, - .popover.background radiobutton arrow.left, - popover.background .check arrow.left, - popover.background checkbutton arrow.left, - popover.background .radio arrow.left, - popover.background radiobutton arrow.left { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - modelbutton.flat arrow.right, .popover.background .check arrow.right, - .popover.background checkbutton arrow.right, - .popover.background .radio arrow.right, - .popover.background radiobutton arrow.right, - popover.background .check arrow.right, - popover.background checkbutton arrow.right, - popover.background .radio arrow.right, - popover.background radiobutton arrow.right { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - -button.color { - padding: 4px; } - button.color colorswatch:only-child { - box-shadow: 0 1px rgba(255, 255, 255, 0.76923); } - button.color colorswatch:only-child, button.color colorswatch:only-child overlay { - border-radius: 0; } - button.color colorswatch:only-child:disabled, button.color colorswatch:only-child:backdrop { - box-shadow: none; } - -/************ - * Calendar * - ***********/ -GtkCalendar, -calendar { - color: #666666; - border: 1px solid #c4c4c4; } - GtkCalendar:selected, - calendar:selected { - border-radius: 3px; } - GtkCalendar.header, - calendar.header { - border-bottom: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0; } - GtkCalendar.header:backdrop, - calendar.header:backdrop { - border-color: rgba(0, 0, 0, 0.1); } - GtkCalendar.button, - calendar.button { - color: rgba(102, 102, 102, 0.45); } - GtkCalendar.button:hover, - calendar.button:hover { - color: #666666; } - GtkCalendar.button:backdrop, - calendar.button:backdrop { - color: rgba(175, 175, 175, 0.45); } - GtkCalendar.button:disabled, - calendar.button:disabled { - color: rgba(175, 175, 175, 0.45); } - GtkCalendar:indeterminate, GtkCalendar:indeterminate:backdrop, - calendar:indeterminate, - calendar:indeterminate:backdrop { - color: alpha(currentColor,0.55); } - GtkCalendar.highlight, GtkCalendar.highlight:backdrop, - calendar.highlight, - calendar.highlight:backdrop { - font-size: smaller; - color: #666666; } - GtkCalendar:backdrop, - calendar:backdrop { - color: #848484; - border-color: #c9c9c9; } - -/************************* - * Check and Radio Items * - *************************/ -check, -.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); - -gtk-icon-shadow: none; } - -radio, -.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); - -gtk-icon-shadow: none; } - -check:hover, -.check:hover { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover.png"), url("assets/checkbox-unchecked-hover@2.png")); - -gtk-icon-shadow: none; } - -radio:hover, -.radio:hover { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover.png"), url("assets/radio-unchecked-hover@2.png")); - -gtk-icon-shadow: none; } - -check:active, -.check:active { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); - -gtk-icon-shadow: none; } - -radio:active, -.radio:active { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); - -gtk-icon-shadow: none; } - -check:backdrop, -.check:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop.png"), url("assets/checkbox-unchecked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -radio:backdrop, -.radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop.png"), url("assets/radio-unchecked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -check:insensitive, -.check:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -radio:insensitive, -.radio:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -check:insensitive:backdrop, -.check:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive.png"), url("assets/checkbox-unchecked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -radio:insensitive:backdrop, -.radio:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive.png"), url("assets/radio-unchecked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -check:checked, -.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); - -gtk-icon-shadow: none; } - -radio:checked, -.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); - -gtk-icon-shadow: none; } - -check:checked:hover, -.check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover.png"), url("assets/checkbox-checked-hover@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:hover, -.radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover.png"), url("assets/radio-checked-hover@2.png")); - -gtk-icon-shadow: none; } - -check:checked:active, -.check:checked:active { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:active, -.radio:checked:active { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png")); - -gtk-icon-shadow: none; } - -check:checked:backdrop, -.check:checked:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop.png"), url("assets/checkbox-checked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:backdrop, -.radio:checked:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop.png"), url("assets/radio-checked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -check:checked:insensitive, -.check:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:insensitive, -.radio:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -check:checked:insensitive:backdrop, -.check:checked:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-backdrop.png"), url("assets/checkbox-checked-insensitive-backdrop@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:insensitive:backdrop, -.radio:checked:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-backdrop.png"), url("assets/radio-checked-insensitive-backdrop@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent, -.check:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent, -.radio:inconsistent { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:hover, -.check:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover.png"), url("assets/checkbox-mixed-hover@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:hover, -.radio:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover.png"), url("assets/radio-mixed-hover@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:active, -.check:inconsistent:active { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:active, -.radio:inconsistent:active { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:backdrop, -.check:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop.png"), url("assets/checkbox-mixed-backdrop@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:backdrop, -.radio:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop.png"), url("assets/radio-mixed-backdrop@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:insensitive, -.check:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:insensitive, -.radio:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:insensitive:backdrop, -.check:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-backdrop.png"), url("assets/checkbox-mixed-insensitive-backdrop@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:insensitive:backdrop, -.radio:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-backdrop.png"), url("assets/radio-mixed-insensitive-backdrop@2.png")); - -gtk-icon-shadow: none; } - -check:selected, -.check:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked.png"), url("assets/selected-checkbox-unchecked@2.png")); - -gtk-icon-shadow: none; } - -radio:selected, -.radio:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked.png"), url("assets/selected-radio-unchecked@2.png")); - -gtk-icon-shadow: none; } - -check:hover:selected, -.check:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-hover.png"), url("assets/selected-checkbox-unchecked-hover@2.png")); - -gtk-icon-shadow: none; } - -radio:hover:selected, -.radio:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-hover.png"), url("assets/selected-radio-unchecked-hover@2.png")); - -gtk-icon-shadow: none; } - -check:active:selected, -.check:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-active.png"), url("assets/selected-checkbox-unchecked-active@2.png")); - -gtk-icon-shadow: none; } - -radio:active:selected, -.radio:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-active.png"), url("assets/selected-radio-unchecked-active@2.png")); - -gtk-icon-shadow: none; } - -check:backdrop:selected, -.check:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop.png"), url("assets/selected-checkbox-unchecked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -radio:backdrop:selected, -.radio:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop.png"), url("assets/selected-radio-unchecked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -check:insensitive:selected, -.check:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-insensitive.png"), url("assets/selected-checkbox-unchecked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -radio:insensitive:selected, -.radio:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-insensitive.png"), url("assets/selected-radio-unchecked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -check:insensitive:backdrop:selected, -.check:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop-insensitive.png"), url("assets/selected-checkbox-unchecked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -radio:insensitive:backdrop:selected, -.radio:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop-insensitive.png"), url("assets/selected-radio-unchecked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -check:checked:selected, -.check:checked:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked.png"), url("assets/selected-checkbox-checked@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:selected, -.radio:checked:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked.png"), url("assets/selected-radio-checked@2.png")); - -gtk-icon-shadow: none; } - -check:checked:hover:selected, -.check:checked:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-hover.png"), url("assets/selected-checkbox-checked-hover@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:hover:selected, -.radio:checked:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-hover.png"), url("assets/selected-radio-checked-hover@2.png")); - -gtk-icon-shadow: none; } - -check:checked:active:selected, -.check:checked:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-active.png"), url("assets/selected-checkbox-checked-active@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:active:selected, -.radio:checked:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-active.png"), url("assets/selected-radio-checked-active@2.png")); - -gtk-icon-shadow: none; } - -check:checked:backdrop:selected, -.check:checked:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop.png"), url("assets/selected-checkbox-checked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:backdrop:selected, -.radio:checked:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop.png"), url("assets/selected-radio-checked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -check:checked:insensitive:selected, -.check:checked:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-insensitive.png"), url("assets/selected-checkbox-checked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:insensitive:selected, -.radio:checked:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-insensitive.png"), url("assets/selected-radio-checked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -check:checked:insensitive:backdrop:selected, -.check:checked:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-insensitive-backdrop.png"), url("assets/selected-checkbox-checked-insensitive-backdrop@2.png")); - -gtk-icon-shadow: none; } - -radio:checked:insensitive:backdrop:selected, -.radio:checked:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-insensitive-backdrop.png"), url("assets/selected-radio-checked-insensitive-backdrop@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:selected, -.check:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed.png"), url("assets/selected-checkbox-mixed@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:selected, -.radio:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed.png"), url("assets/selected-radio-mixed@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:hover:selected, -.check:inconsistent:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-hover.png"), url("assets/selected-checkbox-mixed-hover@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:hover:selected, -.radio:inconsistent:hover:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-hover.png"), url("assets/selected-radio-mixed-hover@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:active:selected, -.check:inconsistent:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-active.png"), url("assets/selected-checkbox-mixed-active@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:active:selected, -.radio:inconsistent:active:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-active.png"), url("assets/selected-radio-mixed-active@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:backdrop:selected, -.check:inconsistent:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop.png"), url("assets/selected-checkbox-mixed-backdrop@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:backdrop:selected, -.radio:inconsistent:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop.png"), url("assets/selected-radio-mixed-backdrop@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:insensitive:selected, -.check:inconsistent:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-insensitive.png"), url("assets/selected-checkbox-mixed-insensitive@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:insensitive:selected, -.radio:inconsistent:insensitive:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-insensitive.png"), url("assets/selected-radio-mixed-insensitive@2.png")); - -gtk-icon-shadow: none; } - -check:inconsistent:insensitive:backdrop:selected, -.check:inconsistent:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-insensitive-backdrop.png"), url("assets/selected-checkbox-mixed-insensitive-backdrop@2.png")); - -gtk-icon-shadow: none; } - -radio:inconsistent:insensitive:backdrop:selected, -.radio:inconsistent:insensitive:backdrop:selected { - -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-insensitive-backdrop.png"), url("assets/selected-radio-mixed-insensitive-backdrop@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check, GtkIconView.content-view check, -iconview.content-view check, -.view.content-view.check, -GtkIconView.content-view.check, -iconview.content-view.check { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio, GtkIconView.content-view radio, -iconview.content-view radio, -.view.content-view.radio, -GtkIconView.content-view.radio, -iconview.content-view.radio { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked.png"), url("assets/radio-unchecked@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:hover, GtkIconView.content-view check:hover, -iconview.content-view check:hover, -.view.content-view.check:hover, -GtkIconView.content-view.check:hover, -iconview.content-view.check:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-hover.png"), url("assets/checkbox-unchecked-hover@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:hover, GtkIconView.content-view radio:hover, -iconview.content-view radio:hover, -.view.content-view.radio:hover, -GtkIconView.content-view.radio:hover, -iconview.content-view.radio:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-hover.png"), url("assets/radio-unchecked-hover@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:active, GtkIconView.content-view check:active, -iconview.content-view check:active, -.view.content-view.check:active, -GtkIconView.content-view.check:active, -iconview.content-view.check:active { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:active, GtkIconView.content-view radio:active, -iconview.content-view radio:active, -.view.content-view.radio:active, -GtkIconView.content-view.radio:active, -iconview.content-view.radio:active { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:backdrop, GtkIconView.content-view check:backdrop, -iconview.content-view check:backdrop, -.view.content-view.check:backdrop, -GtkIconView.content-view.check:backdrop, -iconview.content-view.check:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-backdrop.png"), url("assets/checkbox-unchecked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:backdrop, GtkIconView.content-view radio:backdrop, -iconview.content-view radio:backdrop, -.view.content-view.radio:backdrop, -GtkIconView.content-view.radio:backdrop, -iconview.content-view.radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-backdrop.png"), url("assets/radio-unchecked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:insensitive, GtkIconView.content-view check:insensitive, -iconview.content-view check:insensitive, -.view.content-view.check:insensitive, -GtkIconView.content-view.check:insensitive, -iconview.content-view.check:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:insensitive, GtkIconView.content-view radio:insensitive, -iconview.content-view radio:insensitive, -.view.content-view.radio:insensitive, -GtkIconView.content-view.radio:insensitive, -iconview.content-view.radio:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:insensitive:backdrop, GtkIconView.content-view check:insensitive:backdrop, -iconview.content-view check:insensitive:backdrop, -.view.content-view.check:insensitive:backdrop, -GtkIconView.content-view.check:insensitive:backdrop, -iconview.content-view.check:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("assets/checkbox-unchecked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:insensitive:backdrop, GtkIconView.content-view radio:insensitive:backdrop, -iconview.content-view radio:insensitive:backdrop, -.view.content-view.radio:insensitive:backdrop, -GtkIconView.content-view.radio:insensitive:backdrop, -iconview.content-view.radio:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("assets/radio-unchecked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check, GtkIconView.content-view check, -iconview.content-view check, -.view.content-view.check, -GtkIconView.content-view.check, -iconview.content-view.check { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked.png"), url("assets/checkbox-checked@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio, GtkIconView.content-view radio, -iconview.content-view radio, -.view.content-view.radio, -GtkIconView.content-view.radio, -iconview.content-view.radio { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked.png"), url("assets/radio-checked@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:hover, GtkIconView.content-view check:hover, -iconview.content-view check:hover, -.view.content-view.check:hover, -GtkIconView.content-view.check:hover, -iconview.content-view.check:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-hover.png"), url("assets/checkbox-checked-hover@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:hover, GtkIconView.content-view radio:hover, -iconview.content-view radio:hover, -.view.content-view.radio:hover, -GtkIconView.content-view.radio:hover, -iconview.content-view.radio:hover { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-hover.png"), url("assets/radio-checked-hover@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:active, GtkIconView.content-view check:active, -iconview.content-view check:active, -.view.content-view.check:active, -GtkIconView.content-view.check:active, -iconview.content-view.check:active { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:active, GtkIconView.content-view radio:active, -iconview.content-view radio:active, -.view.content-view.radio:active, -GtkIconView.content-view.radio:active, -iconview.content-view.radio:active { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-active.png"), url("assets/radio-checked-active@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:backdrop, GtkIconView.content-view check:backdrop, -iconview.content-view check:backdrop, -.view.content-view.check:backdrop, -GtkIconView.content-view.check:backdrop, -iconview.content-view.check:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-backdrop.png"), url("assets/checkbox-checked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:backdrop, GtkIconView.content-view radio:backdrop, -iconview.content-view radio:backdrop, -.view.content-view.radio:backdrop, -GtkIconView.content-view.radio:backdrop, -iconview.content-view.radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-backdrop.png"), url("assets/radio-checked-backdrop@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:insensitive, GtkIconView.content-view check:insensitive, -iconview.content-view check:insensitive, -.view.content-view.check:insensitive, -GtkIconView.content-view.check:insensitive, -iconview.content-view.check:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:insensitive, GtkIconView.content-view radio:insensitive, -iconview.content-view radio:insensitive, -.view.content-view.radio:insensitive, -GtkIconView.content-view.radio:insensitive, -iconview.content-view.radio:insensitive { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view check:insensitive:backdrop, GtkIconView.content-view check:insensitive:backdrop, -iconview.content-view check:insensitive:backdrop, -.view.content-view.check:insensitive:backdrop, -GtkIconView.content-view.check:insensitive:backdrop, -iconview.content-view.check:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox-checked-backdrop-insensitive.png"), url("assets/checkbox-checked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.view.content-view radio:insensitive:backdrop, GtkIconView.content-view radio:insensitive:backdrop, -iconview.content-view radio:insensitive:backdrop, -.view.content-view.radio:insensitive:backdrop, -GtkIconView.content-view.radio:insensitive:backdrop, -iconview.content-view.radio:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio-checked-backdrop-insensitive.png"), url("assets/radio-checked-backdrop-insensitive@2.png")); - -gtk-icon-shadow: none; } - -.check.text-button, .radio.text-button, -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; } - .check.text-button label:not(:only-child):first-child, .radio.text-button label:not(:only-child):first-child, - checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { - margin-left: 4px; } - .check.text-button label:not(:only-child):last-child, .radio.text-button label:not(:only-child):last-child, - checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { - margin-right: 4px; } - -check, -.check, -radio, -.radio { - margin: 0 4px; } - .menu .menuitem check, menu menuitem check, .menu .menuitem - .check, menu menuitem - .check, .menu .menuitem - radio, menu menuitem - radio, .menu .menuitem - .radio, menu menuitem - .radio { - margin: 0; } - -menu menuitem check:not(:indeterminate):checked, -menu menuitem radio:not(:indeterminate):checked, -menu menuitem check:indeterminate:checked:active, -menu menuitem radio:indeterminate:checked { - animation: none; } - -treeview.view check:selected:focus, treeview.view check:selected, -treeview.view radio:selected:focus, -treeview.view radio:selected { - color: #666666; - border-color: #347d9f; } -treeview.view check:selected:disabled, -treeview.view radio:selected:disabled { - color: #afafaf; } - treeview.view check:selected:disabled:backdrop, - treeview.view radio:selected:disabled:backdrop { - color: #d1d1d1; } -treeview.view check:backdrop:selected, treeview.view check:backdrop, -treeview.view radio:backdrop:selected, -treeview.view radio:backdrop { - color: #afafaf; } - -/***************** - * Color Chooser * - *****************/ -GtkColorSwatch, GtkColorSwatch:drop(active), -colorswatch, -colorswatch:drop(active) { - border-style: none; } -GtkColorSwatch.top, -colorswatch.top { - border-top-left-radius: 5.5px; - border-top-right-radius: 5.5px; } - GtkColorSwatch.top overlay, - colorswatch.top overlay { - border-top-left-radius: 5px; - border-top-right-radius: 5px; } -GtkColorSwatch.bottom, -colorswatch.bottom { - border-bottom-left-radius: 5.5px; - border-bottom-right-radius: 5.5px; } - GtkColorSwatch.bottom overlay, - colorswatch.bottom overlay { - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; } -GtkColorSwatch.left, GtkColorSwatch:first-child:not(.top), -colorswatch.left, -colorswatch:first-child:not(.top) { - border-top-left-radius: 5.5px; - border-bottom-left-radius: 5.5px; } - GtkColorSwatch.left overlay, GtkColorSwatch:first-child:not(.top) overlay, - colorswatch.left overlay, - colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; } -GtkColorSwatch.right, GtkColorSwatch:last-child:not(.bottom), -colorswatch.right, -colorswatch:last-child:not(.bottom) { - border-top-right-radius: 5.5px; - border-bottom-right-radius: 5.5px; } - GtkColorSwatch.right overlay, GtkColorSwatch:last-child:not(.bottom) overlay, - colorswatch.right overlay, - colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; } -GtkColorSwatch.dark overlay, -colorswatch.dark overlay { - color: #ffffff; } - GtkColorSwatch.dark overlay:hover, - colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.8); } - GtkColorSwatch.dark overlay:backdrop, - colorswatch.dark overlay:backdrop { - color: rgba(255, 255, 255, 0.5); } -GtkColorSwatch.light overlay, -colorswatch.light overlay { - color: #666666; } - GtkColorSwatch.light overlay:hover, - colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.5); } - GtkColorSwatch.light overlay:backdrop, - colorswatch.light overlay:backdrop { - color: #848484; } -GtkColorSwatch:drop(active), -colorswatch:drop(active) { - box-shadow: none; } - GtkColorSwatch:drop(active).light overlay, - colorswatch:drop(active).light overlay { - border-color: #4e9a06; - box-shadow: inset 0 0 0 2px #3d7805, inset 0 0 0 1px #4e9a06; } - GtkColorSwatch:drop(active).dark overlay, - colorswatch:drop(active).dark overlay { - border-color: #4e9a06; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #4e9a06; } -GtkColorSwatch overlay, -colorswatch overlay { - box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.7); - border: 1px solid rgba(0, 0, 0, 0.3); } - GtkColorSwatch overlay:hover, - colorswatch overlay:hover { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } - GtkColorSwatch overlay:backdrop, GtkColorSwatch overlay:backdrop:hover, - colorswatch overlay:backdrop, - colorswatch overlay:backdrop:hover { - border-color: rgba(0, 0, 0, 0.3); - box-shadow: none; } -GtkColorSwatch#add-color-button, -colorswatch#add-color-button { - border-radius: 5px 5px 0 0; } - GtkColorSwatch#add-color-button:only-child, - colorswatch#add-color-button:only-child { - border-radius: 5px; } - GtkColorSwatch#add-color-button overlay, - colorswatch#add-color-button overlay { - color: #666666; - outline-color: rgba(102, 102, 102, 0.3); - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } - GtkColorSwatch#add-color-button overlay:hover, - colorswatch#add-color-button overlay:hover { - color: #666666; - outline-color: rgba(102, 102, 102, 0.3); - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; } - GtkColorSwatch#add-color-button overlay:backdrop, - colorswatch#add-color-button overlay:backdrop { - border-color: #c9c9c9; - background-image: linear-gradient(to bottom, #f7f7f7); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - GtkColorSwatch#add-color-button overlay:backdrop GtkLabel, GtkColorSwatch#add-color-button overlay:backdrop, - colorswatch#add-color-button overlay:backdrop GtkLabel, - colorswatch#add-color-button overlay:backdrop { - color: #afafaf; } - GtkColorSwatch#add-color-button overlay:backdrop label, GtkColorSwatch#add-color-button overlay:backdrop, - colorswatch#add-color-button overlay:backdrop label, - colorswatch#add-color-button overlay:backdrop { - color: #afafaf; } -GtkColorSwatch:disabled, -colorswatch:disabled { - opacity: 0.5; } - GtkColorSwatch:disabled overlay, - colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; } -row:selected GtkColorSwatch, row:selected -colorswatch { - box-shadow: 0 0 0 2px #ffffff; } -GtkColorSwatch#editor-color-sample, -colorswatch#editor-color-sample { - border-radius: 4px; } - GtkColorSwatch#editor-color-sample overlay, - colorswatch#editor-color-sample overlay { - border-radius: 4.5px; } - -colorchooser .popover.osd { - border-radius: 5px; } - -/************** - * ComboBoxes * - **************/ -GtkComboBox arrow, -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; } -GtkComboBox:drop(active), -combobox:drop(active) { - box-shadow: none; } - -/****************** - * Combobox Entry * - ******************/ -.combobox-entry button, -.combobox-entry .button { - box-shadow: none; } - .combobox-entry button:first-child, - .combobox-entry .button:first-child { - border-radius: 4px 0 0 4px; - border-right-width: 0; } - .combobox-entry button:last-child, - .combobox-entry .button:last-child { - border-radius: 0 4px 4px 0; } -.combobox-entry entry, -.combobox-entry .entry { - box-shadow: none; } - .combobox-entry entry:first-child, - .combobox-entry .entry:first-child { - border-radius: 4px 0 0 4px; - border-right-width: 0; } - .combobox-entry entry:last-child, - .combobox-entry .entry:last-child { - border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; } - -/*********** - * Dialogs * - ***********/ -.message-dialog .titlebar, -messagedialog .titlebar { - min-height: 20px; - background-image: none; - background-color: #f7f7f7; - border-style: none; - border-top-left-radius: 4px; - border-top-right-radius: 4px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } - .message-dialog .titlebar:backdrop, - messagedialog .titlebar:backdrop { - background-color: #f7f7f7; } -.message-dialog.csd, -messagedialog.csd { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.1); } - .message-dialog.csd.background, - messagedialog.csd.background { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } - .message-dialog.csd .dialog-action-area .button, - .message-dialog.csd .dialog-action-area button, - messagedialog.csd .dialog-action-area .button, - messagedialog.csd .dialog-action-area button { - padding: 10px 14px; - border-radius: 0; - border-left-style: solid; - border-right-style: none; - border-bottom-style: none; } - .message-dialog.csd .dialog-action-area .button:first-child, - .message-dialog.csd .dialog-action-area button:first-child, - messagedialog.csd .dialog-action-area .button:first-child, - messagedialog.csd .dialog-action-area button:first-child { - border-left-style: none; - border-bottom-left-radius: 4px; } - .message-dialog.csd .dialog-action-area .button:last-child, - .message-dialog.csd .dialog-action-area button:last-child, - messagedialog.csd .dialog-action-area .button:last-child, - messagedialog.csd .dialog-action-area button:last-child { - border-bottom-right-radius: 4px; } - -GtkFileChooserDialog, -filechooser { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } - GtkFileChooserDialog .dialog-action-box, - filechooser .dialog-action-box { - border-top: 1px solid #c4c4c4; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } - GtkFileChooserDialog .dialog-action-box:backdrop, - filechooser .dialog-action-box:backdrop { - border-top-color: #c9c9c9; } - GtkFileChooserDialog #pathbarbox, - filechooser #pathbarbox { - border-bottom: 1px solid #f7f7f7; } - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; } - -/**************** - * Text Entries * - ****************/ -.spinbutton:not(.vertical), -spinbutton:not(.vertical), -.entry, -entry { - min-height: 20px; - padding: 4px 6px; - border: 1px solid; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #666666; - border-color: #c4c4c4; - background-color: #ffffff; - box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); } - .spinbutton:not(.vertical) GtkImage.left, - spinbutton:not(.vertical) GtkImage.left, - .spinbutton:not(.vertical) image.left, - spinbutton:not(.vertical) image.left, - .entry GtkImage.left, - .entry image.left, - entry GtkImage.left, - entry image.left { - padding-left: 0; - padding-right: 6px; } - .spinbutton:not(.vertical) GtkImage.right, - spinbutton:not(.vertical) GtkImage.right, - .spinbutton:not(.vertical) image.right, - spinbutton:not(.vertical) image.right, - .entry GtkImage.right, - .entry image.right, - entry GtkImage.right, - entry image.right { - padding-left: 6px; - padding-right: 0; } - .spinbutton:not(.vertical) undershoot.left, - spinbutton:not(.vertical) undershoot.left, - .entry undershoot.left, - entry undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; - box-shadow: none; } - .spinbutton:not(.vertical) undershoot.right, - spinbutton:not(.vertical) undershoot.right, - .entry undershoot.right, - entry undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; - box-shadow: none; } - .flat.spinbutton:focus:not(.vertical), - spinbutton.flat:focus:not(.vertical), .flat.spinbutton:not(.vertical), - spinbutton.flat:not(.vertical), - .entry.flat:focus, - .entry.flat, - entry.flat:focus, - entry.flat { - min-height: 0; - padding: 2px; - background-image: none; - border-color: transparent; - border-radius: 0; } - .spinbutton:focus:not(.vertical), - spinbutton:focus:not(.vertical), - .entry:focus, - entry:focus { - box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); - border-color: #449ac2; } - .spinbutton:insensitive:not(.vertical), - spinbutton:insensitive:not(.vertical), - .entry:insensitive, - entry:insensitive { - color: #afafaf; - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, #fafafa); - box-shadow: none; } - .spinbutton:disabled:not(.vertical), - spinbutton:disabled:not(.vertical), - .entry:disabled, - entry:disabled { - color: #afafaf; - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, #fafafa); - box-shadow: none; } - .spinbutton:backdrop:not(.vertical), - spinbutton:backdrop:not(.vertical), - .entry:backdrop, - entry:backdrop { - color: #848484; - border-color: #c9c9c9; - background-image: linear-gradient(to bottom, #fcfcfc); - box-shadow: none; - transition: 200ms ease-out; } - .spinbutton:backdrop:insensitive:not(.vertical), - spinbutton:backdrop:insensitive:not(.vertical), - .entry:backdrop:insensitive, - entry:backdrop:insensitive { - color: #d1d1d1; - border-color: #c9c9c9; - background-image: linear-gradient(to bottom, #fafafa); - box-shadow: none; } - .spinbutton:backdrop:disabled:not(.vertical), - spinbutton:backdrop:disabled:not(.vertical), - .entry:backdrop:disabled, - entry:backdrop:disabled { - color: #d1d1d1; - border-color: #c9c9c9; - background-image: linear-gradient(to bottom, #fafafa); - box-shadow: none; } - .error.spinbutton:not(.vertical), - spinbutton.error:not(.vertical), - .entry.error, - entry.error { - color: #f34235; - border-color: #f34235; } - .error.spinbutton:focus:not(.vertical), - spinbutton.error:focus:not(.vertical), - .entry.error:focus, - entry.error:focus { - box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); - border-color: #f34235; } - .error.spinbutton:selected:focus:not(.vertical), - spinbutton.error:selected:focus:not(.vertical), .error.spinbutton:selected:not(.vertical), - spinbutton.error:selected:not(.vertical), - .entry.error:selected:focus, - .entry.error:selected, - entry.error:selected:focus, - entry.error:selected { - background-color: #f34235; } - .warning.spinbutton:not(.vertical), - spinbutton.warning:not(.vertical), - .entry.warning, - entry.warning { - color: #feea3a; - border-color: #feea3a; } - .warning.spinbutton:focus:not(.vertical), - spinbutton.warning:focus:not(.vertical), - .entry.warning:focus, - entry.warning:focus { - box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); - border-color: #feea3a; } - .warning.spinbutton:selected:focus:not(.vertical), - spinbutton.warning:selected:focus:not(.vertical), .warning.spinbutton:selected:not(.vertical), - spinbutton.warning:selected:not(.vertical), - .entry.warning:selected:focus, - .entry.warning:selected, - entry.warning:selected:focus, - entry.warning:selected { - background-color: #feea3a; } - .spinbutton:not(.vertical) GtkImage, - spinbutton:not(.vertical) GtkImage, - .spinbutton:not(.vertical) image, - spinbutton:not(.vertical) image, - .entry GtkImage, - .entry image, - entry GtkImage, - entry image { - color: #858585; } - .spinbutton:not(.vertical) GtkImage:hover, - spinbutton:not(.vertical) GtkImage:hover, - .spinbutton:not(.vertical) image:hover, - spinbutton:not(.vertical) image:hover, - .entry GtkImage:hover, - .entry image:hover, - entry GtkImage:hover, - entry image:hover { - color: #666666; } - .spinbutton:not(.vertical) GtkImage:active, - spinbutton:not(.vertical) GtkImage:active, - .spinbutton:not(.vertical) image:active, - spinbutton:not(.vertical) image:active, - .entry GtkImage:active, - .entry image:active, - entry GtkImage:active, - entry image:active { - color: #449ac2; } - .spinbutton:not(.vertical) GtkImage:backdrop, - spinbutton:not(.vertical) GtkImage:backdrop, - .spinbutton:not(.vertical) image:backdrop, - spinbutton:not(.vertical) image:backdrop, - .entry GtkImage:backdrop, - .entry image:backdrop, - entry GtkImage:backdrop, - entry image:backdrop { - color: #bebebe; } - .spinbutton:drop(active):focus:not(.vertical), - spinbutton:drop(active):focus:not(.vertical), .spinbutton:drop(active):not(.vertical), - spinbutton:drop(active):not(.vertical), - .entry:drop(active):focus, - .entry:drop(active), - entry:drop(active):focus, - entry:drop(active) { - border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } - .osd .spinbutton:not(.vertical), - .osd spinbutton:not(.vertical), .osd - .entry, .osd - entry { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .osd .spinbutton:focus:not(.vertical), - .osd spinbutton:focus:not(.vertical), .osd - .entry:focus, .osd - entry:focus { - color: white; - border-color: #449ac2; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .osd .spinbutton:backdrop:not(.vertical), - .osd spinbutton:backdrop:not(.vertical), .osd - .entry:backdrop, .osd - entry:backdrop { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd .spinbutton:disabled:not(.vertical), - .osd spinbutton:disabled:not(.vertical), .osd - .entry:disabled, .osd - entry:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } -.spinbutton:not(.vertical) .progressbar, -spinbutton:not(.vertical) .progressbar, -.spinbutton:not(.vertical) progress, -spinbutton:not(.vertical) progress, -.entry .progressbar, -.entry progress, -entry .progressbar, -entry progress { - margin: 2px -6px; - background-color: transparent; - background-image: none; - border-radius: 0; - border-width: 0 0 2px; - border-color: #449ac2; - border-style: solid; - box-shadow: none; } - .spinbutton:not(.vertical) .progressbar:backdrop, - spinbutton:not(.vertical) .progressbar:backdrop, - .spinbutton:not(.vertical) progress:backdrop, - spinbutton:not(.vertical) progress:backdrop, - .entry .progressbar:backdrop, - .entry progress:backdrop, - entry .progressbar:backdrop, - entry progress:backdrop { - background-color: transparent; } -.linked:not(.vertical) > .spinbutton:focus:not(.vertical) + .spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + .spinbutton:not(.vertical), -.linked:not(.vertical) > .spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + button, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + combobox > box > button.combo, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > -.entry:focus + .spinbutton:not(.vertical), -.linked:not(.vertical) > .entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > -.entry:focus + button, .linked:not(.vertical) > -.entry:focus + combobox > box > button.combo, .linked:not(.vertical) > -entry:focus + .spinbutton:not(.vertical), -.linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > -entry:focus + button, .linked:not(.vertical) > -entry:focus + combobox > box > button.combo, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + -.entry, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + -.entry, .linked:not(.vertical) > -.entry:focus + -.entry, .linked:not(.vertical) > -entry:focus + -.entry, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + -entry, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + -entry, .linked:not(.vertical) > -.entry:focus + -entry, .linked:not(.vertical) > -entry:focus + -entry { - border-left-color: #449ac2; } -.linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + .spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + .spinbutton:not(.vertical), -.linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + button, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > -.entry:drop(active) + .spinbutton:not(.vertical), -.linked:not(.vertical) > .entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > -.entry:drop(active) + button, .linked:not(.vertical) > -.entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > -entry:drop(active) + .spinbutton:not(.vertical), -.linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > -entry:drop(active) + button, .linked:not(.vertical) > -entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + -.entry, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + -.entry, .linked:not(.vertical) > -.entry:drop(active) + -.entry, .linked:not(.vertical) > -entry:drop(active) + -.entry, .linked:not(.vertical) > .spinbutton:drop(active):not(.vertical) + -entry, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + -entry, .linked:not(.vertical) > -.entry:drop(active) + -entry, .linked:not(.vertical) > -entry:drop(active) + -entry { - border-left-color: #4e9a06; } -.linked.vertical > .spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > .spinbutton:not(:disabled):not(.vertical) + .spinbutton:not(:disabled):not(.vertical), -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + .spinbutton:not(:disabled):not(.vertical), -.linked.vertical > .spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > -.entry:not(:disabled) + entry:not(:disabled), .linked.vertical > -.entry:not(:disabled) + .spinbutton:not(:disabled):not(.vertical), -.linked.vertical > .entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > -entry:not(:disabled) + entry:not(:disabled), .linked.vertical > -entry:not(:disabled) + .spinbutton:not(:disabled):not(.vertical), -.linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { - border-top-color: #ededed; - background-image: linear-gradient(to bottom, #ffffff); } - .linked.vertical > .spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, - .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 > spinbutton:not(:disabled):not(.vertical) + .spinbutton:not(:disabled):backdrop:not(.vertical), - .linked.vertical > .spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > - .entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > - .entry:not(:disabled) + .spinbutton:not(:disabled):backdrop:not(.vertical), - .linked.vertical > .entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > - entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > - entry:not(:disabled) + .spinbutton:not(:disabled):backdrop:not(.vertical), - .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: #ededed; - background-image: linear-gradient(to bottom, #fcfcfc); } -.linked.vertical > .spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical), -.linked.vertical > spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical), -.linked.vertical > .spinbutton:insensitive:not(.vertical) + spinbutton:insensitive:not(.vertical), -.linked.vertical > spinbutton:insensitive:not(.vertical) + spinbutton:insensitive:not(.vertical), .linked.vertical > .spinbutton:disabled:not(.vertical) + entry:disabled, -.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > .spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical), -.linked.vertical > spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical), -.linked.vertical > .spinbutton:insensitive:not(.vertical) + spinbutton:insensitive:not(.vertical), -.linked.vertical > spinbutton:insensitive:not(.vertical) + spinbutton:insensitive:not(.vertical), .linked.vertical > .spinbutton:disabled:not(.vertical) + entry:disabled, -.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > -.entry:insensitive + .spinbutton:insensitive:not(.vertical), -.linked.vertical > .entry:insensitive + spinbutton:insensitive:not(.vertical), .linked.vertical > -.entry:disabled + entry:disabled, .linked.vertical > -.entry:insensitive + .spinbutton:insensitive:not(.vertical), -.linked.vertical > .entry:insensitive + spinbutton:insensitive:not(.vertical), .linked.vertical > -.entry:disabled + entry:disabled, .linked.vertical > -entry:insensitive + .spinbutton:insensitive:not(.vertical), -.linked.vertical > entry:insensitive + spinbutton:insensitive:not(.vertical), .linked.vertical > -entry:disabled + entry:disabled, .linked.vertical > -entry:insensitive + .spinbutton:insensitive:not(.vertical), -.linked.vertical > entry:insensitive + spinbutton:insensitive:not(.vertical), .linked.vertical > -entry:disabled + entry:disabled { - border-top-color: #ededed; } -.linked.vertical > .spinbutton:not(.vertical) + .spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + .spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > .spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > .spinbutton:not(.vertical) + entry:focus:not(:only-child), -.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > -.entry + .spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > .entry + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > -.entry + entry:focus:not(:only-child), .linked.vertical > -entry + .spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > -entry + entry:focus:not(:only-child) { - border-top-color: #449ac2; } -.linked.vertical > .spinbutton:not(.vertical) + .spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + .spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > .spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > .spinbutton:not(.vertical) + entry:drop(active):not(:only-child), -.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > -.entry + .spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > .entry + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > -.entry + entry:drop(active):not(:only-child), .linked.vertical > -entry + .spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > -entry + entry:drop(active):not(:only-child) { - border-top-color: #4e9a06; } -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .spinbutton:not(.vertical), -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .spinbutton:not(.vertical), -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .entry, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .entry, -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .button, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .button, -.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > -.entry:focus:not(:only-child) + .spinbutton:not(.vertical), -.linked.vertical > .entry:focus:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -.entry:focus:not(:only-child) + entry, -.linked.vertical > -.entry:focus:not(:only-child) + .entry, -.linked.vertical > -.entry:focus:not(:only-child) + button, -.linked.vertical > -.entry:focus:not(:only-child) + .button, -.linked.vertical > -.entry:focus:not(:only-child) + combobox > box > button.combo, .linked.vertical > -entry:focus:not(:only-child) + .spinbutton:not(.vertical), -.linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -entry:focus:not(:only-child) + entry, -.linked.vertical > -entry:focus:not(:only-child) + .entry, -.linked.vertical > -entry:focus:not(:only-child) + button, -.linked.vertical > -entry:focus:not(:only-child) + .button, -.linked.vertical > -entry:focus:not(:only-child) + combobox > box > button.combo { - border-top-color: #449ac2; } -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + .spinbutton:not(.vertical), -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .spinbutton:not(.vertical), -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + .entry, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .entry, -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + .button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .button, -.linked.vertical > .spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > -.entry:drop(active):not(:only-child) + .spinbutton:not(.vertical), -.linked.vertical > .entry:drop(active):not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -.entry:drop(active):not(:only-child) + entry, -.linked.vertical > -.entry:drop(active):not(:only-child) + .entry, -.linked.vertical > -.entry:drop(active):not(:only-child) + button, -.linked.vertical > -.entry:drop(active):not(:only-child) + .button, -.linked.vertical > -.entry:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > -entry:drop(active):not(:only-child) + .spinbutton:not(.vertical), -.linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -entry:drop(active):not(:only-child) + entry, -.linked.vertical > -entry:drop(active):not(:only-child) + .entry, -.linked.vertical > -entry:drop(active):not(:only-child) + button, -.linked.vertical > -entry:drop(active):not(:only-child) + .button, -.linked.vertical > -entry:drop(active):not(:only-child) + combobox > box > button.combo { - border-top-color: #4e9a06; } - -GtkTreeView .acceleditor > label, -treeview acceleditor > label { - background-color: #449ac2; } - -GtkTreeView .entry.flat, GtkTreeView .entry, -treeview entry.flat, -treeview entry { - border-radius: 0; - background-image: none; - background-color: #ffffff; } - GtkTreeView .entry.flat:focus, GtkTreeView .entry:focus, - treeview entry.flat:focus, - treeview entry:focus { - border-color: #449ac2; } - -/************* - * Expanders * - *************/ -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - expander arrow:hover { - color: #b3b3b3; } - expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -/**************** - * File chooser * - ****************/ -placessidebar > viewport.frame { - border-style: none; } -placessidebar row { - min-height: 36px; - padding: 0px; } - placessidebar row > revealer { - padding: 0 14px; } - placessidebar row:selected { - color: #ffffff; } - placessidebar row:disabled, placessidebar row:insensitive { - color: #afafaf; } - placessidebar row:backdrop { - color: #afafaf; } - placessidebar row:backdrop:selected { - color: rgba(255, 255, 255, 0.5); } - placessidebar row:backdrop:disabled { - color: #d1d1d1; } - placessidebar row GtkImage.sidebar-icon, - placessidebar row image.sidebar-icon { - opacity: 0.7; } - placessidebar row GtkImage.sidebar-icon:dir(ltr), - placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 8px; } - placessidebar row GtkImage.sidebar-icon:dir(rtl), - placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 8px; } - placessidebar row GtkLabel.sidebar-label:dir(ltr), - placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 2px; } - placessidebar row GtkLabel.sidebar-label:dir(rtl), - placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 2px; } - button.sidebar-button { - min-height: 26px; - min-width: 26px; - margin-top: 3px; - margin-bottom: 3px; - padding: 0; - border-radius: 100%; - -gtk-outline-radius: 100%; } - button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { - opacity: 0.7; } - placessidebar row:selected:active { - box-shadow: none; } - placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: image(#4e9a06); - background-clip: content-box; } - placessidebar row.sidebar-new-bookmark-row { - color: #449ac2; } - placessidebar row:drop(active):not(:disabled) { - color: #4e9a06; - box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } - placessidebar row:drop(active):not(:disabled):selected { - color: #ffffff; - background-color: #4e9a06; } - -placesview .server-list-button > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(0turn); } -placesview .server-list-button:checked > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(-0.5turn); } -placesview row.activatable:hover { - background-color: transparent; } -placesview > actionbar > revealer > box > label { - padding-left: 8px; - padding-right: 8px; } - -/**************** - * Floating Bar * - ****************/ -.floating-bar { - padding: 2px; - background-color: #f7f7f7; - border-width: 1px; - border-style: solid solid none; - border-color: #c4c4c4; - border-radius: 3px 3px 0 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } - .floating-bar.bottom.left { - border-left-style: none; - border-top-left-radius: 0; } - .floating-bar.bottom.right { - border-right-style: none; - border-top-right-radius: 0; } - .floating-bar > .button { - padding: 4px; } - .floating-bar:backdrop { - background-color: #f7f7f7; - border-color: #c9c9c9; } - -/********** - * Frames * - **********/ -frame > border, -.frame { - box-shadow: none; - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid #c4c4c4; } - frame > border.flat, - .frame.flat { - border-style: none; } - frame > border:backdrop, - .frame:backdrop { - border-color: #c9c9c9; } - -actionbar > revealer > box { - padding: 6px; - border-top: 1px solid #c4c4c4; } - actionbar > revealer > box:backdrop { - border-color: #c9c9c9; } - -GtkScrolledWindow GtkViewport.frame, -GtkScrolledWindow viewport.frame, -scrolledwindow GtkViewport.frame, -scrolledwindow viewport.frame { - border-style: none; } -GtkScrolledWindow overshoot.top, -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#ababab), to(rgba(171, 171, 171, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } - GtkScrolledWindow overshoot.top:backdrop, - scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#c9c9c9), to(rgba(201, 201, 201, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } -GtkScrolledWindow overshoot.bottom, -scrolledwindow overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#ababab), to(rgba(171, 171, 171, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } - GtkScrolledWindow overshoot.bottom:backdrop, - scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#c9c9c9), to(rgba(201, 201, 201, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } -GtkScrolledWindow overshoot.left, -scrolledwindow overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#ababab), to(rgba(171, 171, 171, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } - GtkScrolledWindow overshoot.left:backdrop, - scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#c9c9c9), to(rgba(201, 201, 201, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } -GtkScrolledWindow overshoot.right, -scrolledwindow overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#ababab), to(rgba(171, 171, 171, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - GtkScrolledWindow overshoot.right:backdrop, - scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#c9c9c9), to(rgba(201, 201, 201, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } -GtkScrolledWindow undershoot.top, -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; - box-shadow: none; } -GtkScrolledWindow undershoot.bottom, -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; - box-shadow: none; } -GtkScrolledWindow undershoot.left, -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; - box-shadow: none; } -GtkScrolledWindow undershoot.right, -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; - box-shadow: none; } -GtkScrolledWindow junction, -scrolledwindow junction { - border-color: transparent; - border-image: linear-gradient(to bottom, #c4c4c4 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #dadada; } - GtkScrolledWindow junction:dir(rtl), - scrolledwindow junction:dir(rtl) { - border-image-slice: 0 1 0 0; } - GtkScrolledWindow junction:backdrop, - scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, #c9c9c9 1px, transparent 1px); - background-color: #efefef; - transition: 200ms ease-out; } - -.separator, -separator { - background: rgba(0, 0, 0, 0.1); - min-width: 1px; - min-height: 1px; } - -/************ - * Popovers * - ************/ -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 8px; - -GraniteWidgetsPopOver-border-width: 0; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid #ffffff; - background: #ffffff; - color: #666666; } - GraniteWidgetsPopOver .button { - background-image: none; - background: none; - border: none; } - GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { - color: #449ac2; } - GraniteWidgetsPopOver > .frame { - border: none; } - GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver GtkIconView.sidebar, - GraniteWidgetsPopOver iconview.sidebar { - border: none; - background: none; } - -GraniteWidgetsStaticNotebook .frame { - border: none; } - -.popover_bg { - background-color: #ffffff; - background-image: none; - border: 1px solid #ffffff; - color: #666666; } - -/*********** - * Welcome * - **********/ -GraniteWidgetsWelcome { - background-color: #ffffff; } - GraniteWidgetsWelcome GtkLabel { - color: #666666; } - GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { - color: rgba(102, 102, 102, 0.8); } - -/************** -* Source List * -***************/ -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; - background-color: #f7f7f7; - border: solid #c4c4c4; - color: #666666; - border-right-width: 1px; } - .source-list .category-expander { - color: transparent; } - .source-list .badge { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - color: #f7f7f7; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; } - .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { - background-color: rgba(0, 0, 0, 0.2); - color: shade #f7f7f7, 0.95; } - .source-list row, - .source-list .list-row { - border: none; - padding: 0; } - .source-list row > GtkLabel, - .source-list row > label, - .source-list .list-row > GtkLabel, - .source-list .list-row > label { - padding-left: 6px; - padding-right: 6px; } - -/************** -* Storage Bar * -**************/ -.storage-bar .trough { - border: none; - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); - background-image: none; - background-color: transparent; - padding: 8px 6px; } -.storage-bar .fill-block { - background-color: #feea3a; - border: none; - box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); - transition: all 200ms ease-in-out; - padding: 8px 6px; } - .storage-bar .fill-block:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - border-left-width: 1px; - box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } - .storage-bar .fill-block:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } - .storage-bar .fill-block.empty-block { - background-color: #ffffff; } - .storage-bar .fill-block.app { - background-color: #2095f2; } - .storage-bar .fill-block.audio { - background-color: #fe9700; } - .storage-bar .fill-block.photo { - background-color: #f34235; } - .storage-bar .fill-block.video { - background-color: #9b26af; } - .storage-bar .fill-block .legend { - padding: 12px; - border-radius: 4px; } - -/*************** - * Header Bars * - ***************/ -.titlebar:not(headerbar), -.header-bar, -headerbar { - min-height: 40px; - padding: 0 8px; - border: none; - border-radius: 4px 4px 0 0; - background-color: #636E73; - color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } - .titlebar:backdrop:not(headerbar), - .header-bar:backdrop, - headerbar:backdrop { - background-color: #636E73; - color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - transition: 200ms ease-out; } - .titlebar:not(headerbar) .title, - .header-bar .title, - headerbar .title { - font-weight: bold; - padding-left: 12px; - padding-right: 12px; - color: #ffffff; } - .titlebar:not(headerbar) .title:backdrop, - .header-bar .title:backdrop, - headerbar .title:backdrop { - color: rgba(255, 255, 255, 0.5); } - .titlebar:not(headerbar) .subtitle, - .header-bar .subtitle, - headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - color: #ffffff; } - .selection-mode.titlebar:not(headerbar), - .header-bar.selection-mode, - headerbar.selection-mode { - border-radius: 4px 4px 0 0; - color: #ffffff; - text-shadow: 0 -1px rgba(0, 0, 0, 0.5); - border-color: #347d9f; - background-color: #347D9F; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } - .selection-mode.titlebar:backdrop:not(headerbar), - .header-bar.selection-mode:backdrop, - headerbar.selection-mode:backdrop { - background-color: #275f79; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, - .header-bar.selection-mode .selection-menu:backdrop, - .header-bar.selection-mode .selection-menu, - headerbar.selection-mode .selection-menu:backdrop, - headerbar.selection-mode .selection-menu { - border-color: rgba(68, 154, 194, 0); - background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0)); - box-shadow: none; - text-shadow: none; - padding-left: 10px; - padding-right: 10px; } - .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, - .header-bar.selection-mode .selection-menu:backdrop GtkArrow, - .header-bar.selection-mode .selection-menu GtkArrow, - headerbar.selection-mode .selection-menu:backdrop GtkArrow, - headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; } - .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, - .header-bar.selection-mode .selection-menu:backdrop .arrow, - .header-bar.selection-mode .selection-menu .arrow, - headerbar.selection-mode .selection-menu:backdrop .arrow, - headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - color: rgba(255, 255, 255, 0.5); - -gtk-icon-shadow: none; } - .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .tiled - .header-bar:backdrop, .tiled - .header-bar, .maximized - .header-bar:backdrop, .maximized - .header-bar, .tiled - headerbar:backdrop, .tiled - headerbar, .maximized - headerbar:backdrop, .maximized - headerbar { - border-radius: 0; } - .default-decoration.titlebar:not(headerbar), - .header-bar.default-decoration, - headerbar.default-decoration { - padding: 6px; - min-height: 28px; - background-color: #636E73; - color: #ffffff; } - .default-decoration.titlebar:not(headerbar) .maximized, - .header-bar.default-decoration .maximized, - headerbar.default-decoration .maximized { - padding: 6px; } - .default-decoration.titlebar:backdrop:not(headerbar), - .header-bar.default-decoration:backdrop, - headerbar.default-decoration:backdrop { - background-color: #576165; - color: rgba(255, 255, 255, 0.5); } - .default-decoration.titlebar:not(headerbar) .button.titlebutton, - .default-decoration.titlebar:not(headerbar) button.titlebutton, - .header-bar.default-decoration .button.titlebutton, - .header-bar.default-decoration button.titlebutton, - headerbar.default-decoration .button.titlebutton, - headerbar.default-decoration button.titlebutton { - min-height: 16px; - min-width: 16px; - padding: 1px; - border-radius: 50%; - background-color: transparent; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .default-decoration.titlebar:not(headerbar) .button.titlebutton:hover, - .default-decoration.titlebar:not(headerbar) button.titlebutton:hover, - .header-bar.default-decoration .button.titlebutton:hover, - .header-bar.default-decoration button.titlebutton:hover, - headerbar.default-decoration .button.titlebutton:hover, - headerbar.default-decoration button.titlebutton:hover { - background-color: transparent; - color: white; } - .default-decoration.titlebar:not(headerbar) .button.titlebutton:backdrop, - .default-decoration.titlebar:not(headerbar) button.titlebutton:backdrop, - .header-bar.default-decoration .button.titlebutton:backdrop, - .header-bar.default-decoration button.titlebutton:backdrop, - headerbar.default-decoration .button.titlebutton:backdrop, - headerbar.default-decoration button.titlebutton:backdrop { - background-color: transparent; - color: rgba(255, 255, 255, 0.5); } - .default-decoration.titlebar:not(headerbar) .button.titlebutton:active, - .default-decoration.titlebar:not(headerbar) button.titlebutton:active, - .header-bar.default-decoration .button.titlebutton:active, - .header-bar.default-decoration button.titlebutton:active, - headerbar.default-decoration .button.titlebutton:active, - headerbar.default-decoration button.titlebutton:active { - background-color: #ffffff; - color: #636E73; - border-radius: 50%; - box-shadow: none; } - .titlebar:not(headerbar) .entry, - .titlebar:not(headerbar) entry, - .header-bar .entry, - .header-bar entry, - headerbar .entry, - headerbar entry { - margin: 6px 0; - min-height: 16px; - border-radius: 2px; - padding: 4px; - border: none; - box-shadow: none; - background: rgba(255, 255, 255, 0.95); - color: #666666; - box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } - .titlebar:not(headerbar) .entry > .image, - .titlebar:not(headerbar) entry > .image, - .header-bar .entry > .image, - .header-bar entry > .image, - headerbar .entry > .image, - headerbar entry > .image { - padding-right: 6px; - color: rgba(102, 102, 102, 0.8); } - .titlebar:not(headerbar) .entry:active, .titlebar:not(headerbar) .entry:focus, - .titlebar:not(headerbar) entry:active, - .titlebar:not(headerbar) entry:focus, - .header-bar .entry:active, - .header-bar .entry:focus, - .header-bar entry:active, - .header-bar entry:focus, - headerbar .entry:active, - headerbar .entry:focus, - headerbar entry:active, - headerbar entry:focus { - background: #ffffff; - color: #666666; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } - .titlebar:not(headerbar) .entry:active > .image, .titlebar:not(headerbar) .entry:focus > .image, - .titlebar:not(headerbar) entry:active > .image, - .titlebar:not(headerbar) entry:focus > .image, - .header-bar .entry:active > .image, - .header-bar .entry:focus > .image, - .header-bar entry:active > .image, - .header-bar entry:focus > .image, - headerbar .entry:active > .image, - headerbar .entry:focus > .image, - headerbar entry:active > .image, - headerbar entry:focus > .image { - padding-right: 6px; - color: #666666; } - .titlebar:not(headerbar) .entry:active:backdrop, .titlebar:not(headerbar) .entry:focus:backdrop, - .titlebar:not(headerbar) entry:active:backdrop, - .titlebar:not(headerbar) entry:focus:backdrop, - .header-bar .entry:active:backdrop, - .header-bar .entry:focus:backdrop, - .header-bar entry:active:backdrop, - .header-bar entry:focus:backdrop, - headerbar .entry:active:backdrop, - headerbar .entry:focus:backdrop, - headerbar entry:active:backdrop, - headerbar entry:focus:backdrop { - background: rgba(255, 255, 255, 0.8); - color: rgba(102, 102, 102, 0.5); - box-shadow: none; } - .titlebar:not(headerbar) .entry:insensitive, - .titlebar:not(headerbar) entry:insensitive, - .header-bar .entry:insensitive, - .header-bar entry:insensitive, - headerbar .entry:insensitive, - headerbar entry:insensitive { - background: rgba(255, 255, 255, 0.6); - color: rgba(102, 102, 102, 0.5); - box-shadow: none; } - .titlebar:not(headerbar) .entry:insensitive > .image, - .titlebar:not(headerbar) entry:insensitive > .image, - .header-bar .entry:insensitive > .image, - .header-bar entry:insensitive > .image, - headerbar .entry:insensitive > .image, - headerbar entry:insensitive > .image { - padding-right: 6px; - color: rgba(102, 102, 102, 0.5); } - .titlebar:not(headerbar) .entry:insensitive:backdrop, - .titlebar:not(headerbar) entry:insensitive:backdrop, - .header-bar .entry:insensitive:backdrop, - .header-bar entry:insensitive:backdrop, - headerbar .entry:insensitive:backdrop, - headerbar entry:insensitive:backdrop { - background: rgba(255, 255, 255, 0.5); - color: rgba(102, 102, 102, 0.5); - box-shadow: none; } - .titlebar:not(headerbar) .entry:backdrop, - .titlebar:not(headerbar) entry:backdrop, - .header-bar .entry:backdrop, - .header-bar entry:backdrop, - headerbar .entry:backdrop, - headerbar entry:backdrop { - background: rgba(255, 255, 255, 0.8); - color: rgba(102, 102, 102, 0.5); - box-shadow: none; } - .titlebar:not(headerbar) .entry:backdrop > .image, - .titlebar:not(headerbar) entry:backdrop > .image, - .header-bar .entry:backdrop > .image, - .header-bar entry:backdrop > .image, - headerbar .entry:backdrop > .image, - headerbar entry:backdrop > .image { - color: rgba(102, 102, 102, 0.5); } - .titlebar:not(headerbar) .button, - .titlebar:not(headerbar) button, - .header-bar .button, - .header-bar button, - headerbar .button, - headerbar button { - background-color: transparent; - background-image: none; - border-radius: 0px; - border: none; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - padding: 10px; - margin: 0; - color: #ffffff; } - .titlebar:not(headerbar) .button.text-button, .titlebar:not(headerbar) .button.image-button, .titlebar:not(headerbar) .button.flat, - .titlebar:not(headerbar) button.text-button, - .titlebar:not(headerbar) button.image-button, - .titlebar:not(headerbar) button.flat, - .header-bar .button.text-button, - .header-bar .button.image-button, - .header-bar .button.flat, - .header-bar button.text-button, - .header-bar button.image-button, - .header-bar button.flat, - headerbar .button.text-button, - headerbar .button.image-button, - headerbar .button.flat, - headerbar button.text-button, - headerbar button.image-button, - headerbar button.flat { - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - background-color: transparent; - background-image: none; - color: #ffffff; } - .titlebar:not(headerbar) .button.text-button:backdrop, .titlebar:not(headerbar) .button.image-button:backdrop, .titlebar:not(headerbar) .button.flat:backdrop, - .titlebar:not(headerbar) button.text-button:backdrop, - .titlebar:not(headerbar) button.image-button:backdrop, - .titlebar:not(headerbar) button.flat:backdrop, - .header-bar .button.text-button:backdrop, - .header-bar .button.image-button:backdrop, - .header-bar .button.flat:backdrop, - .header-bar button.text-button:backdrop, - .header-bar button.image-button:backdrop, - .header-bar button.flat:backdrop, - headerbar .button.text-button:backdrop, - headerbar .button.image-button:backdrop, - headerbar .button.flat:backdrop, - headerbar button.text-button:backdrop, - headerbar button.image-button:backdrop, - headerbar button.flat:backdrop { - background-color: transparent; - background-image: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.5); } - .titlebar:not(headerbar) .button.linked, - .titlebar:not(headerbar) button.linked, - .header-bar .button.linked, - .header-bar button.linked, - headerbar .button.linked, - headerbar button.linked { - border-radius: 0px; - margin: 0; } - .titlebar:not(headerbar) .button:hover, - .titlebar:not(headerbar) button:hover, - .header-bar .button:hover, - .header-bar button:hover, - headerbar .button:hover, - headerbar button:hover { - background-image: none; - background-color: rgba(0, 0, 0, 0.15); - color: white; - box-shadow: none; - text-shadow: none; } - .titlebar:not(headerbar) .button:backdrop, - .titlebar:not(headerbar) button:backdrop, - .header-bar .button:backdrop, - .header-bar button:backdrop, - headerbar .button:backdrop, - headerbar button:backdrop { - background-color: transparent; - background-image: none; - color: rgba(255, 255, 255, 0.5); } - .titlebar:not(headerbar) .button:active, .titlebar:not(headerbar) .button:checked, - .titlebar:not(headerbar) button:active, - .titlebar:not(headerbar) button:checked, - .header-bar .button:active, - .header-bar .button:checked, - .header-bar button:active, - .header-bar button:checked, - headerbar .button:active, - headerbar .button:checked, - headerbar button:active, - headerbar button:checked { - font: bold; - border-radius: 0px; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 -2px 0 0 #ffffff; - background-color: transparent; - background-image: none; - color: #ffffff; } - .titlebar:not(headerbar) .button:active:backdrop, .titlebar:not(headerbar) .button:checked:backdrop, - .titlebar:not(headerbar) button:active:backdrop, - .titlebar:not(headerbar) button:checked:backdrop, - .header-bar .button:active:backdrop, - .header-bar .button:checked:backdrop, - .header-bar button:active:backdrop, - .header-bar button:checked:backdrop, - headerbar .button:active:backdrop, - headerbar .button:checked:backdrop, - headerbar button:active:backdrop, - headerbar button:checked:backdrop { - background-color: transparent; - background-image: none; - color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.5); } - .titlebar:not(headerbar) .button:insensitive, .titlebar:not(headerbar) .button:disabled, - .titlebar:not(headerbar) button:insensitive, - .titlebar:not(headerbar) button:disabled, - .header-bar .button:insensitive, - .header-bar .button:disabled, - .header-bar button:insensitive, - .header-bar button:disabled, - headerbar .button:insensitive, - headerbar .button:disabled, - headerbar button:insensitive, - headerbar button:disabled { - color: rgba(255, 255, 255, 0.5); - background-color: transparent; - background-image: none; } - .titlebar:not(headerbar) .button:insensitive, .titlebar:not(headerbar) .button:insensitive:backdrop, - .titlebar:not(headerbar) button:insensitive, - .titlebar:not(headerbar) button:insensitive:backdrop, - .header-bar .button:insensitive, - .header-bar .button:insensitive:backdrop, - .header-bar button:insensitive, - .header-bar button:insensitive:backdrop, - headerbar .button:insensitive, - headerbar .button:insensitive:backdrop, - headerbar button:insensitive, - headerbar button:insensitive:backdrop { - color: rgba(255, 255, 255, 0.5); - background-color: transparent; - background-image: none; } - .titlebar:not(headerbar) .button:insensitive image, - .titlebar:not(headerbar) .button:insensitive GtkImage, .titlebar:not(headerbar) .button:insensitive:backdrop image, - .titlebar:not(headerbar) .button:insensitive:backdrop GtkImage, - .titlebar:not(headerbar) button:insensitive image, - .titlebar:not(headerbar) button:insensitive GtkImage, - .titlebar:not(headerbar) button:insensitive:backdrop image, - .titlebar:not(headerbar) button:insensitive:backdrop GtkImage, - .header-bar .button:insensitive image, - .header-bar .button:insensitive GtkImage, - .header-bar .button:insensitive:backdrop image, - .header-bar .button:insensitive:backdrop GtkImage, - .header-bar button:insensitive image, - .header-bar button:insensitive GtkImage, - .header-bar button:insensitive:backdrop image, - .header-bar button:insensitive:backdrop GtkImage, - headerbar .button:insensitive image, - headerbar .button:insensitive GtkImage, - headerbar .button:insensitive:backdrop image, - headerbar .button:insensitive:backdrop GtkImage, - headerbar button:insensitive image, - headerbar button:insensitive GtkImage, - headerbar button:insensitive:backdrop image, - headerbar button:insensitive:backdrop GtkImage { - -gtk-image-effect: dim; } - .titlebar:not(headerbar) .button.titlebutton, - .titlebar:not(headerbar) button.titlebutton, - .header-bar .button.titlebutton, - .header-bar button.titlebutton, - headerbar .button.titlebutton, - headerbar button.titlebutton { - min-height: 16px; - min-width: 16px; - padding: 1px; - border-radius: 50%; - background-color: transparent; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .titlebar:not(headerbar) .button.titlebutton:hover, - .titlebar:not(headerbar) button.titlebutton:hover, - .header-bar .button.titlebutton:hover, - .header-bar button.titlebutton:hover, - headerbar .button.titlebutton:hover, - headerbar button.titlebutton:hover { - background-color: transparent; - color: white; } - .titlebar:not(headerbar) .button.titlebutton:backdrop, - .titlebar:not(headerbar) button.titlebutton:backdrop, - .header-bar .button.titlebutton:backdrop, - .header-bar button.titlebutton:backdrop, - headerbar .button.titlebutton:backdrop, - headerbar button.titlebutton:backdrop { - background-color: transparent; - color: rgba(255, 255, 255, 0.5); } - .titlebar:not(headerbar) .button.titlebutton:active, - .titlebar:not(headerbar) button.titlebutton:active, - .header-bar .button.titlebutton:active, - .header-bar button.titlebutton:active, - headerbar .button.titlebutton:active, - headerbar button.titlebutton:active { - background-color: #ffffff; - color: #636E73; - border-radius: 50%; - box-shadow: none; } - .titlebar:not(headerbar) .button.menu-button, .titlebar:not(headerbar) .button.title-menu-button, - .titlebar:not(headerbar) button.menu-button, - .titlebar:not(headerbar) button.title-menu-button, - .header-bar .button.menu-button, - .header-bar .button.title-menu-button, - .header-bar button.menu-button, - .header-bar button.title-menu-button, - headerbar .button.menu-button, - headerbar .button.title-menu-button, - headerbar button.menu-button, - headerbar button.title-menu-button { - padding: 1px; - background-color: transparent; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .titlebar:not(headerbar) .button.menu-button:hover, .titlebar:not(headerbar) .button.title-menu-button:hover, - .titlebar:not(headerbar) button.menu-button:hover, - .titlebar:not(headerbar) button.title-menu-button:hover, - .header-bar .button.menu-button:hover, - .header-bar .button.title-menu-button:hover, - .header-bar button.menu-button:hover, - .header-bar button.title-menu-button:hover, - headerbar .button.menu-button:hover, - headerbar .button.title-menu-button:hover, - headerbar button.menu-button:hover, - headerbar button.title-menu-button:hover { - background-color: rgba(0, 0, 0, 0.1); - color: white; } - .titlebar:not(headerbar) .button.menu-button:backdrop, .titlebar:not(headerbar) .button.title-menu-button:backdrop, - .titlebar:not(headerbar) button.menu-button:backdrop, - .titlebar:not(headerbar) button.title-menu-button:backdrop, - .header-bar .button.menu-button:backdrop, - .header-bar .button.title-menu-button:backdrop, - .header-bar button.menu-button:backdrop, - .header-bar button.title-menu-button:backdrop, - headerbar .button.menu-button:backdrop, - headerbar .button.title-menu-button:backdrop, - headerbar button.menu-button:backdrop, - headerbar button.title-menu-button:backdrop { - background-color: transparent; - color: rgba(255, 255, 255, 0.5); } - .titlebar:not(headerbar) .button.menu-button:active, .titlebar:not(headerbar) .button.title-menu-button:active, - .titlebar:not(headerbar) button.menu-button:active, - .titlebar:not(headerbar) button.title-menu-button:active, - .header-bar .button.menu-button:active, - .header-bar .button.title-menu-button:active, - .header-bar button.menu-button:active, - .header-bar button.title-menu-button:active, - headerbar .button.menu-button:active, - headerbar .button.title-menu-button:active, - headerbar button.menu-button:active, - headerbar button.title-menu-button:active { - background-color: #4b5458; - color: #ffffff; - box-shadow: none; } - .titlebar:not(headerbar) .separator, - .header-bar .separator, - headerbar .separator { - color: transparent; - background-color: transparent; } - -.titlebar, .titlebar:backdrop { - border-top-left-radius: 4px; - border-top-right-radius: 4px; } - -.separator:first-child + .header-bar, .separator:first-child + .header-bar:backdrop, separator:first-child + .header-bar, separator:first-child + .header-bar:backdrop, .header-bar:first-child, .header-bar:first-child:backdrop, .separator:first-child + -headerbar, .separator:first-child + -headerbar:backdrop, separator:first-child + -headerbar, separator:first-child + -headerbar:backdrop, -headerbar:first-child, -headerbar:first-child:backdrop { - border-top-left-radius: 4px; } -.header-bar:last-child, .header-bar:last-child:backdrop, -headerbar:last-child, -headerbar:last-child:backdrop { - border-top-right-radius: 4px; } - -window.csd > .titlebar:not(headerbar) { - padding: 0; - background-color: #636E73; - background-image: none; - border-style: none; - border-color: transparent; - box-shadow: none; } - window.csd > .titlebar:not(headerbar):backdrop { - background-color: #576165; } - -/************** - * GtkInfoBar * - **************/ -.info, .warning, .question, .error, -GtkInfoBar, -infobar { - text-shadow: none; - color: #666666; - background-color: #f7f7f7; - border-bottom: 1px solid #dedede; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } - -.info, .warning, .question, .error { - text-shadow: none; - color: #ffffff; - border: none; } - .info .label, .warning .label, .question .label, .error .label { - color: #ffffff; } - .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { - color: rgba(255, 255, 255, 0.5); } - .info .button, .warning .button, .question .button, .error .button, - .info button, - .warning button, - .question button, - .error button { - border-radius: 2px; - border: none; - background: rgba(255, 255, 255, 0.95); - color: #666666; - box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } - .info .button .label, .warning .button .label, .question .button .label, .error .button .label, - .info button .label, - .warning button .label, - .question button .label, - .error button .label { - color: #666666; } - .info .button:active, .warning .button:active, .question .button:active, .error .button:active, - .info button:active, - .warning button:active, - .question button:active, - .error button:active { - background: #ffffff; - color: #666666; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } - .info .button:active:backdrop, .warning .button:active:backdrop, .question .button:active:backdrop, .error .button:active:backdrop, - .info button:active:backdrop, - .warning button:active:backdrop, - .question button:active:backdrop, - .error button:active:backdrop { - background: rgba(255, 255, 255, 0.8); - color: rgba(102, 102, 102, 0.5); - box-shadow: none; } - .info .button:hover, .warning .button:hover, .question .button:hover, .error .button:hover, .info .button:focus, .warning .button:focus, .question .button:focus, .error .button:focus, - .info button:hover, - .warning button:hover, - .question button:hover, - .error button:hover, - .info button:focus, - .warning button:focus, - .question button:focus, - .error button:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } - .info .button:insensitive, .warning .button:insensitive, .question .button:insensitive, .error .button:insensitive, - .info button:insensitive, - .warning button:insensitive, - .question button:insensitive, - .error button:insensitive { - background: rgba(255, 255, 255, 0.6); - color: rgba(102, 102, 102, 0.5); - box-shadow: none; } - .info .button:insensitive:backdrop, .warning .button:insensitive:backdrop, .question .button:insensitive:backdrop, .error .button:insensitive:backdrop, - .info button:insensitive:backdrop, - .warning button:insensitive:backdrop, - .question button:insensitive:backdrop, - .error button:insensitive:backdrop { - background: rgba(255, 255, 255, 0.5); - color: rgba(102, 102, 102, 0.5); - box-shadow: none; } - .info .button:backdrop, .warning .button:backdrop, .question .button:backdrop, .error .button:backdrop, - .info button:backdrop, - .warning button:backdrop, - .question button:backdrop, - .error button:backdrop { - background: rgba(255, 255, 255, 0.8); - color: rgba(102, 102, 102, 0.5); - box-shadow: none; } - -.info { - background-color: #2095f2; } - .info:backdrop { - background-color: #50acf5; - color: rgba(255, 255, 255, 0.5); } - -.warning { - background-color: #feea3a; } - .warning:backdrop { - background-color: #feef6d; - color: rgba(255, 255, 255, 0.5); } - -.question { - background-color: #1ea362; } - .question:backdrop { - background-color: #26ce7c; - color: rgba(255, 255, 255, 0.5); } - -.error { - background-color: #f34235; } - .error:backdrop { - background-color: #f66f65; - color: rgba(255, 255, 255, 0.5); } - -/************* - * Level Bar * - *************/ -GtkLevelBar, -.level-bar, -levelbar { - -GtkLevelBar-min-block-width: 32; - -GtkLevelBar-min-block-height: 8; } - GtkLevelBar:backdrop, - .level-bar:backdrop, - levelbar:backdrop { - transition: 200ms ease-out; } - GtkLevelBar .trough, - GtkLevelBar trough, - .level-bar .trough, - .level-bar trough, - levelbar .trough, - levelbar trough { - margin: 0; - padding: 2px; - border-radius: 3px; } - GtkLevelBar.horizontal.indicator-discrete.fill-block, - .level-bar.horizontal.indicator-discrete.fill-block, - levelbar.horizontal.indicator-discrete.fill-block { - margin: 0 1px; } - GtkLevelBar.horizontal.discrete block, - .level-bar.horizontal.discrete block, - levelbar.horizontal.discrete block { - margin: 0 1px; } - GtkLevelBar.vertical.indicator-discrete.fill-block, - .level-bar.vertical.indicator-discrete.fill-block, - levelbar.vertical.indicator-discrete.fill-block { - margin: 1px 0; } - GtkLevelBar.vertical.discrete block, - .level-bar.vertical.discrete block, - levelbar.vertical.discrete block { - margin: 1px 0; } - GtkLevelBar.vertical .fill-block, - GtkLevelBar.vertical block, - GtkLevelBar .level-bar.vertical .fill-block, - .level-bar.vertical GtkLevelBar .fill-block, - GtkLevelBar .level-bar.vertical block, - .level-bar.vertical GtkLevelBar block, - GtkLevelBar levelbar.vertical .fill-block, - levelbar.vertical GtkLevelBar .fill-block, - GtkLevelBar levelbar.vertical block, - levelbar.vertical GtkLevelBar block, - GtkLevelBar .fill-block, - GtkLevelBar block, - .level-bar GtkLevelBar.vertical .fill-block, - GtkLevelBar.vertical .level-bar .fill-block, - .level-bar GtkLevelBar.vertical block, - GtkLevelBar.vertical .level-bar block, - .level-bar.vertical .fill-block, - .level-bar.vertical block, - .level-bar levelbar.vertical .fill-block, - levelbar.vertical .level-bar .fill-block, - .level-bar levelbar.vertical block, - levelbar.vertical .level-bar block, - .level-bar .fill-block, - .level-bar block, - levelbar GtkLevelBar.vertical .fill-block, - GtkLevelBar.vertical levelbar .fill-block, - levelbar GtkLevelBar.vertical block, - GtkLevelBar.vertical levelbar block, - levelbar .level-bar.vertical .fill-block, - .level-bar.vertical levelbar .fill-block, - levelbar .level-bar.vertical block, - .level-bar.vertical levelbar block, - levelbar.vertical .fill-block, - levelbar.vertical block, - levelbar .fill-block, - levelbar block { - border-radius: 2px; - min-width: 32px; - min-height: 2px; } - GtkLevelBar.vertical .low.fill-block, - GtkLevelBar.vertical block.low, - GtkLevelBar .level-bar.vertical .low.fill-block, - .level-bar.vertical GtkLevelBar .low.fill-block, - GtkLevelBar .level-bar.vertical block.low, - .level-bar.vertical GtkLevelBar block.low, - GtkLevelBar levelbar.vertical .low.fill-block, - levelbar.vertical GtkLevelBar .low.fill-block, - GtkLevelBar levelbar.vertical block.low, - levelbar.vertical GtkLevelBar block.low, GtkLevelBar.vertical .level-low.fill-block, - GtkLevelBar.vertical block.level-low, - GtkLevelBar .level-bar.vertical .level-low.fill-block, - .level-bar.vertical GtkLevelBar .level-low.fill-block, - GtkLevelBar .level-bar.vertical block.level-low, - .level-bar.vertical GtkLevelBar block.level-low, - GtkLevelBar levelbar.vertical .level-low.fill-block, - levelbar.vertical GtkLevelBar .level-low.fill-block, - GtkLevelBar levelbar.vertical block.level-low, - levelbar.vertical GtkLevelBar block.level-low, - GtkLevelBar .fill-block.low, - GtkLevelBar .fill-block.level-low, - GtkLevelBar block.low, - GtkLevelBar block.level-low, - .level-bar GtkLevelBar.vertical .low.fill-block, - GtkLevelBar.vertical .level-bar .low.fill-block, - .level-bar GtkLevelBar.vertical block.low, - GtkLevelBar.vertical .level-bar block.low, - .level-bar.vertical .low.fill-block, - .level-bar.vertical block.low, - .level-bar levelbar.vertical .low.fill-block, - levelbar.vertical .level-bar .low.fill-block, - .level-bar levelbar.vertical block.low, - levelbar.vertical .level-bar block.low, - .level-bar GtkLevelBar.vertical .level-low.fill-block, - GtkLevelBar.vertical .level-bar .level-low.fill-block, - .level-bar GtkLevelBar.vertical block.level-low, - GtkLevelBar.vertical .level-bar block.level-low, - .level-bar.vertical .level-low.fill-block, - .level-bar.vertical block.level-low, - .level-bar levelbar.vertical .level-low.fill-block, - levelbar.vertical .level-bar .level-low.fill-block, - .level-bar levelbar.vertical block.level-low, - levelbar.vertical .level-bar block.level-low, - .level-bar .fill-block.low, - .level-bar .fill-block.level-low, - .level-bar block.low, - .level-bar block.level-low, - levelbar GtkLevelBar.vertical .low.fill-block, - GtkLevelBar.vertical levelbar .low.fill-block, - levelbar GtkLevelBar.vertical block.low, - GtkLevelBar.vertical levelbar block.low, - levelbar .level-bar.vertical .low.fill-block, - .level-bar.vertical levelbar .low.fill-block, - levelbar .level-bar.vertical block.low, - .level-bar.vertical levelbar block.low, - levelbar.vertical .low.fill-block, - levelbar.vertical block.low, - levelbar GtkLevelBar.vertical .level-low.fill-block, - GtkLevelBar.vertical levelbar .level-low.fill-block, - levelbar GtkLevelBar.vertical block.level-low, - GtkLevelBar.vertical levelbar block.level-low, - levelbar .level-bar.vertical .level-low.fill-block, - .level-bar.vertical levelbar .level-low.fill-block, - levelbar .level-bar.vertical block.level-low, - .level-bar.vertical levelbar block.level-low, - levelbar.vertical .level-low.fill-block, - levelbar.vertical block.level-low, - levelbar .fill-block.low, - levelbar .fill-block.level-low, - levelbar block.low, - levelbar block.level-low { - border: 1px solid #fee507; - background-color: #feea3a; } - GtkLevelBar.vertical .low.fill-block:backdrop, - GtkLevelBar.vertical block.low:backdrop, - GtkLevelBar .level-bar.vertical .low.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .low.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.low:backdrop, - .level-bar.vertical GtkLevelBar block.low:backdrop, - GtkLevelBar levelbar.vertical .low.fill-block:backdrop, - levelbar.vertical GtkLevelBar .low.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.low:backdrop, - levelbar.vertical GtkLevelBar block.low:backdrop, GtkLevelBar.vertical .level-low.fill-block:backdrop, - GtkLevelBar.vertical block.level-low:backdrop, - GtkLevelBar .level-bar.vertical .level-low.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .level-low.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.level-low:backdrop, - .level-bar.vertical GtkLevelBar block.level-low:backdrop, - GtkLevelBar levelbar.vertical .level-low.fill-block:backdrop, - levelbar.vertical GtkLevelBar .level-low.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.level-low:backdrop, - levelbar.vertical GtkLevelBar block.level-low:backdrop, - GtkLevelBar .fill-block.low:backdrop, - GtkLevelBar .fill-block.level-low:backdrop, - GtkLevelBar block.low:backdrop, - GtkLevelBar block.level-low:backdrop, - .level-bar GtkLevelBar.vertical .low.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .low.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.low:backdrop, - GtkLevelBar.vertical .level-bar block.low:backdrop, - .level-bar.vertical .low.fill-block:backdrop, - .level-bar.vertical block.low:backdrop, - .level-bar levelbar.vertical .low.fill-block:backdrop, - levelbar.vertical .level-bar .low.fill-block:backdrop, - .level-bar levelbar.vertical block.low:backdrop, - levelbar.vertical .level-bar block.low:backdrop, - .level-bar GtkLevelBar.vertical .level-low.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .level-low.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.level-low:backdrop, - GtkLevelBar.vertical .level-bar block.level-low:backdrop, - .level-bar.vertical .level-low.fill-block:backdrop, - .level-bar.vertical block.level-low:backdrop, - .level-bar levelbar.vertical .level-low.fill-block:backdrop, - levelbar.vertical .level-bar .level-low.fill-block:backdrop, - .level-bar levelbar.vertical block.level-low:backdrop, - levelbar.vertical .level-bar block.level-low:backdrop, - .level-bar .fill-block.low:backdrop, - .level-bar .fill-block.level-low:backdrop, - .level-bar block.low:backdrop, - .level-bar block.level-low:backdrop, - levelbar GtkLevelBar.vertical .low.fill-block:backdrop, - GtkLevelBar.vertical levelbar .low.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.low:backdrop, - GtkLevelBar.vertical levelbar block.low:backdrop, - levelbar .level-bar.vertical .low.fill-block:backdrop, - .level-bar.vertical levelbar .low.fill-block:backdrop, - levelbar .level-bar.vertical block.low:backdrop, - .level-bar.vertical levelbar block.low:backdrop, - levelbar.vertical .low.fill-block:backdrop, - levelbar.vertical block.low:backdrop, - levelbar GtkLevelBar.vertical .level-low.fill-block:backdrop, - GtkLevelBar.vertical levelbar .level-low.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.level-low:backdrop, - GtkLevelBar.vertical levelbar block.level-low:backdrop, - levelbar .level-bar.vertical .level-low.fill-block:backdrop, - .level-bar.vertical levelbar .level-low.fill-block:backdrop, - levelbar .level-bar.vertical block.level-low:backdrop, - .level-bar.vertical levelbar block.level-low:backdrop, - levelbar.vertical .level-low.fill-block:backdrop, - levelbar.vertical block.level-low:backdrop, - levelbar .fill-block.low:backdrop, - levelbar .fill-block.level-low:backdrop, - levelbar block.low:backdrop, - levelbar block.level-low:backdrop { - border: 1px solid #feea3a; } - GtkLevelBar.vertical .high.fill-block, - GtkLevelBar.vertical block.high, - GtkLevelBar .level-bar.vertical .high.fill-block, - .level-bar.vertical GtkLevelBar .high.fill-block, - GtkLevelBar .level-bar.vertical block.high, - .level-bar.vertical GtkLevelBar block.high, - GtkLevelBar levelbar.vertical .high.fill-block, - levelbar.vertical GtkLevelBar .high.fill-block, - GtkLevelBar levelbar.vertical block.high, - levelbar.vertical GtkLevelBar block.high, GtkLevelBar.vertical .level-high.fill-block, - GtkLevelBar.vertical block.level-high, - GtkLevelBar .level-bar.vertical .level-high.fill-block, - .level-bar.vertical GtkLevelBar .level-high.fill-block, - GtkLevelBar .level-bar.vertical block.level-high, - .level-bar.vertical GtkLevelBar block.level-high, - GtkLevelBar levelbar.vertical .level-high.fill-block, - levelbar.vertical GtkLevelBar .level-high.fill-block, - GtkLevelBar levelbar.vertical block.level-high, - levelbar.vertical GtkLevelBar block.level-high, - GtkLevelBar .fill-block.high, - GtkLevelBar .fill-block.level-high, - GtkLevelBar block.high, - GtkLevelBar block.level-high, - .level-bar GtkLevelBar.vertical .high.fill-block, - GtkLevelBar.vertical .level-bar .high.fill-block, - .level-bar GtkLevelBar.vertical block.high, - GtkLevelBar.vertical .level-bar block.high, - .level-bar.vertical .high.fill-block, - .level-bar.vertical block.high, - .level-bar levelbar.vertical .high.fill-block, - levelbar.vertical .level-bar .high.fill-block, - .level-bar levelbar.vertical block.high, - levelbar.vertical .level-bar block.high, - .level-bar GtkLevelBar.vertical .level-high.fill-block, - GtkLevelBar.vertical .level-bar .level-high.fill-block, - .level-bar GtkLevelBar.vertical block.level-high, - GtkLevelBar.vertical .level-bar block.level-high, - .level-bar.vertical .level-high.fill-block, - .level-bar.vertical block.level-high, - .level-bar levelbar.vertical .level-high.fill-block, - levelbar.vertical .level-bar .level-high.fill-block, - .level-bar levelbar.vertical block.level-high, - levelbar.vertical .level-bar block.level-high, - .level-bar .fill-block.high, - .level-bar .fill-block.level-high, - .level-bar block.high, - .level-bar block.level-high, - levelbar GtkLevelBar.vertical .high.fill-block, - GtkLevelBar.vertical levelbar .high.fill-block, - levelbar GtkLevelBar.vertical block.high, - GtkLevelBar.vertical levelbar block.high, - levelbar .level-bar.vertical .high.fill-block, - .level-bar.vertical levelbar .high.fill-block, - levelbar .level-bar.vertical block.high, - .level-bar.vertical levelbar block.high, - levelbar.vertical .high.fill-block, - levelbar.vertical block.high, - levelbar GtkLevelBar.vertical .level-high.fill-block, - GtkLevelBar.vertical levelbar .level-high.fill-block, - levelbar GtkLevelBar.vertical block.level-high, - GtkLevelBar.vertical levelbar block.level-high, - levelbar .level-bar.vertical .level-high.fill-block, - .level-bar.vertical levelbar .level-high.fill-block, - levelbar .level-bar.vertical block.level-high, - .level-bar.vertical levelbar block.level-high, - levelbar.vertical .level-high.fill-block, - levelbar.vertical block.level-high, - levelbar .fill-block.high, - levelbar .fill-block.level-high, - levelbar block.high, - levelbar block.level-high { - border: 1px solid #347d9f; - background-color: #449ac2; } - GtkLevelBar.vertical .high.fill-block:backdrop, - GtkLevelBar.vertical block.high:backdrop, - GtkLevelBar .level-bar.vertical .high.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .high.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.high:backdrop, - .level-bar.vertical GtkLevelBar block.high:backdrop, - GtkLevelBar levelbar.vertical .high.fill-block:backdrop, - levelbar.vertical GtkLevelBar .high.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.high:backdrop, - levelbar.vertical GtkLevelBar block.high:backdrop, GtkLevelBar.vertical .level-high.fill-block:backdrop, - GtkLevelBar.vertical block.level-high:backdrop, - GtkLevelBar .level-bar.vertical .level-high.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .level-high.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.level-high:backdrop, - .level-bar.vertical GtkLevelBar block.level-high:backdrop, - GtkLevelBar levelbar.vertical .level-high.fill-block:backdrop, - levelbar.vertical GtkLevelBar .level-high.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.level-high:backdrop, - levelbar.vertical GtkLevelBar block.level-high:backdrop, - GtkLevelBar .fill-block.high:backdrop, - GtkLevelBar .fill-block.level-high:backdrop, - GtkLevelBar block.high:backdrop, - GtkLevelBar block.level-high:backdrop, - .level-bar GtkLevelBar.vertical .high.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .high.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.high:backdrop, - GtkLevelBar.vertical .level-bar block.high:backdrop, - .level-bar.vertical .high.fill-block:backdrop, - .level-bar.vertical block.high:backdrop, - .level-bar levelbar.vertical .high.fill-block:backdrop, - levelbar.vertical .level-bar .high.fill-block:backdrop, - .level-bar levelbar.vertical block.high:backdrop, - levelbar.vertical .level-bar block.high:backdrop, - .level-bar GtkLevelBar.vertical .level-high.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .level-high.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.level-high:backdrop, - GtkLevelBar.vertical .level-bar block.level-high:backdrop, - .level-bar.vertical .level-high.fill-block:backdrop, - .level-bar.vertical block.level-high:backdrop, - .level-bar levelbar.vertical .level-high.fill-block:backdrop, - levelbar.vertical .level-bar .level-high.fill-block:backdrop, - .level-bar levelbar.vertical block.level-high:backdrop, - levelbar.vertical .level-bar block.level-high:backdrop, - .level-bar .fill-block.high:backdrop, - .level-bar .fill-block.level-high:backdrop, - .level-bar block.high:backdrop, - .level-bar block.level-high:backdrop, - levelbar GtkLevelBar.vertical .high.fill-block:backdrop, - GtkLevelBar.vertical levelbar .high.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.high:backdrop, - GtkLevelBar.vertical levelbar block.high:backdrop, - levelbar .level-bar.vertical .high.fill-block:backdrop, - .level-bar.vertical levelbar .high.fill-block:backdrop, - levelbar .level-bar.vertical block.high:backdrop, - .level-bar.vertical levelbar block.high:backdrop, - levelbar.vertical .high.fill-block:backdrop, - levelbar.vertical block.high:backdrop, - levelbar GtkLevelBar.vertical .level-high.fill-block:backdrop, - GtkLevelBar.vertical levelbar .level-high.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.level-high:backdrop, - GtkLevelBar.vertical levelbar block.level-high:backdrop, - levelbar .level-bar.vertical .level-high.fill-block:backdrop, - .level-bar.vertical levelbar .level-high.fill-block:backdrop, - levelbar .level-bar.vertical block.level-high:backdrop, - .level-bar.vertical levelbar block.level-high:backdrop, - levelbar.vertical .level-high.fill-block:backdrop, - levelbar.vertical block.level-high:backdrop, - levelbar .fill-block.high:backdrop, - levelbar .fill-block.level-high:backdrop, - levelbar block.high:backdrop, - levelbar block.level-high:backdrop { - border: 1px solid #449ac2; } - GtkLevelBar.vertical .full.fill-block, - GtkLevelBar.vertical block.full, - GtkLevelBar .level-bar.vertical .full.fill-block, - .level-bar.vertical GtkLevelBar .full.fill-block, - GtkLevelBar .level-bar.vertical block.full, - .level-bar.vertical GtkLevelBar block.full, - GtkLevelBar levelbar.vertical .full.fill-block, - levelbar.vertical GtkLevelBar .full.fill-block, - GtkLevelBar levelbar.vertical block.full, - levelbar.vertical GtkLevelBar block.full, GtkLevelBar.vertical .level-full.fill-block, - GtkLevelBar.vertical block.level-full, - GtkLevelBar .level-bar.vertical .level-full.fill-block, - .level-bar.vertical GtkLevelBar .level-full.fill-block, - GtkLevelBar .level-bar.vertical block.level-full, - .level-bar.vertical GtkLevelBar block.level-full, - GtkLevelBar levelbar.vertical .level-full.fill-block, - levelbar.vertical GtkLevelBar .level-full.fill-block, - GtkLevelBar levelbar.vertical block.level-full, - levelbar.vertical GtkLevelBar block.level-full, - GtkLevelBar .fill-block.full, - GtkLevelBar .fill-block.level-full, - GtkLevelBar block.full, - GtkLevelBar block.level-full, - .level-bar GtkLevelBar.vertical .full.fill-block, - GtkLevelBar.vertical .level-bar .full.fill-block, - .level-bar GtkLevelBar.vertical block.full, - GtkLevelBar.vertical .level-bar block.full, - .level-bar.vertical .full.fill-block, - .level-bar.vertical block.full, - .level-bar levelbar.vertical .full.fill-block, - levelbar.vertical .level-bar .full.fill-block, - .level-bar levelbar.vertical block.full, - levelbar.vertical .level-bar block.full, - .level-bar GtkLevelBar.vertical .level-full.fill-block, - GtkLevelBar.vertical .level-bar .level-full.fill-block, - .level-bar GtkLevelBar.vertical block.level-full, - GtkLevelBar.vertical .level-bar block.level-full, - .level-bar.vertical .level-full.fill-block, - .level-bar.vertical block.level-full, - .level-bar levelbar.vertical .level-full.fill-block, - levelbar.vertical .level-bar .level-full.fill-block, - .level-bar levelbar.vertical block.level-full, - levelbar.vertical .level-bar block.level-full, - .level-bar .fill-block.full, - .level-bar .fill-block.level-full, - .level-bar block.full, - .level-bar block.level-full, - levelbar GtkLevelBar.vertical .full.fill-block, - GtkLevelBar.vertical levelbar .full.fill-block, - levelbar GtkLevelBar.vertical block.full, - GtkLevelBar.vertical levelbar block.full, - levelbar .level-bar.vertical .full.fill-block, - .level-bar.vertical levelbar .full.fill-block, - levelbar .level-bar.vertical block.full, - .level-bar.vertical levelbar block.full, - levelbar.vertical .full.fill-block, - levelbar.vertical block.full, - levelbar GtkLevelBar.vertical .level-full.fill-block, - GtkLevelBar.vertical levelbar .level-full.fill-block, - levelbar GtkLevelBar.vertical block.level-full, - GtkLevelBar.vertical levelbar block.level-full, - levelbar .level-bar.vertical .level-full.fill-block, - .level-bar.vertical levelbar .level-full.fill-block, - levelbar .level-bar.vertical block.level-full, - .level-bar.vertical levelbar block.level-full, - levelbar.vertical .level-full.fill-block, - levelbar.vertical block.level-full, - levelbar .fill-block.full, - levelbar .fill-block.level-full, - levelbar block.full, - levelbar block.level-full { - border: 1px solid #167848; - background-color: #1ea362; } - GtkLevelBar.vertical .full.fill-block:backdrop, - GtkLevelBar.vertical block.full:backdrop, - GtkLevelBar .level-bar.vertical .full.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .full.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.full:backdrop, - .level-bar.vertical GtkLevelBar block.full:backdrop, - GtkLevelBar levelbar.vertical .full.fill-block:backdrop, - levelbar.vertical GtkLevelBar .full.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.full:backdrop, - levelbar.vertical GtkLevelBar block.full:backdrop, GtkLevelBar.vertical .level-full.fill-block:backdrop, - GtkLevelBar.vertical block.level-full:backdrop, - GtkLevelBar .level-bar.vertical .level-full.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .level-full.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.level-full:backdrop, - .level-bar.vertical GtkLevelBar block.level-full:backdrop, - GtkLevelBar levelbar.vertical .level-full.fill-block:backdrop, - levelbar.vertical GtkLevelBar .level-full.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.level-full:backdrop, - levelbar.vertical GtkLevelBar block.level-full:backdrop, - GtkLevelBar .fill-block.full:backdrop, - GtkLevelBar .fill-block.level-full:backdrop, - GtkLevelBar block.full:backdrop, - GtkLevelBar block.level-full:backdrop, - .level-bar GtkLevelBar.vertical .full.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .full.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.full:backdrop, - GtkLevelBar.vertical .level-bar block.full:backdrop, - .level-bar.vertical .full.fill-block:backdrop, - .level-bar.vertical block.full:backdrop, - .level-bar levelbar.vertical .full.fill-block:backdrop, - levelbar.vertical .level-bar .full.fill-block:backdrop, - .level-bar levelbar.vertical block.full:backdrop, - levelbar.vertical .level-bar block.full:backdrop, - .level-bar GtkLevelBar.vertical .level-full.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .level-full.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.level-full:backdrop, - GtkLevelBar.vertical .level-bar block.level-full:backdrop, - .level-bar.vertical .level-full.fill-block:backdrop, - .level-bar.vertical block.level-full:backdrop, - .level-bar levelbar.vertical .level-full.fill-block:backdrop, - levelbar.vertical .level-bar .level-full.fill-block:backdrop, - .level-bar levelbar.vertical block.level-full:backdrop, - levelbar.vertical .level-bar block.level-full:backdrop, - .level-bar .fill-block.full:backdrop, - .level-bar .fill-block.level-full:backdrop, - .level-bar block.full:backdrop, - .level-bar block.level-full:backdrop, - levelbar GtkLevelBar.vertical .full.fill-block:backdrop, - GtkLevelBar.vertical levelbar .full.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.full:backdrop, - GtkLevelBar.vertical levelbar block.full:backdrop, - levelbar .level-bar.vertical .full.fill-block:backdrop, - .level-bar.vertical levelbar .full.fill-block:backdrop, - levelbar .level-bar.vertical block.full:backdrop, - .level-bar.vertical levelbar block.full:backdrop, - levelbar.vertical .full.fill-block:backdrop, - levelbar.vertical block.full:backdrop, - levelbar GtkLevelBar.vertical .level-full.fill-block:backdrop, - GtkLevelBar.vertical levelbar .level-full.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.level-full:backdrop, - GtkLevelBar.vertical levelbar block.level-full:backdrop, - levelbar .level-bar.vertical .level-full.fill-block:backdrop, - .level-bar.vertical levelbar .level-full.fill-block:backdrop, - levelbar .level-bar.vertical block.level-full:backdrop, - .level-bar.vertical levelbar block.level-full:backdrop, - levelbar.vertical .level-full.fill-block:backdrop, - levelbar.vertical block.level-full:backdrop, - levelbar .fill-block.full:backdrop, - levelbar .fill-block.level-full:backdrop, - levelbar block.full:backdrop, - levelbar block.level-full:backdrop { - border: 1px solid #1ea362; } - GtkLevelBar.vertical .empty.fill-block, - GtkLevelBar.vertical block.empty, - GtkLevelBar .level-bar.vertical .empty.fill-block, - .level-bar.vertical GtkLevelBar .empty.fill-block, - GtkLevelBar .level-bar.vertical block.empty, - .level-bar.vertical GtkLevelBar block.empty, - GtkLevelBar levelbar.vertical .empty.fill-block, - levelbar.vertical GtkLevelBar .empty.fill-block, - GtkLevelBar levelbar.vertical block.empty, - levelbar.vertical GtkLevelBar block.empty, GtkLevelBar.vertical .level-empty.fill-block, - GtkLevelBar.vertical block.level-empty, - GtkLevelBar .level-bar.vertical .level-empty.fill-block, - .level-bar.vertical GtkLevelBar .level-empty.fill-block, - GtkLevelBar .level-bar.vertical block.level-empty, - .level-bar.vertical GtkLevelBar block.level-empty, - GtkLevelBar levelbar.vertical .level-empty.fill-block, - levelbar.vertical GtkLevelBar .level-empty.fill-block, - GtkLevelBar levelbar.vertical block.level-empty, - levelbar.vertical GtkLevelBar block.level-empty, - GtkLevelBar .fill-block.empty, - GtkLevelBar .fill-block.level-empty, - GtkLevelBar block.empty, - GtkLevelBar block.level-empty, - .level-bar GtkLevelBar.vertical .empty.fill-block, - GtkLevelBar.vertical .level-bar .empty.fill-block, - .level-bar GtkLevelBar.vertical block.empty, - GtkLevelBar.vertical .level-bar block.empty, - .level-bar.vertical .empty.fill-block, - .level-bar.vertical block.empty, - .level-bar levelbar.vertical .empty.fill-block, - levelbar.vertical .level-bar .empty.fill-block, - .level-bar levelbar.vertical block.empty, - levelbar.vertical .level-bar block.empty, - .level-bar GtkLevelBar.vertical .level-empty.fill-block, - GtkLevelBar.vertical .level-bar .level-empty.fill-block, - .level-bar GtkLevelBar.vertical block.level-empty, - GtkLevelBar.vertical .level-bar block.level-empty, - .level-bar.vertical .level-empty.fill-block, - .level-bar.vertical block.level-empty, - .level-bar levelbar.vertical .level-empty.fill-block, - levelbar.vertical .level-bar .level-empty.fill-block, - .level-bar levelbar.vertical block.level-empty, - levelbar.vertical .level-bar block.level-empty, - .level-bar .fill-block.empty, - .level-bar .fill-block.level-empty, - .level-bar block.empty, - .level-bar block.level-empty, - levelbar GtkLevelBar.vertical .empty.fill-block, - GtkLevelBar.vertical levelbar .empty.fill-block, - levelbar GtkLevelBar.vertical block.empty, - GtkLevelBar.vertical levelbar block.empty, - levelbar .level-bar.vertical .empty.fill-block, - .level-bar.vertical levelbar .empty.fill-block, - levelbar .level-bar.vertical block.empty, - .level-bar.vertical levelbar block.empty, - levelbar.vertical .empty.fill-block, - levelbar.vertical block.empty, - levelbar GtkLevelBar.vertical .level-empty.fill-block, - GtkLevelBar.vertical levelbar .level-empty.fill-block, - levelbar GtkLevelBar.vertical block.level-empty, - GtkLevelBar.vertical levelbar block.level-empty, - levelbar .level-bar.vertical .level-empty.fill-block, - .level-bar.vertical levelbar .level-empty.fill-block, - levelbar .level-bar.vertical block.level-empty, - .level-bar.vertical levelbar block.level-empty, - levelbar.vertical .level-empty.fill-block, - levelbar.vertical block.level-empty, - levelbar .fill-block.empty, - levelbar .fill-block.level-empty, - levelbar block.empty, - levelbar block.level-empty { - background-color: transparent; - border: 1px solid rgba(102, 102, 102, 0.2); - box-shadow: none; } - GtkLevelBar.vertical .empty.fill-block:backdrop, - GtkLevelBar.vertical block.empty:backdrop, - GtkLevelBar .level-bar.vertical .empty.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .empty.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.empty:backdrop, - .level-bar.vertical GtkLevelBar block.empty:backdrop, - GtkLevelBar levelbar.vertical .empty.fill-block:backdrop, - levelbar.vertical GtkLevelBar .empty.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.empty:backdrop, - levelbar.vertical GtkLevelBar block.empty:backdrop, GtkLevelBar.vertical .level-empty.fill-block:backdrop, - GtkLevelBar.vertical block.level-empty:backdrop, - GtkLevelBar .level-bar.vertical .level-empty.fill-block:backdrop, - .level-bar.vertical GtkLevelBar .level-empty.fill-block:backdrop, - GtkLevelBar .level-bar.vertical block.level-empty:backdrop, - .level-bar.vertical GtkLevelBar block.level-empty:backdrop, - GtkLevelBar levelbar.vertical .level-empty.fill-block:backdrop, - levelbar.vertical GtkLevelBar .level-empty.fill-block:backdrop, - GtkLevelBar levelbar.vertical block.level-empty:backdrop, - levelbar.vertical GtkLevelBar block.level-empty:backdrop, - GtkLevelBar .fill-block.empty:backdrop, - GtkLevelBar .fill-block.level-empty:backdrop, - GtkLevelBar block.empty:backdrop, - GtkLevelBar block.level-empty:backdrop, - .level-bar GtkLevelBar.vertical .empty.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .empty.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.empty:backdrop, - GtkLevelBar.vertical .level-bar block.empty:backdrop, - .level-bar.vertical .empty.fill-block:backdrop, - .level-bar.vertical block.empty:backdrop, - .level-bar levelbar.vertical .empty.fill-block:backdrop, - levelbar.vertical .level-bar .empty.fill-block:backdrop, - .level-bar levelbar.vertical block.empty:backdrop, - levelbar.vertical .level-bar block.empty:backdrop, - .level-bar GtkLevelBar.vertical .level-empty.fill-block:backdrop, - GtkLevelBar.vertical .level-bar .level-empty.fill-block:backdrop, - .level-bar GtkLevelBar.vertical block.level-empty:backdrop, - GtkLevelBar.vertical .level-bar block.level-empty:backdrop, - .level-bar.vertical .level-empty.fill-block:backdrop, - .level-bar.vertical block.level-empty:backdrop, - .level-bar levelbar.vertical .level-empty.fill-block:backdrop, - levelbar.vertical .level-bar .level-empty.fill-block:backdrop, - .level-bar levelbar.vertical block.level-empty:backdrop, - levelbar.vertical .level-bar block.level-empty:backdrop, - .level-bar .fill-block.empty:backdrop, - .level-bar .fill-block.level-empty:backdrop, - .level-bar block.empty:backdrop, - .level-bar block.level-empty:backdrop, - levelbar GtkLevelBar.vertical .empty.fill-block:backdrop, - GtkLevelBar.vertical levelbar .empty.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.empty:backdrop, - GtkLevelBar.vertical levelbar block.empty:backdrop, - levelbar .level-bar.vertical .empty.fill-block:backdrop, - .level-bar.vertical levelbar .empty.fill-block:backdrop, - levelbar .level-bar.vertical block.empty:backdrop, - .level-bar.vertical levelbar block.empty:backdrop, - levelbar.vertical .empty.fill-block:backdrop, - levelbar.vertical block.empty:backdrop, - levelbar GtkLevelBar.vertical .level-empty.fill-block:backdrop, - GtkLevelBar.vertical levelbar .level-empty.fill-block:backdrop, - levelbar GtkLevelBar.vertical block.level-empty:backdrop, - GtkLevelBar.vertical levelbar block.level-empty:backdrop, - levelbar .level-bar.vertical .level-empty.fill-block:backdrop, - .level-bar.vertical levelbar .level-empty.fill-block:backdrop, - levelbar .level-bar.vertical block.level-empty:backdrop, - .level-bar.vertical levelbar block.level-empty:backdrop, - levelbar.vertical .level-empty.fill-block:backdrop, - levelbar.vertical block.level-empty:backdrop, - levelbar .fill-block.empty:backdrop, - levelbar .fill-block.level-empty:backdrop, - levelbar block.empty:backdrop, - levelbar block.level-empty:backdrop { - border-color: rgba(175, 175, 175, 0.15); } - GtkLevelBar.vertical, - .level-bar.vertical, - levelbar.vertical { - -GtkLevelBar-min-block-width: 8; - -GtkLevelBar-min-block-height: 32; } - GtkLevelBar.vertical .fill-block, - GtkLevelBar.vertical block, - .level-bar.vertical .fill-block, - .level-bar.vertical block, - levelbar.vertical .fill-block, - levelbar.vertical block { - min-width: 8px; - min-height: 32px; } - -/********* - * Links * - *********/ -*:link, button:link, -.button:link, -button:visited, -.button:visited { - color: blue; } - *:link:visited, - button:visited, - .button:visited { - color: rgba(0, 0, 255, 0.5); } - *:selected *:link:visited, *:selected button:visited:link, - *:selected button:visited, - *:selected .button:visited { - color: #b4d7e7; } - *:link:hover, button:hover:link, - .button:hover:link, - button:hover:visited, - .button:hover:visited { - color: #3333ff; } - *:selected *:link:hover, *:selected button:hover:link, - *:selected .button:hover:link, - *:selected button:hover:visited, - *:selected .button:hover:visited { - color: #ecf5f9; } - *:link:active, button:active:link, - .button:active:link, - button:active:visited, - .button:active:visited { - color: blue; } - *:selected *:link:active, *:selected button:active:link, - *:selected .button:active:link, - *:selected button:active:visited, - *:selected .button:active:visited { - color: #daebf3; } - *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, - .button:backdrop:backdrop:hover:link, - button:backdrop:backdrop:hover:visited, - .button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, - .header-bar.selection-mode .subtitle:backdrop:backdrop:hover:link, - headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:selected:link, - .button:backdrop:backdrop:hover:selected:link, - button:backdrop:backdrop:hover:selected:visited, - .button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, - .button:backdrop:link, - button:backdrop:visited, - .button:backdrop:visited { - color: #449ac2; } - *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, - .header-bar.selection-mode .subtitle:link, - headerbar.selection-mode .subtitle:link, button:selected:link, - .button:selected:link, - button:selected:visited, - .button:selected:visited, *:selected *:link, *:selected button:link, - *:selected .button:link, - *:selected button:visited, - *:selected .button:visited { - color: #daebf3; } - -button:link, -.button:link, -button:visited, -.button:visited { - text-shadow: none; } - button:link:hover, button:link:active, button:link:checked, - .button:link:hover, - .button:link:active, - .button:link:checked, - button:visited:hover, - button:visited:active, - button:visited:checked, - .button:visited:hover, - .button:visited:active, - .button:visited:checked { - text-shadow: none; } - button:link > label, - .button:link > label, - button:visited > label, - .button:visited > label { - text-decoration-line: underline; } - button:link > GtkLabel, - .button:link > GtkLabel, - button:visited > GtkLabel, - .button:visited > GtkLabel { - text-decoration-line: underline; } - -/********* - * Lists * - *********/ -list { - color: #666666; - background-color: #ffffff; - border-color: #c4c4c4; } - list:backdrop { - background-color: #fcfcfc; - border-color: #c9c9c9; } - -row, -.list-row { - border-radius: 0; - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row GtkImage, - row image, - .list-row GtkImage, - .list-row image { - padding-right: 6px; } - row:hover, - .list-row:hover { - transition: none; } - row:backdrop, - .list-row:backdrop { - transition: 200ms ease-out; } - row.activatable.has-open-popup, row.activatable:hover, - .list-row.activatable.has-open-popup, - .list-row.activatable:hover { - background-color: rgba(102, 102, 102, 0.05); } - row.activatable:active, - .list-row.activatable:active { - box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } - row.activatable:backdrop:hover, - .list-row.activatable:backdrop:hover { - background-color: transparent; } - row.activatable:selected:active, - .list-row.activatable:selected:active { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } - row.activatable:selected.has-open-popup, row.activatable:selected:hover, - .list-row.activatable:selected.has-open-popup, - .list-row.activatable:selected:hover { - background-color: #4795b9; } - row.activatable:selected:backdrop, - .list-row.activatable:selected:backdrop { - background-color: #449ac2; } - -/********* - * Menus * - *********/ -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0px; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); - background-color: #636E73; - color: #ffffff; } - menubar:backdrop, - .menubar:backdrop { - background-color: #576165; } - menubar > .menuitem, - menubar > menuitem, - .menubar > .menuitem, - .menubar > menuitem { - min-height: 16px; - padding: 4px 8px; } - menubar > .menuitem:hover, - menubar > menuitem:hover, - .menubar > .menuitem:hover, - .menubar > menuitem:hover { - box-shadow: inset 0 -3px #449ac2; - color: #ffffff; } - menubar > .menuitem:insensitive, menubar > .menuitem:disabled, - menubar > menuitem:insensitive, - menubar > menuitem:disabled, - .menubar > .menuitem:insensitive, - .menubar > .menuitem:disabled, - .menubar > menuitem:insensitive, - .menubar > menuitem:disabled { - color: #afafaf; - box-shadow: none; } - -.menu, -.popup, -menu { - padding: 4px 0px; - background-color: #ffffff; - border: 1px solid #c4c4c4; - border-radius: 4px; - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } - .csd .menu, .csd - .popup, .csd - menu { - border: none; } - .menu:backdrop, - .popup:backdrop, - menu:backdrop { - background-color: #fcfcfc; } - .menu .menuitem, - .menu menuitem, - .popup .menuitem, - .popup menuitem, - menu .menuitem, - menu menuitem { - min-height: 16px; - min-width: 40px; - padding: 8px 4px; - text-shadow: none; } - .menu .menuitem:hover, - .menu menuitem:hover, - .popup .menuitem:hover, - .popup menuitem:hover, - menu .menuitem:hover, - menu menuitem:hover { - color: #ffffff; - background-color: #449ac2; } - .menu .menuitem:insensitive, .menu .menuitem:disabled, - .menu menuitem:insensitive, - .menu menuitem:disabled, - .popup .menuitem:insensitive, - .popup .menuitem:disabled, - .popup menuitem:insensitive, - .popup menuitem:disabled, - menu .menuitem:insensitive, - menu .menuitem:disabled, - menu menuitem:insensitive, - menu menuitem:disabled { - color: #afafaf; } - .menu .menuitem:insensitive:backdrop, .menu .menuitem:disabled:backdrop, - .menu menuitem:insensitive:backdrop, - .menu menuitem:disabled:backdrop, - .popup .menuitem:insensitive:backdrop, - .popup .menuitem:disabled:backdrop, - .popup menuitem:insensitive:backdrop, - .popup menuitem:disabled:backdrop, - menu .menuitem:insensitive:backdrop, - menu .menuitem:disabled:backdrop, - menu menuitem:insensitive:backdrop, - menu menuitem:disabled:backdrop { - color: #d1d1d1; } - .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover, - .menu menuitem:backdrop, - .menu menuitem:backdrop:hover, - .popup .menuitem:backdrop, - .popup .menuitem:backdrop:hover, - .popup menuitem:backdrop, - .popup menuitem:backdrop:hover, - menu .menuitem:backdrop, - menu .menuitem:backdrop:hover, - menu menuitem:backdrop, - menu menuitem:backdrop:hover { - color: #afafaf; - background-color: transparent; } - .menu .menuitem .arrow, - .menu .menuitem arrow, - .menu menuitem .arrow, - .menu menuitem arrow, - .popup .menuitem .arrow, - .popup .menuitem arrow, - .popup menuitem .arrow, - .popup menuitem arrow, - menu .menuitem .arrow, - menu .menuitem arrow, - menu menuitem .arrow, - menu menuitem arrow { - min-height: 16px; - min-width: 16px; } - .menu .menuitem .arrow:dir(ltr), - .menu .menuitem arrow:dir(ltr), - .menu menuitem .arrow:dir(ltr), - .menu menuitem arrow:dir(ltr), - .popup .menuitem .arrow:dir(ltr), - .popup .menuitem arrow:dir(ltr), - .popup menuitem .arrow:dir(ltr), - .popup menuitem arrow:dir(ltr), - menu .menuitem .arrow:dir(ltr), - menu .menuitem arrow:dir(ltr), - menu menuitem .arrow:dir(ltr), - menu menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-left: 10px; } - .menu .menuitem .arrow:dir(rtl), - .menu .menuitem arrow:dir(rtl), - .menu menuitem .arrow:dir(rtl), - .menu menuitem arrow:dir(rtl), - .popup .menuitem .arrow:dir(rtl), - .popup .menuitem arrow:dir(rtl), - .popup menuitem .arrow:dir(rtl), - .popup menuitem arrow:dir(rtl), - menu .menuitem .arrow:dir(rtl), - menu .menuitem arrow:dir(rtl), - menu menuitem .arrow:dir(rtl), - menu menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-right: 10px; } - .menu > arrow, - .popup > arrow, - menu > arrow { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - min-height: 16px; - min-width: 16px; - padding: 4px; - background-color: #ffffff; - border-radius: 0; } - .menu > arrow.top, - .popup > arrow.top, - menu > arrow.top { - margin-top: -6px; - border-bottom: 1px solid #f0f0f0; - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - .menu > arrow.bottom, - .popup > arrow.bottom, - menu > arrow.bottom { - margin-bottom: -6px; - border-top: 1px solid #f0f0f0; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .menu > arrow:hover, - .popup > arrow:hover, - menu > arrow:hover { - background-color: #f0f0f0; } - .menu > arrow:backdrop, - .popup > arrow:backdrop, - menu > arrow:backdrop { - background-color: #fcfcfc; } - .menu > arrow:insensitive, .menu > arrow:disabled, - .popup > arrow:insensitive, - .popup > arrow:disabled, - menu > arrow:insensitive, - menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; } - -.menuitem .accelerator, -.menuitem accelerator, -menuitem .accelerator, -menuitem accelerator { - color: alpha(currentColor,0.55); } -.menuitem .check, -.menuitem check, -.menuitem .radio, -.menuitem radio, -menuitem .check, -menuitem check, -menuitem .radio, -menuitem radio { - min-height: 16px; - min-width: 16px; } - .menuitem .check:dir(ltr), - .menuitem check:dir(ltr), - .menuitem .radio:dir(ltr), - .menuitem radio:dir(ltr), - menuitem .check:dir(ltr), - menuitem check:dir(ltr), - menuitem .radio:dir(ltr), - menuitem radio:dir(ltr) { - margin-right: 7px; } - .menuitem .check:dir(rtl), - .menuitem check:dir(rtl), - .menuitem .radio:dir(rtl), - .menuitem radio:dir(rtl), - menuitem .check:dir(rtl), - menuitem check:dir(rtl), - menuitem .radio:dir(rtl), - menuitem radio:dir(rtl) { - margin-left: 7px; } - -/******** - * Misc * - ********/ -.content-view { - background-color: #e5e5e5; } - .content-view:hover { - -gtk-icon-effect: highlight; } - .content-view:backdrop { - background-color: #e5e5e5; } - -.osd .scale-popup button.flat { - border-style: none; - border-radius: 5px; } -.scale-popup .button:hover, -.scale-popup button:hover { - background-color: rgba(102, 102, 102, 0.1); - border-radius: 5px; } - -separator, -.separator { - color: #c4c4c4; } - -/************** -* Text Styles * -**************/ -.h1 { - font-size: 24px; } - -.h2 { - font-weight: 300; - font-size: 18px; } - -.h3 { - font-size: 11px; } - -.h4, -.category-label { - font-size: 12px; - padding: 6px; - color: mix #f7f7f7, #666666, 50%; - font-weight: bold; - text-shadow: 0 1px rgba(255, 255, 255, 0.2); } - -/************* - * Notebooks * - *************/ -notebook > header { - border: none; } - notebook > header.top { - border-bottom-style: solid; } - notebook > header.top > tabs > tab:hover { - box-shadow: inset 0 -2px #c4c4c4; } - notebook > header.top > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.top > tabs > tab:checked { - box-shadow: inset 0 -2px #449ac2; } - notebook > header.bottom { - border-top-style: solid; } - notebook > header.bottom > tabs > tab:hover { - box-shadow: inset 0 2px #c4c4c4; } - notebook > header.bottom > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.bottom > tabs > tab:checked { - box-shadow: inset 0 2px #449ac2; } - notebook > header.left { - border-right-style: solid; } - notebook > header.left > tabs > tab:hover { - box-shadow: inset -2px 0 #c4c4c4; } - notebook > header.left > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.left > tabs > tab:checked { - box-shadow: inset -2px 0 #449ac2; } - notebook > header.right { - border-left-style: solid; } - notebook > header.right > tabs > tab:hover { - box-shadow: inset 2px 0 #c4c4c4; } - notebook > header.right > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.right > tabs > tab:checked { - box-shadow: inset 2px 0 #449ac2; } - notebook > header.top > tabs > arrow { - border-top-style: none; } - notebook > header.bottom > tabs > arrow { - border-bottom-style: none; } - notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { - margin-left: -5px; - margin-right: -5px; - padding-left: 4px; - padding-right: 4px; } - notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook > header.left > tabs > arrow { - border-left-style: none; } - notebook > header.right > tabs > arrow { - border-right-style: none; } - notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { - margin-top: -5px; - margin-bottom: -5px; - padding-top: 4px; - padding-bottom: 4px; } - notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook > header > tabs > arrow { - min-height: 16px; - min-width: 16px; - border-radius: 0; } - notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { - background-clip: padding-box; - background-image: none; - background-color: rgba(255, 255, 255, 0.3); - border-color: transparent; - box-shadow: none; } - notebook > header > tabs > arrow:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - notebook > header tab { - min-height: 30px; - min-width: 30px; - padding: 3px 12px; - outline-offset: -5px; - color: #afafaf; - font-weight: bold; - border-width: 1px; - border-color: transparent; } - notebook > header tab:hover { - color: #8b8b8b; } - notebook > header tab:hover.reorderable-page { - border-color: rgba(196, 196, 196, 0.3); - background-color: rgba(247, 247, 247, 0.2); } - notebook > header tab:backdrop { - color: #cccccc; } - notebook > header tab:backdrop.reorderable-page { - border-color: transparent; - background-color: transparent; } - notebook > header tab:checked { - color: #666666; } - notebook > header tab:checked.reorderable-page { - border-color: rgba(196, 196, 196, 0.5); - background-color: rgba(247, 247, 247, 0.5); } - notebook > header tab:checked.reorderable-page:hover { - background-color: rgba(247, 247, 247, 0.7); } - notebook > header tab:backdrop:checked { - color: #afafaf; } - notebook > header tab:backdrop:checked.reorderable-page { - border-color: #c9c9c9; - background-color: #f7f7f7; } - notebook > header tab button.flat { - padding: 0; - margin-top: 4px; - margin-bottom: 4px; - min-width: 20px; - min-height: 20px; } - notebook > header tab button.flat:hover { - color: currentColor; } - notebook > header tab button.flat, notebook > header tab button.flat:backdrop { - color: alpha(currentColor,0.3); } - notebook > header tab button.flat:last-child { - margin-left: 4px; - margin-right: -4px; } - notebook > header tab button.flat:first-child { - margin-left: -4px; - margin-right: 4px; } - notebook > header.top tabs, notebook > header.bottom tabs { - padding-left: 4px; - padding-right: 4px; } - notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { - margin-left: 3px; - margin-right: 3px; } - notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { - margin-left: -1px; } - notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { - margin-right: -1px; } - notebook > header.top tabs tab, notebook > header.bottom tabs tab { - margin-left: 4px; - margin-right: 4px; } - notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { - border-style: none solid; } - notebook > header.left tabs, notebook > header.right tabs { - padding-top: 4px; - padding-bottom: 4px; } - notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { - margin-top: 3px; - margin-bottom: 3px; } - notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { - margin-top: -1px; } - notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { - margin-bottom: -1px; } - notebook > header.left tabs tab, notebook > header.right tabs tab { - margin-top: 4px; - margin-bottom: 4px; } - notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { - border-style: solid none; } - notebook > header.top tab { - padding-bottom: 4px; } - notebook > header.bottom tab { - padding-top: 4px; } -notebook > stack:not(:only-child) { - background-color: #ffffff; } - notebook > stack:not(:only-child):backdrop { - background-color: #fcfcfc; } - -notebook, -.dynamic-notebook, -.notebook { - padding: 0; - background-color: #ffffff; - box-shadow: 0 0 0 1px #c4c4c4; - background-clip: border-box; } - notebook > header, - notebook > .header, - .dynamic-notebook > header, - .dynamic-notebook > .header, - .notebook > header, - .notebook > .header { - border: none; - box-shadow: none; - background-color: #f7f7f7; } - notebook > tab, - .dynamic-notebook > tab, - .notebook > tab { - border-radius: 0; - background-color: #f7f7f7; } - notebook > tab.top, - .dynamic-notebook > tab.top, - .notebook > tab.top { - padding: 6px 8px 8px 8px; - box-shadow: inset 0 -1px 0 0 #c4c4c4; } - notebook > tab.top:active, - .dynamic-notebook > tab.top:active, - .notebook > tab.top:active { - box-shadow: inset 0 -3px 0 0 #c4c4c4; } - notebook > tab.top:active:backdrop, - .dynamic-notebook > tab.top:active:backdrop, - .notebook > tab.top:active:backdrop { - box-shadow: inset 0 -3px 0 0 #c9c9c9; } - notebook > tab.top:backdrop, - .dynamic-notebook > tab.top:backdrop, - .notebook > tab.top:backdrop { - box-shadow: inset 0 -1px 0 0 #c9c9c9; } - notebook > tab.top:insensitive, - .dynamic-notebook > tab.top:insensitive, - .notebook > tab.top:insensitive { - box-shadow: inset 0 -1px 0 0 #c4c4c4; } - notebook > tab.bottom, - .dynamic-notebook > tab.bottom, - .notebook > tab.bottom { - padding: 8px 8px 6px 8px; - box-shadow: inset 0 1px 0 0 #c4c4c4; } - notebook > tab.bottom:active, - .dynamic-notebook > tab.bottom:active, - .notebook > tab.bottom:active { - box-shadow: inset 0 3px 0 0 #c4c4c4; } - notebook > tab.bottom:active:backdrop, - .dynamic-notebook > tab.bottom:active:backdrop, - .notebook > tab.bottom:active:backdrop { - box-shadow: inset 0 3px 0 0 #c9c9c9; } - notebook > tab.bottom:backdrop, - .dynamic-notebook > tab.bottom:backdrop, - .notebook > tab.bottom:backdrop { - box-shadow: inset 0 1px 0 0 #c9c9c9; } - notebook > tab.bottom:insensitive, - .dynamic-notebook > tab.bottom:insensitive, - .notebook > tab.bottom:insensitive { - box-shadow: inset 0 1px 0 0 #c4c4c4; } - notebook > tab.left, - .dynamic-notebook > tab.left, - .notebook > tab.left { - padding: 8px; - box-shadow: inset -1px 0 0 0 #c4c4c4; } - notebook > tab.left:active, - .dynamic-notebook > tab.left:active, - .notebook > tab.left:active { - box-shadow: inset -3px 0 0 0 #c4c4c4; } - notebook > tab.left:active:backdrop, - .dynamic-notebook > tab.left:active:backdrop, - .notebook > tab.left:active:backdrop { - box-shadow: inset -3px 0 0 0 #c9c9c9; } - notebook > tab.left:backdrop, - .dynamic-notebook > tab.left:backdrop, - .notebook > tab.left:backdrop { - box-shadow: inset -1px 0 0 0 #c9c9c9; } - notebook > tab.left:insensitive, - .dynamic-notebook > tab.left:insensitive, - .notebook > tab.left:insensitive { - box-shadow: inset -1px 0 0 0 #c4c4c4; } - notebook > tab.right, - .dynamic-notebook > tab.right, - .notebook > tab.right { - padding: 8px; - box-shadow: inset 1px 0 0 0 #c4c4c4; } - notebook > tab.right:active, - .dynamic-notebook > tab.right:active, - .notebook > tab.right:active { - box-shadow: inset 3px 0 0 0 #c4c4c4; } - notebook > tab.right:active:backdrop, - .dynamic-notebook > tab.right:active:backdrop, - .notebook > tab.right:active:backdrop { - box-shadow: inset 3px 0 0 0 #c9c9c9; } - notebook > tab.right:backdrop, - .dynamic-notebook > tab.right:backdrop, - .notebook > tab.right:backdrop { - box-shadow: inset 1px 0 0 0 #c9c9c9; } - notebook > tab.right:insensitive, - .dynamic-notebook > tab.right:insensitive, - .notebook > tab.right:insensitive { - box-shadow: inset 1px 0 0 0 #c4c4c4; } - notebook > tab:active, - .dynamic-notebook > tab:active, - .notebook > tab:active { - font-weight: bold; } - notebook > tab:hover, - .dynamic-notebook > tab:hover, - .notebook > tab:hover { - background: #eaeaea; } - -/********* - * Paned * - *********/ -.paned, -paned { - border: solid #c4c4c4; - border-left-width: 1px; } - .paned > separator, - paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: image(#c4c4c4); - background-size: 1px 1px; } - .paned > separator:selected, - paned > separator:selected { - background-image: image(#449ac2); } - .paned > separator:backdrop, - paned > separator:backdrop { - background-image: image(#c9c9c9); } - .paned > separator.wide, - paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f7f7f7; - background-image: image(#c4c4c4), image(#c4c4c4); - background-size: 1px 1px, 1px 1px; } - .paned > separator.wide:backdrop, - paned > separator.wide:backdrop { - background-color: #f7f7f7; - background-image: image(#c9c9c9), image(#c9c9c9); } - .paned.horizontal > separator, - paned.horizontal > separator { - background-repeat: repeat-y; } - .paned.horizontal > separator:dir(ltr), - paned.horizontal > separator:dir(ltr) { - margin: 0 -8px 0 0; - padding: 0 8px 0 0; - background-position: left; } - .paned.horizontal > separator:dir(rtl), - paned.horizontal > separator:dir(rtl) { - margin: 0 0 0 -8px; - padding: 0 0 0 8px; - background-position: right; } - .paned.horizontal > separator.wide, - paned.horizontal > separator.wide { - margin: 0; - padding: 0; - background-repeat: repeat-y, repeat-y; - background-position: left, right; } - .paned.vertical > separator, - paned.vertical > separator { - margin: 0 0 -8px 0; - padding: 0 0 8px 0; - background-repeat: repeat-x; - background-position: top; } - .paned.vertical > separator.wide, - paned.vertical > separator.wide { - margin: 0; - padding: 0; - background-repeat: repeat-x, repeat-x; - background-position: bottom, top; } - -/************ - * Pathbars * - ************/ -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 4px; - padding-right: 4px; } -.path-bar button.text-button.image-button label { - padding-left: 0; - padding-right: 0; } -.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { - padding-right: 8px; } -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 8px; } -.path-bar button image { - padding-left: 4px; - padding-right: 4px; } -.path-bar button.slider-button { - padding-left: 0; - padding-right: 0; } - -/************ - * Popovers * - ************/ -.popover.background, -popover.background { - padding: 2px; - border-radius: 4px; - border: none; - background-color: #f7f7f7; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } - .csd .popover.background, .popover.background, .csd - popover.background, - popover.background { - border: 1px solid #c4c4c4; } - .popover.background:backdrop, - popover.background:backdrop { - background-color: #f7f7f7; - box-shadow: none; } - .popover.background > list, - .popover.background > .view, - .popover.background > GtkIconView, - .popover.background > iconview, - .popover.background > toolbar, - .popover.background > .toolbar, - popover.background > list, - popover.background > .view, - popover.background > GtkIconView, - popover.background > iconview, - popover.background > toolbar, - popover.background > .toolbar { - border-style: none; - background-color: transparent; } - .csd .popover.background.touch-selection, .csd .popover.background.magnifier, .popover.background.touch-selection, .popover.background.magnifier, .csd - popover.background.touch-selection, .csd - popover.background.magnifier, - popover.background.touch-selection, - popover.background.magnifier { - border: 1px solid rgba(255, 255, 255, 0.1); } - .popover.background .separator, .popover.background separator, - popover.background .separator, - popover.background separator { - margin: 3px; } - .popover.background list separator, - popover.background list separator { - margin: 0px; } - -/**************** - * Print dialog * -*****************/ -printdialog paper { - color: #666666; - border: 1px solid #c4c4c4; - background: white; - padding: 0; } - printdialog paper:backdrop { - color: #afafaf; - border-color: #c9c9c9; } -printdialog .dialog-action-box { - margin: 12px; } - -/***************** - * Progress bars * - *****************/ -GtkProgressBar, -.progressbar, -progressbar { - font-size: smaller; - color: rgba(102, 102, 102, 0.4); } - GtkProgressBar.horizontal trough, - GtkProgressBar.horizontal .trough, - GtkProgressBar.horizontal progress, - .progressbar.horizontal trough, - .progressbar.horizontal .trough, - .progressbar.horizontal progress, - progressbar.horizontal trough, - progressbar.horizontal .trough, - progressbar.horizontal progress { - min-height: 4px; } - GtkProgressBar.vertical trough, - GtkProgressBar.vertical .trough, - GtkProgressBar.vertical progress, - .progressbar.vertical trough, - .progressbar.vertical .trough, - .progressbar.vertical progress, - progressbar.vertical trough, - progressbar.vertical .trough, - progressbar.vertical progress { - min-width: 4px; } - GtkProgressBar.horizontal progress, - .progressbar.horizontal progress, - progressbar.horizontal progress { - margin: 0 -1px; } - GtkProgressBar.vertical progress, - .progressbar.vertical progress, - progressbar.vertical progress { - margin: -1px 0; } - GtkProgressBar:active, - .progressbar:active, - progressbar:active { - border-radius: 0px; - color: rgba(0, 0, 0, 0.5); - background-color: #449ac2; - border-color: #347d9f; } - GtkProgressBar:active:backdrop, - .progressbar:active:backdrop, - progressbar:active:backdrop { - background-color: #6bafce; - border-color: #449ac2; } - GtkProgressBar:backdrop, - .progressbar:backdrop, - progressbar:backdrop { - transition: 200ms ease-out; } - GtkProgressBar .progressbar, - GtkProgressBar progress, - .progressbar .progressbar, - .progressbar progress, - progressbar .progressbar, - progressbar progress { - border-radius: 0px; } - GtkProgressBar .progressbar.left, - GtkProgressBar progress.left, - .progressbar .progressbar.left, - .progressbar progress.left, - progressbar .progressbar.left, - progressbar progress.left { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; } - GtkProgressBar .progressbar.right, - GtkProgressBar progress.right, - .progressbar .progressbar.right, - .progressbar progress.right, - progressbar .progressbar.right, - progressbar progress.right { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; } - GtkProgressBar .progressbar.top, - GtkProgressBar progress.top, - .progressbar .progressbar.top, - .progressbar progress.top, - progressbar .progressbar.top, - progressbar progress.top { - border-top-right-radius: 0px; - border-top-left-radius: 0px; } - GtkProgressBar .progressbar.bottom, - GtkProgressBar progress.bottom, - .progressbar .progressbar.bottom, - .progressbar progress.bottom, - progressbar .progressbar.bottom, - progressbar progress.bottom { - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; } - GtkProgressBar.osd, - .progressbar.osd, - progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; } - GtkProgressBar.osd .trough, - GtkProgressBar.osd trough, - .progressbar.osd .trough, - .progressbar.osd trough, - progressbar.osd .trough, - progressbar.osd trough { - border-style: none; - border-radius: 0; - background-color: transparent; - box-shadow: none; } - GtkProgressBar.osd .progressbar, - GtkProgressBar.osd progress, - .progressbar.osd .progressbar, - .progressbar.osd progress, - progressbar.osd .progressbar, - progressbar.osd progress { - border-style: none; - border-radius: 0; } - GtkProgressBar row:selected, - GtkProgressBar .list-row:selected, - .progressbar row:selected, - .progressbar .list-row:selected, - progressbar row:selected, - progressbar .list-row:selected { - border: 1px solid #347d9f; - color: rgba(0, 0, 0, 0.5); - background-color: #449ac2; } - -/************ - * GtkScale * - ************/ -GtkLevelBar .trough, -GtkLevelBar trough, -.level-bar .trough, -.level-bar trough, -levelbar .trough, -levelbar trough, GtkLevelBar.horizontal trough, -GtkLevelBar.horizontal .trough, GtkLevelBar.vertical trough, -GtkLevelBar.vertical .trough, -.level-bar.horizontal trough, -.level-bar.horizontal .trough, -.level-bar.vertical trough, -.level-bar.vertical .trough, -levelbar.horizontal trough, -levelbar.horizontal .trough, -levelbar.vertical trough, -levelbar.vertical .trough, GtkProgressBar, -.progressbar, -progressbar, .scale trough, -.scale .trough, -scale trough, -scale .trough, .scale.fine-tune trough, -.scale.fine-tune .trough, -scale.fine-tune trough, -scale.fine-tune .trough, .scale fill, -scale fill { - border: none; - background-color: #ffffff; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(255, 255, 255, 0.8); - padding: 0; - margin: 0; } - GtkLevelBar .trough:insensitive, - GtkLevelBar trough:insensitive, - .level-bar .trough:insensitive, - .level-bar trough:insensitive, - levelbar .trough:insensitive, - levelbar trough:insensitive, GtkProgressBar:insensitive, - .progressbar:insensitive, - progressbar:insensitive, .scale trough:insensitive, - .scale .trough:insensitive, - scale trough:insensitive, - scale .trough:insensitive, .scale fill:insensitive, - scale fill:insensitive, GtkLevelBar .trough:disabled, - GtkLevelBar trough:disabled, - .level-bar .trough:disabled, - .level-bar trough:disabled, - levelbar .trough:disabled, - levelbar trough:disabled, GtkProgressBar:disabled, - .progressbar:disabled, - progressbar:disabled, .scale trough:disabled, - .scale .trough:disabled, - scale trough:disabled, - scale .trough:disabled, .scale fill:disabled, - scale fill:disabled { - background-color: #fafafa; } - GtkLevelBar .trough:backdrop, - GtkLevelBar trough:backdrop, - .level-bar .trough:backdrop, - .level-bar trough:backdrop, - levelbar .trough:backdrop, - levelbar trough:backdrop, GtkProgressBar:backdrop, - .progressbar:backdrop, - progressbar:backdrop, .scale trough:backdrop, - .scale .trough:backdrop, - scale trough:backdrop, - scale .trough:backdrop, .scale fill:backdrop, - scale fill:backdrop { - background-color: #fcfcfc; - transition: 200ms ease-out; } - GtkLevelBar .trough:backdrop:insensitive, - GtkLevelBar trough:backdrop:insensitive, - .level-bar .trough:backdrop:insensitive, - .level-bar trough:backdrop:insensitive, - levelbar .trough:backdrop:insensitive, - levelbar trough:backdrop:insensitive, GtkProgressBar:backdrop:insensitive, - .progressbar:backdrop:insensitive, - progressbar:backdrop:insensitive, .scale trough:backdrop:insensitive, - .scale .trough:backdrop:insensitive, - scale trough:backdrop:insensitive, - scale .trough:backdrop:insensitive, .scale fill:backdrop:insensitive, - scale fill:backdrop:insensitive, GtkLevelBar .trough:backdrop:disabled, - GtkLevelBar trough:backdrop:disabled, - .level-bar .trough:backdrop:disabled, - .level-bar trough:backdrop:disabled, - levelbar .trough:backdrop:disabled, - levelbar trough:backdrop:disabled, GtkProgressBar:backdrop:disabled, - .progressbar:backdrop:disabled, - progressbar:backdrop:disabled, .scale trough:backdrop:disabled, - .scale .trough:backdrop:disabled, - scale trough:backdrop:disabled, - scale .trough:backdrop:disabled, .scale fill:backdrop:disabled, - scale fill:backdrop:disabled { - background-color: #fafafa; } - row:selected GtkLevelBar .trough, GtkLevelBar row:selected .trough, - row:selected GtkLevelBar trough, - GtkLevelBar row:selected trough, - row:selected .level-bar .trough, - .level-bar row:selected .trough, - row:selected .level-bar trough, - .level-bar row:selected trough, - row:selected levelbar .trough, - levelbar row:selected .trough, - row:selected levelbar trough, - levelbar row:selected trough, row:selected GtkProgressBar, - row:selected .progressbar, - row:selected progressbar, row:selected .scale trough, .scale row:selected trough, - row:selected .scale .trough, - .scale row:selected .trough, - row:selected scale trough, - scale row:selected trough, - row:selected scale .trough, - scale row:selected .trough, row:selected .scale fill, .scale row:selected fill, - row:selected scale fill, - scale row:selected fill { - box-shadow: none; } - row:selected GtkLevelBar .trough, GtkLevelBar row:selected .trough, - row:selected GtkLevelBar trough, - GtkLevelBar row:selected trough, - row:selected .level-bar .trough, - .level-bar row:selected .trough, - row:selected .level-bar trough, - .level-bar row:selected trough, - row:selected levelbar .trough, - levelbar row:selected .trough, - row:selected levelbar trough, - levelbar row:selected trough, row:selected GtkProgressBar, - row:selected .progressbar, - row:selected progressbar, row:selected .scale trough, .scale row:selected trough, - row:selected .scale .trough, - .scale row:selected .trough, - row:selected scale trough, - scale row:selected trough, - row:selected scale .trough, - scale row:selected .trough, row:selected .scale fill, .scale row:selected fill, - row:selected scale fill, - scale row:selected fill, row:selected GtkLevelBar .trough:disabled, GtkLevelBar row:selected .trough:disabled, - row:selected GtkLevelBar trough:disabled, - GtkLevelBar row:selected trough:disabled, - row:selected .level-bar .trough:disabled, - .level-bar row:selected .trough:disabled, - row:selected .level-bar trough:disabled, - .level-bar row:selected trough:disabled, - row:selected levelbar .trough:disabled, - levelbar row:selected .trough:disabled, - row:selected levelbar trough:disabled, - levelbar row:selected trough:disabled, row:selected GtkProgressBar:disabled, - row:selected .progressbar:disabled, - row:selected progressbar:disabled, row:selected .scale trough:disabled, .scale row:selected trough:disabled, - row:selected .scale .trough:disabled, - .scale row:selected .trough:disabled, - row:selected scale trough:disabled, - scale row:selected trough:disabled, - row:selected scale .trough:disabled, - scale row:selected .trough:disabled, row:selected .scale fill:disabled, .scale row:selected fill:disabled, - row:selected scale fill:disabled, - scale row:selected fill:disabled { - border-color: #347d9f; } - .osd GtkLevelBar .trough, GtkLevelBar .osd .trough, - .osd GtkLevelBar trough, - GtkLevelBar .osd trough, - .osd .level-bar .trough, - .level-bar .osd .trough, - .osd .level-bar trough, - .level-bar .osd trough, - .osd levelbar .trough, - levelbar .osd .trough, - .osd levelbar trough, - levelbar .osd trough, .osd GtkProgressBar, - .osd .progressbar, - .osd progressbar, .osd .scale trough, .scale .osd trough, - .osd .scale .trough, - .scale .osd .trough, - .osd scale trough, - scale .osd trough, - .osd scale .trough, - scale .osd .trough, .osd .scale fill, .scale .osd fill, - .osd scale fill, - scale .osd fill { - border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(0, 0, 0, 0.5); - box-shadow: none; - outline-color: rgba(161, 168, 171, 0.2); } - .osd GtkLevelBar .trough:disabled, GtkLevelBar .osd .trough:disabled, - .osd GtkLevelBar trough:disabled, - GtkLevelBar .osd trough:disabled, - .osd .level-bar .trough:disabled, - .level-bar .osd .trough:disabled, - .osd .level-bar trough:disabled, - .level-bar .osd trough:disabled, - .osd levelbar .trough:disabled, - levelbar .osd .trough:disabled, - .osd levelbar trough:disabled, - levelbar .osd trough:disabled, .osd GtkProgressBar:disabled, - .osd .progressbar:disabled, - .osd progressbar:disabled, .osd .scale trough:disabled, .scale .osd trough:disabled, - .osd .scale .trough:disabled, - .scale .osd .trough:disabled, - .osd scale trough:disabled, - scale .osd trough:disabled, - .osd scale .trough:disabled, - scale .osd .trough:disabled, .osd .scale fill:disabled, .scale .osd fill:disabled, - .osd scale fill:disabled, - scale .osd fill:disabled { - background-color: rgba(45, 50, 51, 0.5); } - -GtkProgressBar .progressbar, -GtkProgressBar progress, -.progressbar .progressbar, -.progressbar progress, -progressbar .progressbar, -progressbar progress, .scale fill, -.scale .highlight, -.scale highlight, -scale fill, -scale .highlight, -scale highlight, .scale.fine-tune fill, -.scale.fine-tune .highlight, -.scale.fine-tune highlight, -scale.fine-tune fill, -scale.fine-tune .highlight, -scale.fine-tune highlight { - border: 1px solid #347d9f; - background-color: #449ac2; - box-shadow: 0px 1px rgba(255, 255, 255, 0.8); - border-radius: 4px; - min-height: 8px; } - GtkProgressBar .progressbar:insensitive, - GtkProgressBar progress:insensitive, - .progressbar .progressbar:insensitive, - .progressbar progress:insensitive, - progressbar .progressbar:insensitive, - progressbar progress:insensitive, .scale fill:insensitive, - .scale .highlight:insensitive, - .scale highlight:insensitive, - scale fill:insensitive, - scale .highlight:insensitive, - scale highlight:insensitive, GtkProgressBar .progressbar:disabled, - GtkProgressBar progress:disabled, - .progressbar .progressbar:disabled, - .progressbar progress:disabled, - progressbar .progressbar:disabled, - progressbar progress:disabled, .scale fill:disabled, - .scale .highlight:disabled, - .scale highlight:disabled, - scale fill:disabled, - scale .highlight:disabled, - scale highlight:disabled { - border: 1px solid #9e9e9e; - background-color: #c4c4c4; } - GtkProgressBar .progressbar:backdrop, - GtkProgressBar progress:backdrop, - .progressbar .progressbar:backdrop, - .progressbar progress:backdrop, - progressbar .progressbar:backdrop, - progressbar progress:backdrop, GtkProgressBar:backdrop .progressbar, - .progressbar:backdrop .progressbar, - progressbar:backdrop .progressbar, GtkProgressBar:backdrop progress, - .progressbar:backdrop progress, - progressbar:backdrop progress, .scale fill:backdrop, - .scale .highlight:backdrop, - .scale highlight:backdrop, - scale fill:backdrop, - scale .highlight:backdrop, - scale highlight:backdrop, GtkProgressBar .progressbar:active:backdrop, - GtkProgressBar progress:active:backdrop, - .progressbar .progressbar:active:backdrop, - .progressbar progress:active:backdrop, - progressbar .progressbar:active:backdrop, - progressbar progress:active:backdrop, GtkProgressBar:backdrop .progressbar:active, - .progressbar:backdrop .progressbar:active, - progressbar:backdrop .progressbar:active, GtkProgressBar:backdrop progress:active, - .progressbar:backdrop progress:active, - progressbar:backdrop progress:active, .scale fill:active:backdrop, - .scale .highlight:active:backdrop, - .scale highlight:active:backdrop, - scale fill:active:backdrop, - scale .highlight:active:backdrop, - scale highlight:active:backdrop { - border-color: #449ac2; - background-color: #6bafce; } - GtkProgressBar .progressbar:backdrop:disabled, - GtkProgressBar progress:backdrop:disabled, - .progressbar .progressbar:backdrop:disabled, - .progressbar progress:backdrop:disabled, - progressbar .progressbar:backdrop:disabled, - progressbar progress:backdrop:disabled, GtkProgressBar:backdrop .progressbar:disabled, - .progressbar:backdrop .progressbar:disabled, - progressbar:backdrop .progressbar:disabled, GtkProgressBar:backdrop progress:disabled, - .progressbar:backdrop progress:disabled, - progressbar:backdrop progress:disabled, .scale fill:backdrop:disabled, - .scale .highlight:backdrop:disabled, - .scale highlight:backdrop:disabled, - scale fill:backdrop:disabled, - scale .highlight:backdrop:disabled, - scale highlight:backdrop:disabled, GtkProgressBar .progressbar:active:backdrop:disabled, - GtkProgressBar progress:active:backdrop:disabled, - .progressbar .progressbar:active:backdrop:disabled, - .progressbar progress:active:backdrop:disabled, - progressbar .progressbar:active:backdrop:disabled, - progressbar progress:active:backdrop:disabled, GtkProgressBar:backdrop .progressbar:active:disabled, - .progressbar:backdrop .progressbar:active:disabled, - progressbar:backdrop .progressbar:active:disabled, GtkProgressBar:backdrop progress:active:disabled, - .progressbar:backdrop progress:active:disabled, - progressbar:backdrop progress:active:disabled, .scale fill:active:backdrop:disabled, - .scale .highlight:active:backdrop:disabled, - .scale highlight:active:backdrop:disabled, - scale fill:active:backdrop:disabled, - scale .highlight:active:backdrop:disabled, - scale highlight:active:backdrop:disabled { - background-color: transparent; - border-color: transparent; } - .list-row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar .list-row:selected .progressbar:disabled, - .list-row:selected GtkProgressBar progress:disabled, - GtkProgressBar .list-row:selected progress:disabled, - .list-row:selected .progressbar .progressbar:disabled, - .progressbar .list-row:selected .progressbar:disabled, - .list-row:selected .progressbar progress:disabled, - .progressbar .list-row:selected progress:disabled, - .list-row:selected progressbar .progressbar:disabled, - progressbar .list-row:selected .progressbar:disabled, - .list-row:selected progressbar progress:disabled, - progressbar .list-row:selected progress:disabled, .list-row:selected .scale fill:disabled, .scale .list-row:selected fill:disabled, - .list-row:selected .scale .highlight:disabled, - .scale .list-row:selected .highlight:disabled, - .list-row:selected .scale highlight:disabled, - .scale .list-row:selected highlight:disabled, - .list-row:selected scale fill:disabled, - scale .list-row:selected fill:disabled, - .list-row:selected scale .highlight:disabled, - scale .list-row:selected .highlight:disabled, - .list-row:selected scale highlight:disabled, - scale .list-row:selected highlight:disabled, .list-row:selected GtkProgressBar .progressbar, GtkProgressBar .list-row:selected .progressbar, - .list-row:selected GtkProgressBar progress, - GtkProgressBar .list-row:selected progress, - .list-row:selected .progressbar .progressbar, - .progressbar .list-row:selected .progressbar, - .list-row:selected .progressbar progress, - .progressbar .list-row:selected progress, - .list-row:selected progressbar .progressbar, - progressbar .list-row:selected .progressbar, - .list-row:selected progressbar progress, - progressbar .list-row:selected progress, .list-row:selected .scale fill, .scale .list-row:selected fill, - .list-row:selected .scale .highlight, - .scale .list-row:selected .highlight, - .list-row:selected .scale highlight, - .scale .list-row:selected highlight, - .list-row:selected scale fill, - scale .list-row:selected fill, - .list-row:selected scale .highlight, - scale .list-row:selected .highlight, - .list-row:selected scale highlight, - scale .list-row:selected highlight { - border-color: #347d9f; } - row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar row:selected .progressbar:disabled, - row:selected GtkProgressBar progress:disabled, - GtkProgressBar row:selected progress:disabled, - row:selected .progressbar .progressbar:disabled, - .progressbar row:selected .progressbar:disabled, - row:selected .progressbar progress:disabled, - .progressbar row:selected progress:disabled, - row:selected progressbar .progressbar:disabled, - progressbar row:selected .progressbar:disabled, - row:selected progressbar progress:disabled, - progressbar row:selected progress:disabled, row:selected .scale fill:disabled, .scale row:selected fill:disabled, - row:selected .scale .highlight:disabled, - .scale row:selected .highlight:disabled, - row:selected .scale highlight:disabled, - .scale row:selected highlight:disabled, - row:selected scale fill:disabled, - scale row:selected fill:disabled, - row:selected scale .highlight:disabled, - scale row:selected .highlight:disabled, - row:selected scale highlight:disabled, - scale row:selected highlight:disabled, row:selected GtkProgressBar .progressbar, GtkProgressBar row:selected .progressbar, - row:selected GtkProgressBar progress, - GtkProgressBar row:selected progress, - row:selected .progressbar .progressbar, - .progressbar row:selected .progressbar, - row:selected .progressbar progress, - .progressbar row:selected progress, - row:selected progressbar .progressbar, - progressbar row:selected .progressbar, - row:selected progressbar progress, - progressbar row:selected progress, row:selected .scale fill, .scale row:selected fill, - row:selected .scale .highlight, - .scale row:selected .highlight, - row:selected .scale highlight, - .scale row:selected highlight, - row:selected scale fill, - scale row:selected fill, - row:selected scale .highlight, - scale row:selected .highlight, - row:selected scale highlight, - scale row:selected highlight { - border-color: #347d9f; } - .osd GtkProgressBar .progressbar, GtkProgressBar .osd .progressbar, - .osd GtkProgressBar progress, - GtkProgressBar .osd progress, - .osd .progressbar .progressbar, - .progressbar .osd .progressbar, - .osd .progressbar progress, - .progressbar .osd progress, - .osd progressbar .progressbar, - progressbar .osd .progressbar, - .osd progressbar progress, - progressbar .osd progress, .osd .scale fill, .scale .osd fill, - .osd .scale .highlight, - .scale .osd .highlight, - .osd .scale highlight, - .scale .osd highlight, - .osd scale fill, - scale .osd fill, - .osd scale .highlight, - scale .osd .highlight, - .osd scale highlight, - scale .osd highlight { - border-color: rgba(0, 0, 0, 0.7); } - .osd GtkProgressBar .progressbar:disabled, GtkProgressBar .osd .progressbar:disabled, - .osd GtkProgressBar progress:disabled, - GtkProgressBar .osd progress:disabled, - .osd .progressbar .progressbar:disabled, - .progressbar .osd .progressbar:disabled, - .osd .progressbar progress:disabled, - .progressbar .osd progress:disabled, - .osd progressbar .progressbar:disabled, - progressbar .osd .progressbar:disabled, - .osd progressbar progress:disabled, - progressbar .osd progress:disabled, .osd .scale fill:disabled, .scale .osd fill:disabled, - .osd .scale .highlight:disabled, - .scale .osd .highlight:disabled, - .osd .scale highlight:disabled, - .scale .osd highlight:disabled, - .osd scale fill:disabled, - scale .osd fill:disabled, - .osd scale .highlight:disabled, - scale .osd .highlight:disabled, - .osd scale highlight:disabled, - scale .osd highlight:disabled { - border-color: transparent; } - -.scale, -scale { - -GtkScale-slider-length: 16px; - -GtkRange-slider-width: 16px; - -GtkRange-trough-border: 0px; - min-height: 10px; - min-width: 10px; - padding: 8px; } - .scale fill, - .scale highlight, - scale fill, - scale highlight { - margin: -1px; } - .scale .slider, - .scale slider, - scale .slider, - scale slider { - min-height: 16px; - min-width: 16px; - margin: 2px; - background-color: #ffffff; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); - border: 1px solid rgba(0, 0, 0, 0.3); - border-radius: 12px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border, box-shadow; } - .scale .slider:active, - .scale slider:active, - scale .slider:active, - scale slider:active { - box-shadow: 0 1px 1px 0 rgba(68, 154, 194, 0.5); - border: 1px solid #449ac2; } - .scale .slider:active:insensitive, .scale .slider:active:disabled, - .scale slider:active:insensitive, - .scale slider:active:disabled, - scale .slider:active:insensitive, - scale .slider:active:disabled, - scale slider:active:insensitive, - scale slider:active:disabled { - box-shadow: none; - border: 1px solid rgba(0, 0, 0, 0.2); } - .scale .slider:insensitive, .scale .slider:disabled, - .scale slider:insensitive, - .scale slider:disabled, - scale .slider:insensitive, - scale .slider:disabled, - scale slider:insensitive, - scale slider:disabled { - box-shadow: none; } - .list-row:selected .scale .slider, .list-row:selected .scale .slider:disabled, .list-row:selected - .scale slider, .list-row:selected - .scale slider:disabled, .list-row:selected - scale .slider, .list-row:selected - scale .slider:disabled, .list-row:selected - scale slider, .list-row:selected - scale slider:disabled { - border-color: #347d9f; } - row:selected .scale .slider, row:selected .scale .slider:disabled, row:selected - .scale slider, row:selected - .scale slider:disabled, row:selected - scale .slider, row:selected - scale .slider:disabled, row:selected - scale slider, row:selected - scale slider:disabled { - border-color: #347d9f; } - .osd .scale .slider, .osd - .scale slider, .osd - scale .slider, .osd - scale slider { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); - border-color: rgba(0, 0, 0, 0.7); - background-color: #202526; } - .osd .scale .slider:hover, .osd - .scale slider:hover, .osd - scale .slider:hover, .osd - scale slider:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd .scale .slider:active, .osd - .scale slider:active, .osd - scale .slider:active, .osd - scale slider:active { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - .osd .scale .slider:disabled, .osd - .scale slider:disabled, .osd - scale .slider:disabled, .osd - scale slider:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd .scale .slider:backdrop, .osd - .scale slider:backdrop, .osd - scale .slider:backdrop, .osd - scale slider:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .scale trough, - .scale .trough, - scale trough, - scale .trough { - border-radius: 2px; - margin: 6px; - outline-offset: 2px; - -gtk-outline-radius: 5px; } - .scale.fine-tune.horizontal, - scale.fine-tune.horizontal { - padding-top: 9px; - padding-bottom: 9px; - min-height: 16px; } - .scale.fine-tune.vertical, - scale.fine-tune.vertical { - padding-left: 9px; - padding-right: 9px; - min-width: 16px; } - .scale.fine-tune .slider, - .scale.fine-tune slider, - scale.fine-tune .slider, - scale.fine-tune slider { - min-height: 16px; - min-width: 16px; - background-color: #ffffff; - border-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.3); - border-radius: 12px; - box-shadow: none; } - .scale.fine-tune trough, - .scale.fine-tune .trough, - scale.fine-tune trough, - scale.fine-tune .trough { - border-radius: 6px; - outline-offset: 2px; - -gtk-outline-radius: 5px; - margin: 2px; } - .scale fill, - scale fill { - border-radius: 2px; } - .scale fill, .scale fill:backdrop, - scale fill, - scale fill:backdrop { - background-color: #c4c4c4; - box-shadow: none; } - .scale fill:disabled, .scale fill:disabled:backdrop, - scale fill:disabled, - scale fill:disabled:backdrop { - border-color: transparent; - background-color: transparent; } - .osd .scale fill, .osd - scale fill { - background-color: rgba(62, 64, 65, 0.775); } - .osd .scale fill:disabled, .osd .scale fill:disabled:backdrop, .osd - scale fill:disabled, .osd - scale fill:disabled:backdrop { - border-color: transparent; - background-color: transparent; } - .scale value, - scale value { - color: alpha(currentColor,0.4); } - .scale marks, - scale marks { - color: alpha(currentColor,0.4); } - .scale marks.top, - scale marks.top { - margin-bottom: 6px; - margin-top: -12px; } - .scale marks.bottom, - scale marks.bottom { - margin-top: 6px; - margin-bottom: -12px; } - .scale marks.top, - scale marks.top { - margin-right: 6px; - margin-left: -12px; } - .scale marks.bottom, - scale marks.bottom { - margin-left: 6px; - margin-right: -12px; } - .scale.fine-tune marks.top, - scale.fine-tune marks.top { - margin-bottom: 6px; - margin-top: -9px; } - .scale.fine-tune marks.bottom, - scale.fine-tune marks.bottom { - margin-top: 6px; - margin-bottom: -9px; } - .scale.fine-tune marks.top, - scale.fine-tune marks.top { - margin-right: 6px; - margin-left: -9px; } - .scale.fine-tune marks.bottom, - scale.fine-tune marks.bottom { - margin-left: 6px; - margin-right: -9px; } - .scale.horizontal indicator, - scale.horizontal indicator { - min-height: 6px; - min-width: 1px; } - .scale.horizontal.fine-tune indicator, - scale.horizontal.fine-tune indicator { - min-height: 3px; } - .scale.vertical indicator, - scale.vertical indicator { - min-height: 1px; - min-width: 6px; } - .scale.vertical.fine-tune indicator, - scale.vertical.fine-tune indicator { - min-width: 3px; } - .scale.color.horizontal .slider:hover, .scale.color.horizontal .slider:backdrop, .scale.color.horizontal .slider:disabled, .scale.color.horizontal .slider:backdrop:disabled, .scale.color.horizontal .slider, - .scale.color.horizontal slider:hover, - .scale.color.horizontal slider:backdrop, - .scale.color.horizontal slider:disabled, - .scale.color.horizontal slider:backdrop:disabled, - .scale.color.horizontal slider, - .scale.horizontal scale.color.horizontal .slider, - scale.color.horizontal .scale.horizontal .slider, - .scale.horizontal scale.color.horizontal slider, - scale.color.horizontal .scale.horizontal slider, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider, - scale.horizontal .scale.color.horizontal .slider:backdrop:disabled, - .scale.color.horizontal scale.horizontal .slider:backdrop:disabled, - scale.horizontal .scale.color.horizontal .slider, - .scale.color.horizontal scale.horizontal .slider, - scale.horizontal .scale.color.horizontal slider:backdrop:disabled, - .scale.color.horizontal scale.horizontal slider:backdrop:disabled, - scale.horizontal .scale.color.horizontal slider, - .scale.color.horizontal scale.horizontal slider, - scale.color.horizontal .slider:hover, - scale.color.horizontal .slider:backdrop, - scale.color.horizontal .slider:disabled, - scale.color.horizontal .slider:backdrop:disabled, - scale.color.horizontal .slider, - scale.color.horizontal slider:hover, - scale.color.horizontal slider:backdrop, - scale.color.horizontal slider:disabled, - scale.color.horizontal slider:backdrop:disabled, - scale.color.horizontal slider, - scale.horizontal contents:last-child:not(:only-child) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.color.horizontal .slider:hover, .scale.color.horizontal .slider:hover:backdrop:disabled, - .scale.color.horizontal slider:hover, - .scale.color.horizontal slider:hover:backdrop:disabled, - .scale.horizontal scale.color.horizontal .slider:hover, - scale.color.horizontal .scale.horizontal .slider:hover, - .scale.horizontal scale.color.horizontal slider:hover, - scale.color.horizontal .scale.horizontal slider:hover, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover, - scale.horizontal .scale.color.horizontal .slider:hover, - .scale.color.horizontal scale.horizontal .slider:hover, - scale.horizontal .scale.color.horizontal slider:hover, - .scale.color.horizontal scale.horizontal slider:hover, - scale.color.horizontal .slider:hover, - scale.color.horizontal .slider:hover:backdrop:disabled, - scale.color.horizontal slider:hover, - scale.color.horizontal slider:hover:backdrop:disabled, - scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.color.horizontal .slider:active:backdrop:disabled, .scale.color.horizontal .slider:active, - .scale.color.horizontal slider:active:backdrop:disabled, - .scale.color.horizontal slider:active, - .scale.horizontal scale.color.horizontal .slider:active, - scale.color.horizontal .scale.horizontal .slider:active, - .scale.horizontal scale.color.horizontal slider:active, - scale.color.horizontal .scale.horizontal slider:active, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider:active, - scale.horizontal .scale.color.horizontal .slider:active, - .scale.color.horizontal scale.horizontal .slider:active, - scale.horizontal .scale.color.horizontal slider:active, - .scale.color.horizontal scale.horizontal slider:active, - scale.color.horizontal .slider:active:backdrop:disabled, - scale.color.horizontal .slider:active, - scale.color.horizontal slider:active:backdrop:disabled, - scale.color.horizontal slider:active, - scale.horizontal contents:last-child:not(:only-child) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.color.horizontal .slider:disabled, - .scale.color.horizontal slider:disabled, - .scale.horizontal scale.color.horizontal .slider:disabled, - scale.color.horizontal .scale.horizontal .slider:disabled, - .scale.horizontal scale.color.horizontal slider:disabled, - scale.color.horizontal .scale.horizontal slider:disabled, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled, - scale.horizontal .scale.color.horizontal .slider:disabled, - .scale.color.horizontal scale.horizontal .slider:disabled, - scale.horizontal .scale.color.horizontal slider:disabled, - .scale.color.horizontal scale.horizontal slider:disabled, - scale.color.horizontal .slider:disabled, - scale.color.horizontal slider:disabled, - scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.color.horizontal .slider:backdrop, - .scale.color.horizontal slider:backdrop, - .scale.horizontal scale.color.horizontal .slider:backdrop, - scale.color.horizontal .scale.horizontal .slider:backdrop, - .scale.horizontal scale.color.horizontal slider:backdrop, - scale.color.horizontal .scale.horizontal slider:backdrop, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop, - scale.horizontal .scale.color.horizontal .slider:backdrop, - .scale.color.horizontal scale.horizontal .slider:backdrop, - scale.horizontal .scale.color.horizontal slider:backdrop, - .scale.color.horizontal scale.horizontal slider:backdrop, - scale.color.horizontal .slider:backdrop, - scale.color.horizontal slider:backdrop, - scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), url("assets/slider-horz-scale-has-marks-above-backdrop@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.color.horizontal .slider:backdrop:disabled, - .scale.color.horizontal slider:backdrop:disabled, - .scale.horizontal scale.color.horizontal .slider:backdrop:disabled, - scale.color.horizontal .scale.horizontal .slider:backdrop:disabled, - .scale.horizontal scale.color.horizontal slider:backdrop:disabled, - scale.color.horizontal .scale.horizontal slider:backdrop:disabled, - .scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop:disabled, - scale.horizontal .scale.color.horizontal .slider:backdrop:disabled, - .scale.color.horizontal scale.horizontal .slider:backdrop:disabled, - scale.horizontal .scale.color.horizontal slider:backdrop:disabled, - .scale.color.horizontal scale.horizontal slider:backdrop:disabled, - scale.color.horizontal .slider:backdrop:disabled, - scale.color.horizontal slider:backdrop:disabled, - scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider, .scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-top: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider, - scale.horizontal contents:first-child:not(:only-child) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover, - scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider:active, - scale.horizontal contents:first-child:not(:only-child) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled, - scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop, - scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), url("assets/slider-horz-scale-has-marks-below-backdrop@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop:disabled, - scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-bottom: -11px; } - .scale.color.vertical:dir(rtl) .slider:hover, .scale.color.vertical:dir(rtl) .slider:backdrop, .scale.color.vertical:dir(rtl) .slider:disabled, .scale.color.vertical:dir(rtl) .slider:backdrop:disabled, .scale.color.vertical:dir(rtl) .slider, - .scale.color.vertical:dir(rtl) slider:hover, - .scale.color.vertical:dir(rtl) slider:backdrop, - .scale.color.vertical:dir(rtl) slider:disabled, - .scale.color.vertical:dir(rtl) slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) slider, - .scale.vertical scale.color.vertical:dir(rtl) .slider, - scale.color.vertical:dir(rtl) .scale.vertical .slider, - .scale.vertical scale.color.vertical:dir(rtl) slider, - scale.color.vertical:dir(rtl) .scale.vertical slider, - .scale.vertical contents:last-child:not(:only-child) > trough > slider, - scale.vertical .scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) scale.vertical .slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(rtl) .slider, - .scale.color.vertical:dir(rtl) scale.vertical .slider, - scale.vertical .scale.color.vertical:dir(rtl) slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) scale.vertical slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(rtl) slider, - .scale.color.vertical:dir(rtl) scale.vertical slider, - scale.color.vertical:dir(rtl) .slider:hover, - scale.color.vertical:dir(rtl) .slider:backdrop, - scale.color.vertical:dir(rtl) .slider:disabled, - scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - scale.color.vertical:dir(rtl) .slider, - scale.color.vertical:dir(rtl) slider:hover, - scale.color.vertical:dir(rtl) slider:backdrop, - scale.color.vertical:dir(rtl) slider:disabled, - scale.color.vertical:dir(rtl) slider:backdrop:disabled, - scale.color.vertical:dir(rtl) slider, - scale.vertical contents:last-child:not(:only-child) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(rtl) .slider:hover, .scale.color.vertical:dir(rtl) .slider:hover:backdrop:disabled, - .scale.color.vertical:dir(rtl) slider:hover, - .scale.color.vertical:dir(rtl) slider:hover:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(rtl) .slider:hover, - scale.color.vertical:dir(rtl) .scale.vertical .slider:hover, - .scale.vertical scale.color.vertical:dir(rtl) slider:hover, - scale.color.vertical:dir(rtl) .scale.vertical slider:hover, - .scale.vertical contents:last-child:not(:only-child) > trough > slider:hover, - scale.vertical .scale.color.vertical:dir(rtl) .slider:hover, - .scale.color.vertical:dir(rtl) scale.vertical .slider:hover, - scale.vertical .scale.color.vertical:dir(rtl) slider:hover, - .scale.color.vertical:dir(rtl) scale.vertical slider:hover, - scale.color.vertical:dir(rtl) .slider:hover, - scale.color.vertical:dir(rtl) .slider:hover:backdrop:disabled, - scale.color.vertical:dir(rtl) slider:hover, - scale.color.vertical:dir(rtl) slider:hover:backdrop:disabled, - scale.vertical contents:last-child:not(:only-child) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(rtl) .slider:active:backdrop:disabled, .scale.color.vertical:dir(rtl) .slider:active, - .scale.color.vertical:dir(rtl) slider:active:backdrop:disabled, - .scale.color.vertical:dir(rtl) slider:active, - .scale.vertical scale.color.vertical:dir(rtl) .slider:active, - scale.color.vertical:dir(rtl) .scale.vertical .slider:active, - .scale.vertical scale.color.vertical:dir(rtl) slider:active, - scale.color.vertical:dir(rtl) .scale.vertical slider:active, - .scale.vertical contents:last-child:not(:only-child) > trough > slider:active, - scale.vertical .scale.color.vertical:dir(rtl) .slider:active, - .scale.color.vertical:dir(rtl) scale.vertical .slider:active, - scale.vertical .scale.color.vertical:dir(rtl) slider:active, - .scale.color.vertical:dir(rtl) scale.vertical slider:active, - scale.color.vertical:dir(rtl) .slider:active:backdrop:disabled, - scale.color.vertical:dir(rtl) .slider:active, - scale.color.vertical:dir(rtl) slider:active:backdrop:disabled, - scale.color.vertical:dir(rtl) slider:active, - scale.vertical contents:last-child:not(:only-child) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(rtl) .slider:disabled, - .scale.color.vertical:dir(rtl) slider:disabled, - .scale.vertical scale.color.vertical:dir(rtl) .slider:disabled, - scale.color.vertical:dir(rtl) .scale.vertical .slider:disabled, - .scale.vertical scale.color.vertical:dir(rtl) slider:disabled, - scale.color.vertical:dir(rtl) .scale.vertical slider:disabled, - .scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled, - scale.vertical .scale.color.vertical:dir(rtl) .slider:disabled, - .scale.color.vertical:dir(rtl) scale.vertical .slider:disabled, - scale.vertical .scale.color.vertical:dir(rtl) slider:disabled, - .scale.color.vertical:dir(rtl) scale.vertical slider:disabled, - scale.color.vertical:dir(rtl) .slider:disabled, - scale.color.vertical:dir(rtl) slider:disabled, - scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(rtl) .slider:backdrop, - .scale.color.vertical:dir(rtl) slider:backdrop, - .scale.vertical scale.color.vertical:dir(rtl) .slider:backdrop, - scale.color.vertical:dir(rtl) .scale.vertical .slider:backdrop, - .scale.vertical scale.color.vertical:dir(rtl) slider:backdrop, - scale.color.vertical:dir(rtl) .scale.vertical slider:backdrop, - .scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop, - scale.vertical .scale.color.vertical:dir(rtl) .slider:backdrop, - .scale.color.vertical:dir(rtl) scale.vertical .slider:backdrop, - scale.vertical .scale.color.vertical:dir(rtl) slider:backdrop, - .scale.color.vertical:dir(rtl) scale.vertical slider:backdrop, - scale.color.vertical:dir(rtl) .slider:backdrop, - scale.color.vertical:dir(rtl) slider:backdrop, - scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), url("assets/slider-vert-scale-has-marks-above-backdrop@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) slider:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - scale.color.vertical:dir(rtl) .scale.vertical .slider:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(rtl) slider:backdrop:disabled, - scale.color.vertical:dir(rtl) .scale.vertical slider:backdrop:disabled, - .scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) scale.vertical .slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(rtl) slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) scale.vertical slider:backdrop:disabled, - scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - scale.color.vertical:dir(rtl) slider:backdrop:disabled, - scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider, .scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { - margin: -7px; - margin-left: -11px; } - .scale.color.vertical:dir(ltr) .slider:hover, .scale.color.vertical:dir(ltr) .slider:backdrop, .scale.color.vertical:dir(ltr) .slider:disabled, .scale.color.vertical:dir(ltr) .slider:backdrop:disabled, .scale.color.vertical:dir(ltr) .slider, - .scale.color.vertical:dir(ltr) slider:hover, - .scale.color.vertical:dir(ltr) slider:backdrop, - .scale.color.vertical:dir(ltr) slider:disabled, - .scale.color.vertical:dir(ltr) slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) slider, - .scale.vertical scale.color.vertical:dir(ltr) .slider, - scale.color.vertical:dir(ltr) .scale.vertical .slider, - .scale.vertical scale.color.vertical:dir(ltr) slider, - scale.color.vertical:dir(ltr) .scale.vertical slider, - .scale.vertical contents:first-child:not(:only-child) > trough > slider, - scale.vertical .scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) scale.vertical .slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(ltr) .slider, - .scale.color.vertical:dir(ltr) scale.vertical .slider, - scale.vertical .scale.color.vertical:dir(ltr) slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) scale.vertical slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(ltr) slider, - .scale.color.vertical:dir(ltr) scale.vertical slider, - scale.color.vertical:dir(ltr) .slider:hover, - scale.color.vertical:dir(ltr) .slider:backdrop, - scale.color.vertical:dir(ltr) .slider:disabled, - scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - scale.color.vertical:dir(ltr) .slider, - scale.color.vertical:dir(ltr) slider:hover, - scale.color.vertical:dir(ltr) slider:backdrop, - scale.color.vertical:dir(ltr) slider:disabled, - scale.color.vertical:dir(ltr) slider:backdrop:disabled, - scale.color.vertical:dir(ltr) slider, - scale.vertical contents:first-child:not(:only-child) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color.vertical:dir(ltr) .slider:hover, .scale.color.vertical:dir(ltr) .slider:hover:backdrop:disabled, - .scale.color.vertical:dir(ltr) slider:hover, - .scale.color.vertical:dir(ltr) slider:hover:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(ltr) .slider:hover, - scale.color.vertical:dir(ltr) .scale.vertical .slider:hover, - .scale.vertical scale.color.vertical:dir(ltr) slider:hover, - scale.color.vertical:dir(ltr) .scale.vertical slider:hover, - .scale.vertical contents:first-child:not(:only-child) > trough > slider:hover, - scale.vertical .scale.color.vertical:dir(ltr) .slider:hover, - .scale.color.vertical:dir(ltr) scale.vertical .slider:hover, - scale.vertical .scale.color.vertical:dir(ltr) slider:hover, - .scale.color.vertical:dir(ltr) scale.vertical slider:hover, - scale.color.vertical:dir(ltr) .slider:hover, - scale.color.vertical:dir(ltr) .slider:hover:backdrop:disabled, - scale.color.vertical:dir(ltr) slider:hover, - scale.color.vertical:dir(ltr) slider:hover:backdrop:disabled, - scale.vertical contents:first-child:not(:only-child) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color.vertical:dir(ltr) .slider:active:backdrop:disabled, .scale.color.vertical:dir(ltr) .slider:active, - .scale.color.vertical:dir(ltr) slider:active:backdrop:disabled, - .scale.color.vertical:dir(ltr) slider:active, - .scale.vertical scale.color.vertical:dir(ltr) .slider:active, - scale.color.vertical:dir(ltr) .scale.vertical .slider:active, - .scale.vertical scale.color.vertical:dir(ltr) slider:active, - scale.color.vertical:dir(ltr) .scale.vertical slider:active, - .scale.vertical contents:first-child:not(:only-child) > trough > slider:active, - scale.vertical .scale.color.vertical:dir(ltr) .slider:active, - .scale.color.vertical:dir(ltr) scale.vertical .slider:active, - scale.vertical .scale.color.vertical:dir(ltr) slider:active, - .scale.color.vertical:dir(ltr) scale.vertical slider:active, - scale.color.vertical:dir(ltr) .slider:active:backdrop:disabled, - scale.color.vertical:dir(ltr) .slider:active, - scale.color.vertical:dir(ltr) slider:active:backdrop:disabled, - scale.color.vertical:dir(ltr) slider:active, - scale.vertical contents:first-child:not(:only-child) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color.vertical:dir(ltr) .slider:disabled, - .scale.color.vertical:dir(ltr) slider:disabled, - .scale.vertical scale.color.vertical:dir(ltr) .slider:disabled, - scale.color.vertical:dir(ltr) .scale.vertical .slider:disabled, - .scale.vertical scale.color.vertical:dir(ltr) slider:disabled, - scale.color.vertical:dir(ltr) .scale.vertical slider:disabled, - .scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled, - scale.vertical .scale.color.vertical:dir(ltr) .slider:disabled, - .scale.color.vertical:dir(ltr) scale.vertical .slider:disabled, - scale.vertical .scale.color.vertical:dir(ltr) slider:disabled, - .scale.color.vertical:dir(ltr) scale.vertical slider:disabled, - scale.color.vertical:dir(ltr) .slider:disabled, - scale.color.vertical:dir(ltr) slider:disabled, - scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color.vertical:dir(ltr) .slider:backdrop, - .scale.color.vertical:dir(ltr) slider:backdrop, - .scale.vertical scale.color.vertical:dir(ltr) .slider:backdrop, - scale.color.vertical:dir(ltr) .scale.vertical .slider:backdrop, - .scale.vertical scale.color.vertical:dir(ltr) slider:backdrop, - scale.color.vertical:dir(ltr) .scale.vertical slider:backdrop, - .scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop, - scale.vertical .scale.color.vertical:dir(ltr) .slider:backdrop, - .scale.color.vertical:dir(ltr) scale.vertical .slider:backdrop, - scale.vertical .scale.color.vertical:dir(ltr) slider:backdrop, - .scale.color.vertical:dir(ltr) scale.vertical slider:backdrop, - scale.color.vertical:dir(ltr) .slider:backdrop, - scale.color.vertical:dir(ltr) slider:backdrop, - scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), url("assets/slider-vert-scale-has-marks-below-backdrop@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) slider:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - scale.color.vertical:dir(ltr) .scale.vertical .slider:backdrop:disabled, - .scale.vertical scale.color.vertical:dir(ltr) slider:backdrop:disabled, - scale.color.vertical:dir(ltr) .scale.vertical slider:backdrop:disabled, - .scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) scale.vertical .slider:backdrop:disabled, - scale.vertical .scale.color.vertical:dir(ltr) slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) scale.vertical slider:backdrop:disabled, - scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - scale.color.vertical:dir(ltr) slider:backdrop:disabled, - scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider, .scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider, - scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { - margin: -7px; - margin-right: -11px; } - .scale.color, - scale.color { - min-height: 0; - min-width: 0; } - .scale.color .trough, - .scale.color trough, - scale.color .trough, - scale.color trough { - background-image: linear-gradient(to top, #c4c4c4); - background-repeat: no-repeat; } - .scale.color.horizontal, - scale.color.horizontal { - padding: 0 0 15px 0; } - .scale.color.horizontal .trough, - .scale.color.horizontal trough, - scale.color.horizontal .trough, - scale.color.horizontal trough { - padding-bottom: 4px; - background-position: 0 -3px; - border-top-left-radius: 0; - border-top-right-radius: 0; } - .scale.color.horizontal .slider:hover, .scale.color.horizontal .slider:backdrop, .scale.color.horizontal .slider:disabled, .scale.color.horizontal .slider:backdrop:disabled, .scale.color.horizontal .slider, - .scale.color.horizontal slider:hover, - .scale.color.horizontal slider:backdrop, - .scale.color.horizontal slider:disabled, - .scale.color.horizontal slider:backdrop:disabled, - .scale.color.horizontal slider, - scale.color.horizontal .slider:hover, - scale.color.horizontal .slider:backdrop, - scale.color.horizontal .slider:disabled, - scale.color.horizontal .slider:backdrop:disabled, - scale.color.horizontal .slider, - scale.color.horizontal slider:hover, - scale.color.horizontal slider:backdrop, - scale.color.horizontal slider:disabled, - scale.color.horizontal slider:backdrop:disabled, - scale.color.horizontal slider { - margin-bottom: -15px; - margin-top: 6px; } - .scale.color.vertical:dir(ltr), - scale.color.vertical:dir(ltr) { - padding: 0 0 0 15px; } - .scale.color.vertical:dir(ltr) .trough, - .scale.color.vertical:dir(ltr) trough, - scale.color.vertical:dir(ltr) .trough, - scale.color.vertical:dir(ltr) trough { - padding-left: 4px; - background-position: 3px 0; - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - .scale.color.vertical:dir(ltr) .slider:hover, .scale.color.vertical:dir(ltr) .slider:backdrop, .scale.color.vertical:dir(ltr) .slider:disabled, .scale.color.vertical:dir(ltr) .slider:backdrop:disabled, .scale.color.vertical:dir(ltr) .slider, - .scale.color.vertical:dir(ltr) slider:hover, - .scale.color.vertical:dir(ltr) slider:backdrop, - .scale.color.vertical:dir(ltr) slider:disabled, - .scale.color.vertical:dir(ltr) slider:backdrop:disabled, - .scale.color.vertical:dir(ltr) slider, - scale.color.vertical:dir(ltr) .slider:hover, - scale.color.vertical:dir(ltr) .slider:backdrop, - scale.color.vertical:dir(ltr) .slider:disabled, - scale.color.vertical:dir(ltr) .slider:backdrop:disabled, - scale.color.vertical:dir(ltr) .slider, - scale.color.vertical:dir(ltr) slider:hover, - scale.color.vertical:dir(ltr) slider:backdrop, - scale.color.vertical:dir(ltr) slider:disabled, - scale.color.vertical:dir(ltr) slider:backdrop:disabled, - scale.color.vertical:dir(ltr) slider { - margin-left: -15px; - margin-right: 6px; } - .scale.color.vertical:dir(rtl), - scale.color.vertical:dir(rtl) { - padding: 0 15px 0 0; } - .scale.color.vertical:dir(rtl) .trough, - .scale.color.vertical:dir(rtl) trough, - scale.color.vertical:dir(rtl) .trough, - scale.color.vertical:dir(rtl) trough { - padding-right: 4px; - background-position: -3px 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .scale.color.vertical:dir(rtl) .slider:hover, .scale.color.vertical:dir(rtl) .slider:backdrop, .scale.color.vertical:dir(rtl) .slider:disabled, .scale.color.vertical:dir(rtl) .slider:backdrop:disabled, .scale.color.vertical:dir(rtl) .slider, - .scale.color.vertical:dir(rtl) slider:hover, - .scale.color.vertical:dir(rtl) slider:backdrop, - .scale.color.vertical:dir(rtl) slider:disabled, - .scale.color.vertical:dir(rtl) slider:backdrop:disabled, - .scale.color.vertical:dir(rtl) slider, - scale.color.vertical:dir(rtl) .slider:hover, - scale.color.vertical:dir(rtl) .slider:backdrop, - scale.color.vertical:dir(rtl) .slider:disabled, - scale.color.vertical:dir(rtl) .slider:backdrop:disabled, - scale.color.vertical:dir(rtl) .slider, - scale.color.vertical:dir(rtl) slider:hover, - scale.color.vertical:dir(rtl) slider:backdrop, - scale.color.vertical:dir(rtl) slider:disabled, - scale.color.vertical:dir(rtl) slider:backdrop:disabled, - scale.color.vertical:dir(rtl) slider { - margin-right: -15px; - margin-left: 6px; } - .scale.color.fine-tune.horizontal, - scale.color.fine-tune.horizontal { - padding: 0 0 12px 0; } - .scale.color.fine-tune.horizontal .trough, - .scale.color.fine-tune.horizontal trough, - scale.color.fine-tune.horizontal .trough, - scale.color.fine-tune.horizontal trough { - padding-bottom: 7px; - background-position: 0 -6px; } - .scale.color.fine-tune.horizontal .slider, - .scale.color.fine-tune.horizontal slider, - scale.color.fine-tune.horizontal .slider, - scale.color.fine-tune.horizontal slider { - margin-bottom: -15px; - margin-top: 6px; } - .scale.color.fine-tune.vertical:dir(ltr), - scale.color.fine-tune.vertical:dir(ltr) { - padding: 0 0 0 12px; } - .scale.color.fine-tune.vertical:dir(ltr) .trough, - .scale.color.fine-tune.vertical:dir(ltr) trough, - scale.color.fine-tune.vertical:dir(ltr) .trough, - scale.color.fine-tune.vertical:dir(ltr) trough { - padding-left: 7px; - background-position: 6px 0; } - .scale.color.fine-tune.vertical:dir(ltr) .slider, - .scale.color.fine-tune.vertical:dir(ltr) slider, - scale.color.fine-tune.vertical:dir(ltr) .slider, - scale.color.fine-tune.vertical:dir(ltr) slider { - margin-left: -15px; - margin-right: 6px; } - .scale.color.fine-tune.vertical:dir(rtl), - scale.color.fine-tune.vertical:dir(rtl) { - padding: 0 12px 0 0; } - .scale.color.fine-tune.vertical:dir(rtl) .trough, - .scale.color.fine-tune.vertical:dir(rtl) trough, - scale.color.fine-tune.vertical:dir(rtl) .trough, - scale.color.fine-tune.vertical:dir(rtl) trough { - padding-right: 7px; - background-position: -6px 0; } - .scale.color.fine-tune.vertical:dir(rtl) .slider, - .scale.color.fine-tune.vertical:dir(rtl) slider, - scale.color.fine-tune.vertical:dir(rtl) .slider, - scale.color.fine-tune.vertical:dir(rtl) slider { - margin-right: -15px; - margin-left: 6px; } - -/************** - * Scrollbars * - **************/ -.scrollbar, -scrollbar { - background-color: #dadada; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - * { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; } - .scrollbar.top, - scrollbar.top { - border-bottom: 1px solid #c4c4c4; } - .scrollbar.bottom, - scrollbar.bottom { - border-top: 1px solid #c4c4c4; } - .scrollbar.left, - scrollbar.left { - border-right: 1px solid #c4c4c4; } - .scrollbar.right, - scrollbar.right { - border-left: 1px solid #c4c4c4; } - .scrollbar:backdrop, - scrollbar:backdrop { - background-color: #efefef; - border-color: #c9c9c9; - transition: 200ms ease-out; } - .scrollbar .slider, - .scrollbar slider, - scrollbar .slider, - scrollbar slider { - min-width: 6px; - min-height: 6px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #a0a0a0; } - .scrollbar .slider:hover, - .scrollbar slider:hover, - scrollbar .slider:hover, - scrollbar slider:hover { - background-color: #838383; } - .scrollbar .slider:hover:active, - .scrollbar slider:hover:active, - scrollbar .slider:hover:active, - scrollbar slider:hover:active { - background-color: #347d9f; } - .scrollbar .slider:backdrop, - .scrollbar slider:backdrop, - scrollbar .slider:backdrop, - scrollbar slider:backdrop { - background-color: #dadada; } - .scrollbar .slider:disabled, - .scrollbar slider:disabled, - scrollbar .slider:disabled, - scrollbar slider:disabled { - background-color: transparent; } - .scrollbar.fine-tune .slider, - .scrollbar.fine-tune slider, - scrollbar.fine-tune .slider, - scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; } - .scrollbar.fine-tune.horizontal slider, - scrollbar.fine-tune.horizontal slider { - border-width: 5px 4px; } - .scrollbar.fine-tune.vertical slider, - scrollbar.fine-tune.vertical slider { - border-width: 4px 5px; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering), - scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - border-color: transparent; - opacity: 0.4; - background-color: transparent; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 3px; - min-height: 3px; - background-color: #666666; - border: 1px solid white; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - min-width: 5px; - min-height: 5px; - background-color: #666666; - background-clip: padding-box; - border-radius: 100%; - border: 1px solid white; - -gtk-icon-source: none; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { - margin: 0 2px; - min-width: 40px; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - margin: 1px 2px; - min-width: 5px; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { - margin: 2px 0; - min-height: 40px; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button, - .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button, - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - margin: 2px 1px; - min-height: 5px; } - .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering, - scrollbar.overlay-indicator.dragging, - scrollbar.overlay-indicator.hovering { - opacity: 0.8; } - .scrollbar.horizontal slider, - scrollbar.horizontal slider { - min-width: 40px; } - .scrollbar.vertical slider, - scrollbar.vertical slider { - min-height: 40px; } - .scrollbar .button, - .scrollbar button, - scrollbar .button, - scrollbar button { - padding: 0; - min-width: 12px; - min-height: 12px; - border-style: none; - border-radius: 0; - transition-property: min-height, min-width, color; - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #a0a0a0; } - .scrollbar .button:hover, - .scrollbar button:hover, - scrollbar .button:hover, - scrollbar button:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #838383; } - .scrollbar .button:active, .scrollbar .button:checked, - .scrollbar button:active, - .scrollbar button:checked, - scrollbar .button:active, - scrollbar .button:checked, - scrollbar button:active, - scrollbar button:checked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #347d9f; } - .scrollbar .button:insensitive, - .scrollbar button:insensitive, - scrollbar .button:insensitive, - scrollbar button:insensitive { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(160, 160, 160, 0.2); } - .scrollbar .button:disabled, - .scrollbar button:disabled, - scrollbar .button:disabled, - scrollbar button:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(160, 160, 160, 0.2); } - .scrollbar .button:backdrop, - .scrollbar button:backdrop, - scrollbar .button:backdrop, - scrollbar button:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #dadada; } - .scrollbar .button:backdrop:insensitive, .scrollbar .button:backdrop:disabled, - .scrollbar button:backdrop:insensitive, - .scrollbar button:backdrop:disabled, - scrollbar .button:backdrop:insensitive, - scrollbar .button:backdrop:disabled, - scrollbar button:backdrop:insensitive, - scrollbar button:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(218, 218, 218, 0.2); } - .scrollbar.vertical .button.down, - .scrollbar.vertical button.down, - scrollbar.vertical .button.down, - scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .scrollbar.vertical .button.up, - .scrollbar.vertical button.up, - scrollbar.vertical .button.up, - scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - .scrollbar.horizontal .button.down, - .scrollbar.horizontal button.down, - scrollbar.horizontal .button.down, - scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } - .scrollbar.horizontal .button.up, - .scrollbar.horizontal button.up, - scrollbar.horizontal .button.up, - scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } - -treeview ~ scrollbar.vertical { - border-top: 1px solid #c4c4c4; - margin-top: -1px; } - -/********************** - * Overlay Scrollbars * - *********************/ -OsThumb, -OsScrollbar { - color: #449ac2; } - OsThumb:active, OsThumb:selected, - OsScrollbar:active, - OsScrollbar:selected { - background-color: #449ac2; } - OsThumb:backdrop, OsThumb:active:backdrop, - OsScrollbar:backdrop, - OsScrollbar:active:backdrop { - background-color: #afafaf; } - OsThumb:insensitive, - OsScrollbar:insensitive { - background-color: #afafaf; } - -/*********** - * Sidebar * - ***********/ -.sidebar { - border-style: solid; - background-color: #f7f7f7; } - stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { - border-right: 1px solid #c4c4c4; - border-left-style: none; } - stacksidebar.sidebar:dir(rtl) list - .sidebar:dir(rtl), stacksidebar.sidebar.right list - .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid #c4c4c4; - border-right-style: none; } - .sidebar:backdrop { - background-color: #fafafa; - border-color: #c9c9c9; - transition: 200ms ease-out; } - .sidebar list { - background-color: transparent; } - .sidebar .frame { - border-width: 0; - border-right-width: 1px; } - .sidebar .list-row, - .sidebar row { - border: none; - padding: 5px 8px; } - .sidebar .list-row > GtkLabel, - .sidebar .list-row > label, - .sidebar row > GtkLabel, - .sidebar row > label { - padding-left: 6px; - padding-right: 6px; } - .sidebar .list-row.needs-attention > label, - .sidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; } - .sidebar .separator { - color: #c4c4c4; } - .sidebar > .inline-toolbar { - border-radius: 0; } - .paned .sidebar.left, .paned .sidebar.right, .paned .sidebar.left:dir(rtl), .paned .sidebar:dir(rtl), .paned .sidebar:dir(ltr), .paned .sidebar, paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { - border-style: none; } - -stacksidebar .list-row, -stacksidebar row { - padding: 5px 8px; } - stacksidebar .list-row > label, - stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; } - stacksidebar .list-row.needs-attention > label, - stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; } - -/***************** - * GtkSpinButton * - *****************/ -.spinbutton:not(.vertical) .entry, -.spinbutton:not(.vertical) entry, -spinbutton:not(.vertical) .entry, -spinbutton:not(.vertical) entry { - min-width: 28px; - margin: 0; - padding: 0; - background: none; - background-color: transparent; - border: none; - border-radius: 0; - box-shadow: none; } -.spinbutton:not(.vertical) .button, -.spinbutton:not(.vertical) button, -spinbutton:not(.vertical) .button, -spinbutton:not(.vertical) button { - min-height: 16px; - margin: 0; - padding: 6px; - color: #757575; - background-image: none; - border-style: none none none solid; - border-color: rgba(196, 196, 196, 0.3); - border-radius: 0; - box-shadow: none; } - .spinbutton:not(.vertical) .button:dir(rtl), - .spinbutton:not(.vertical) button:dir(rtl), - spinbutton:not(.vertical) .button:dir(rtl), - spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - .spinbutton:not(.vertical) .button:hover, - .spinbutton:not(.vertical) button:hover, - spinbutton:not(.vertical) .button:hover, - spinbutton:not(.vertical) button:hover { - color: #666666; - background-color: rgba(102, 102, 102, 0.05); } - .spinbutton:not(.vertical) .button:insensitive, .spinbutton:not(.vertical) .button:disabled, - .spinbutton:not(.vertical) button:insensitive, - .spinbutton:not(.vertical) button:disabled, - spinbutton:not(.vertical) .button:insensitive, - spinbutton:not(.vertical) .button:disabled, - spinbutton:not(.vertical) button:insensitive, - spinbutton:not(.vertical) button:disabled { - color: rgba(175, 175, 175, 0.3); } - .spinbutton:not(.vertical) .button:active, - .spinbutton:not(.vertical) button:active, - spinbutton:not(.vertical) .button:active, - spinbutton:not(.vertical) button:active { - background-color: rgba(0, 0, 0, 0.1); - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } - .spinbutton:not(.vertical) .button:backdrop, - .spinbutton:not(.vertical) button:backdrop, - spinbutton:not(.vertical) .button:backdrop, - spinbutton:not(.vertical) button:backdrop { - color: #b7b7b7; - background-color: transparent; - border-color: rgba(201, 201, 201, 0.3); - transition: 200ms ease-out; } - .spinbutton:not(.vertical) .button:backdrop:disabled, - .spinbutton:not(.vertical) button:backdrop:disabled, - spinbutton:not(.vertical) .button:backdrop:disabled, - spinbutton:not(.vertical) button:backdrop:disabled { - color: rgba(209, 209, 209, 0.3); - background-image: none; - border-style: none none none solid; } - .spinbutton:not(.vertical) .button:backdrop:disabled:dir(rtl), - .spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl), - spinbutton:not(.vertical) .button:backdrop:disabled:dir(rtl), - spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { - border-style: none solid none none; } -.osd .spinbutton:not(.vertical) button, .osd -spinbutton:not(.vertical) button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #A1A8AB; - border-style: none none none solid; - border-color: rgba(0, 0, 0, 0.4); - border-radius: 0; - box-shadow: none; } - .osd .spinbutton:not(.vertical) button:dir(rtl), .osd - spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - .osd .spinbutton:not(.vertical) button:hover, .osd - spinbutton:not(.vertical) button:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.5); - background-color: rgba(161, 168, 171, 0.1); - box-shadow: none; } - .osd .spinbutton:not(.vertical) button:backdrop, .osd - spinbutton:not(.vertical) button:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.5); - box-shadow: none; } - .osd .spinbutton:not(.vertical) button:disabled, .osd - spinbutton:not(.vertical) button:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #616769; - border-color: rgba(0, 0, 0, 0.5); - box-shadow: none; } - .osd .spinbutton:not(.vertical) button:last-child, .osd - spinbutton:not(.vertical) button:last-child { - border-radius: 0 3px 3px 0; } - .osd .spinbutton:not(.vertical) button:dir(rtl):first-child, .osd - spinbutton:not(.vertical) button:dir(rtl):first-child { - border-radius: 3px 0 0 3px; } -.spinbutton.vertical:insensitive, .spinbutton.vertical:disabled, -spinbutton.vertical:insensitive, -spinbutton.vertical:disabled { - color: #afafaf; } -.spinbutton.vertical:backdrop:disabled, -spinbutton.vertical:backdrop:disabled { - color: #d1d1d1; } -.spinbutton.vertical:drop(active), -spinbutton.vertical:drop(active) { - border-color: transparent; - box-shadow: none; } -.spinbutton.vertical .entry, -.spinbutton.vertical entry, -spinbutton.vertical .entry, -spinbutton.vertical entry { - min-height: 24px; - min-width: 32px; - padding: 0; - border-radius: 0; } -.spinbutton.vertical .button, -.spinbutton.vertical button, -spinbutton.vertical .button, -spinbutton.vertical button { - min-height: 32px; - min-width: 32px; - padding: 0; - border: none; - background: none; - box-shadow: none; - color: #666666; } - .spinbutton.vertical .button:hover, - .spinbutton.vertical button:hover, - spinbutton.vertical .button:hover, - spinbutton.vertical button:hover { - background-color: #449ac2; - color: #ffffff; - -gtk-icon-shadow: none; } - .spinbutton.vertical .button:active, - .spinbutton.vertical button:active, - spinbutton.vertical .button:active, - spinbutton.vertical button:active { - background-color: transparent; - color: #666666; } -.spinbutton.vertical .button.up, -.spinbutton.vertical button.up, -spinbutton.vertical .spinbutton.vertical .button.up, -.spinbutton.vertical spinbutton.vertical .button.up, -spinbutton.vertical .spinbutton.vertical button.up, -.spinbutton.vertical spinbutton.vertical button.up, -spinbutton.vertical .button.up, -spinbutton.vertical button.up { - border-radius: 3px 3px 0 0; - border-style: solid solid none solid; } -.spinbutton.vertical .button.down, -.spinbutton.vertical button.down, -spinbutton.vertical .spinbutton.vertical .button.down, -.spinbutton.vertical spinbutton.vertical .button.down, -spinbutton.vertical .spinbutton.vertical button.down, -.spinbutton.vertical spinbutton.vertical button.down, -spinbutton.vertical .button.down, -spinbutton.vertical button.down { - border-radius: 0 0 3px 3px; - border-style: none solid solid solid; } -.osd .spinbutton.vertical button:first-child, .osd -spinbutton.vertical button:first-child { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd .spinbutton.vertical button:first-child:hover, .osd - spinbutton.vertical button:first-child:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - .osd .spinbutton.vertical button:first-child:active, .osd - spinbutton.vertical button:first-child:active { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - .osd .spinbutton.vertical button:first-child:disabled, .osd - spinbutton.vertical button:first-child:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd .spinbutton.vertical button:first-child:backdrop, .osd - spinbutton.vertical button:first-child:backdrop { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } -GtkTreeView .spinbutton:not(.vertical), treeview .spinbutton:not(.vertical), GtkTreeView -spinbutton:not(.vertical), treeview -spinbutton:not(.vertical) { - min-height: 0; - border-style: none; - border-radius: 0; } - GtkTreeView .spinbutton:not(.vertical) .entry, - GtkTreeView .spinbutton:not(.vertical) entry, treeview .spinbutton:not(.vertical) .entry, - treeview .spinbutton:not(.vertical) entry, GtkTreeView - spinbutton:not(.vertical) .entry, - GtkTreeView - spinbutton:not(.vertical) entry, treeview - spinbutton:not(.vertical) .entry, - treeview - spinbutton:not(.vertical) entry { - min-height: 0; - padding: 1px 2px; } - -/*********** - * Spinner * - ***********/ -.menu.spinner, -menu spinner, -.primary-toolbar .spinner { - color: #449ac2; } - -/********************* - * Spinner Animation * - *********************/ -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); } } -.spinner, -spinner { - background-image: none; - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } - .spinner:active, .spinner:checked, - spinner:active, - spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; } - .spinner:active:insensitive, .spinner:active:disabled, .spinner:checked:insensitive, .spinner:checked:disabled, - spinner:active:insensitive, - spinner:active:disabled, - spinner:checked:insensitive, - spinner:checked:disabled { - opacity: 0.5; } - -/********** - * Switch * - **********/ -GtkSwitch { - -GtkSwitch-slider-width: 16px; - -GtkSwitch-slider-height: 16px; } - -GtkSwitch, -switch { - font: 1; - font-weight: bold; - outline-offset: -4px; - transition: all 200ms ease-in; - border: none; - border-radius: 14px; - color: transparent; - padding: 2px; - background-color: rgba(0, 0, 0, 0.1); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(255, 255, 255, 0.8); } - GtkSwitch:insensitive, GtkSwitch:disabled, - switch:insensitive, - switch:disabled { - background-color: #fafafa; } - GtkSwitch:backdrop, - switch:backdrop { - background-color: #f7f7f7; - transition: 200ms ease-out; } - GtkSwitch:backdrop:insensitive, GtkSwitch:backdrop:disabled, - switch:backdrop:insensitive, - switch:backdrop:disabled { - background-color: #fafafa; } - GtkSwitch:active, GtkSwitch:checked, - switch:active, - switch:checked { - background-color: #449ac2; } - GtkSwitch:active:backdrop, GtkSwitch:checked:backdrop, - switch:active:backdrop, - switch:checked:backdrop { - background-color: #57a4c8; } - GtkSwitch:active:backdrop .slider:backdrop, - GtkSwitch:active:backdrop slider:backdrop, GtkSwitch:checked:backdrop .slider:backdrop, - GtkSwitch:checked:backdrop slider:backdrop, - switch:active:backdrop .slider:backdrop, - switch:active:backdrop slider:backdrop, - switch:checked:backdrop .slider:backdrop, - switch:checked:backdrop slider:backdrop { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.9); - border: none; } - GtkSwitch .slider, - GtkSwitch slider, - switch .slider, - switch slider { - padding: 2px; - min-width: 16px; - min-height: 16px; - border-radius: 50%; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: #ffffff; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); } - GtkSwitch .slider:backdrop, - GtkSwitch slider:backdrop, - switch .slider:backdrop, - switch slider:backdrop { - padding: 2px; - box-shadow: none; - background-color: #ffffff; } - row:selected GtkSwitch, row:selected - switch { - box-shadow: none; - border-color: #347d9f; } - row:selected GtkSwitch:backdrop, row:selected - switch:backdrop { - border-color: #347d9f; } - row:selected GtkSwitch.slider:dir(rtl), row:selected - switch.slider:dir(rtl) { - border-left-color: #c4c4c4; } - row:selected GtkSwitch.slider:dir(ltr), row:selected - switch.slider:dir(ltr) { - border-right-color: #c4c4c4; } - row:selected GtkSwitch.slider:checked, row:selected GtkSwitch.slider, row:selected - switch.slider:checked, row:selected - switch.slider { - border-color: #347d9f; } - GtkSwitch trough:active, GtkSwitch trough:checked, - GtkSwitch .trough:active, - GtkSwitch .trough:checked, - switch trough:active, - switch trough:checked, - switch .trough:active, - switch .trough:checked { - background-color: #449ac2; } - GtkSwitch trough:active:backdrop, GtkSwitch trough:checked:backdrop, - GtkSwitch .trough:active:backdrop, - GtkSwitch .trough:checked:backdrop, - switch trough:active:backdrop, - switch trough:checked:backdrop, - switch .trough:active:backdrop, - switch .trough:checked:backdrop { - background-color: #57a4c8; } - -/************ - * Toolbars * - ************/ -.toolbar, -toolbar { - -GtkWidget-window-dragging: true; - padding: 0px; - background-color: #636E73; - color: #ffffff; } - .toolbar:backdrop, - toolbar:backdrop { - background-color: #576165; - color: rgba(255, 255, 255, 0.5); } - -.osd .toolbar, .osd -toolbar { - box-shadow: none; - background-color: transparent; } -.toolbar button, -.toolbar .button, -.toolbar .flat, -.toolbar .text-button, -.toolbar .image-button, -toolbar button, -toolbar .button, -toolbar .flat, -toolbar .text-button, -toolbar .image-button { - border: none; - background: none; - text-shadow: none; - background-color: transparent; - color: #ffffff; - border-radius: 0px; - padding: 10px; } - .toolbar button:focus, .toolbar button:active, - .toolbar .button:focus, - .toolbar .button:active, - .toolbar .flat:focus, - .toolbar .flat:active, - .toolbar .text-button:focus, - .toolbar .text-button:active, - .toolbar .image-button:focus, - .toolbar .image-button:active, - toolbar button:focus, - toolbar button:active, - toolbar .button:focus, - toolbar .button:active, - toolbar .flat:focus, - toolbar .flat:active, - toolbar .text-button:focus, - toolbar .text-button:active, - toolbar .image-button:focus, - toolbar .image-button:active { - color: #ffffff; - text-shadow: none; - box-shadow: inset 0 -2px 0 0 #ffffff; - background-color: rgba(255, 255, 255, 0.1); } - .toolbar button:focus:backdrop, .toolbar button:active:backdrop, - .toolbar .button:focus:backdrop, - .toolbar .button:active:backdrop, - .toolbar .flat:focus:backdrop, - .toolbar .flat:active:backdrop, - .toolbar .text-button:focus:backdrop, - .toolbar .text-button:active:backdrop, - .toolbar .image-button:focus:backdrop, - .toolbar .image-button:active:backdrop, - toolbar button:focus:backdrop, - toolbar button:active:backdrop, - toolbar .button:focus:backdrop, - toolbar .button:active:backdrop, - toolbar .flat:focus:backdrop, - toolbar .flat:active:backdrop, - toolbar .text-button:focus:backdrop, - toolbar .text-button:active:backdrop, - toolbar .image-button:focus:backdrop, - toolbar .image-button:active:backdrop { - background-color: transparent; - color: rgba(255, 255, 255, 0.5); } - .toolbar button:hover, - .toolbar .button:hover, - .toolbar .flat:hover, - .toolbar .text-button:hover, - .toolbar .image-button:hover, - toolbar button:hover, - toolbar .button:hover, - toolbar .flat:hover, - toolbar .text-button:hover, - toolbar .image-button:hover { - background-color: rgba(255, 255, 255, 0.1); - text-shadow: none; - color: #ffffff; - box-shadow: inset 0 -2px 0 0 #ffffff; } - .toolbar button:insensitive, - .toolbar .button:insensitive, - .toolbar .flat:insensitive, - .toolbar .text-button:insensitive, - .toolbar .image-button:insensitive, - toolbar button:insensitive, - toolbar .button:insensitive, - toolbar .flat:insensitive, - toolbar .text-button:insensitive, - toolbar .image-button:insensitive { - background: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.5); } - .toolbar button:backdrop, - .toolbar .button:backdrop, - .toolbar .flat:backdrop, - .toolbar .text-button:backdrop, - .toolbar .image-button:backdrop, - toolbar button:backdrop, - toolbar .button:backdrop, - toolbar .flat:backdrop, - toolbar .text-button:backdrop, - toolbar .image-button:backdrop { - background: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.5); } -.toolbar .separator, -toolbar .separator { - color: transparent; - background-color: transparent; } -.toolbar.osd, -toolbar.osd { - padding: 13px; - border: none; - border-radius: 5px; - background-color: rgba(32, 37, 38, 0.8); } - .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, - toolbar.osd.left, - toolbar.osd.right, - toolbar.osd.top, - toolbar.osd.bottom { - border-radius: 0; } -.toolbar.horizontal separator, -toolbar.horizontal separator { - margin: 0 7px 1px 6px; } -.toolbar.vertical separator, -toolbar.vertical separator { - margin: 6px 1px 7px 0; } - -/******************* - * Inline Toolbars * - *******************/ -searchbar, -.search-bar, .location-bar, -.inline-toolbar { - -GtkWidget-window-dragging: true; - background-color: #f2f2f2; - color: #666666; - border: 1px solid #c4c4c4; - border-top-width: 0; - border-radius: 0 0 5px 5px; - box-shadow: inset 0 -1px 1px -2px rgba(0, 0, 0, 0.5); - padding: 0px; } - searchbar:backdrop, - .search-bar:backdrop, .location-bar:backdrop, - .inline-toolbar:backdrop { - background-color: #eaeaea; } - searchbar button, - .search-bar button, .location-bar button, - searchbar .button, - .search-bar .button, - .location-bar .button, - searchbar .flat, - .search-bar .flat, - .location-bar .flat, - searchbar .text-button, - .search-bar .text-button, - .location-bar .text-button, - searchbar .image-button, - .search-bar .image-button, - .location-bar .image-button, - .inline-toolbar button, - .inline-toolbar .button, - .inline-toolbar .flat, - .inline-toolbar .text-button, - .inline-toolbar .image-button { - border: none; - background: none; - text-shadow: none; - box-shadow: none; - background-color: transparent; - color: #666666; - border-radius: 0px; - padding: 10px; } - searchbar button:focus, - .search-bar button:focus, .location-bar button:focus, searchbar button:active, - .search-bar button:active, .location-bar button:active, - searchbar .button:focus, - .search-bar .button:focus, - .location-bar .button:focus, - searchbar .button:active, - .search-bar .button:active, - .location-bar .button:active, - searchbar .flat:focus, - .search-bar .flat:focus, - .location-bar .flat:focus, - searchbar .flat:active, - .search-bar .flat:active, - .location-bar .flat:active, - searchbar .text-button:focus, - .search-bar .text-button:focus, - .location-bar .text-button:focus, - searchbar .text-button:active, - .search-bar .text-button:active, - .location-bar .text-button:active, - searchbar .image-button:focus, - .search-bar .image-button:focus, - .location-bar .image-button:focus, - searchbar .image-button:active, - .search-bar .image-button:active, - .location-bar .image-button:active, - .inline-toolbar button:focus, - .inline-toolbar button:active, - .inline-toolbar .button:focus, - .inline-toolbar .button:active, - .inline-toolbar .flat:focus, - .inline-toolbar .flat:active, - .inline-toolbar .text-button:focus, - .inline-toolbar .text-button:active, - .inline-toolbar .image-button:focus, - .inline-toolbar .image-button:active { - font: bold; - color: #666666; - text-shadow: none; - box-shadow: none; - background-color: rgba(0, 0, 0, 0.05); } - searchbar button:focus:backdrop, - .search-bar button:focus:backdrop, .location-bar button:focus:backdrop, searchbar button:active:backdrop, - .search-bar button:active:backdrop, .location-bar button:active:backdrop, - searchbar .button:focus:backdrop, - .search-bar .button:focus:backdrop, - .location-bar .button:focus:backdrop, - searchbar .button:active:backdrop, - .search-bar .button:active:backdrop, - .location-bar .button:active:backdrop, - searchbar .flat:focus:backdrop, - .search-bar .flat:focus:backdrop, - .location-bar .flat:focus:backdrop, - searchbar .flat:active:backdrop, - .search-bar .flat:active:backdrop, - .location-bar .flat:active:backdrop, - searchbar .text-button:focus:backdrop, - .search-bar .text-button:focus:backdrop, - .location-bar .text-button:focus:backdrop, - searchbar .text-button:active:backdrop, - .search-bar .text-button:active:backdrop, - .location-bar .text-button:active:backdrop, - searchbar .image-button:focus:backdrop, - .search-bar .image-button:focus:backdrop, - .location-bar .image-button:focus:backdrop, - searchbar .image-button:active:backdrop, - .search-bar .image-button:active:backdrop, - .location-bar .image-button:active:backdrop, - .inline-toolbar button:focus:backdrop, - .inline-toolbar button:active:backdrop, - .inline-toolbar .button:focus:backdrop, - .inline-toolbar .button:active:backdrop, - .inline-toolbar .flat:focus:backdrop, - .inline-toolbar .flat:active:backdrop, - .inline-toolbar .text-button:focus:backdrop, - .inline-toolbar .text-button:active:backdrop, - .inline-toolbar .image-button:focus:backdrop, - .inline-toolbar .image-button:active:backdrop { - border: none; - background-color: transparent; - color: #afafaf; } - searchbar button:hover, - .search-bar button:hover, .location-bar button:hover, - searchbar .button:hover, - .search-bar .button:hover, - .location-bar .button:hover, - searchbar .flat:hover, - .search-bar .flat:hover, - .location-bar .flat:hover, - searchbar .text-button:hover, - .search-bar .text-button:hover, - .location-bar .text-button:hover, - searchbar .image-button:hover, - .search-bar .image-button:hover, - .location-bar .image-button:hover, - .inline-toolbar button:hover, - .inline-toolbar .button:hover, - .inline-toolbar .flat:hover, - .inline-toolbar .text-button:hover, - .inline-toolbar .image-button:hover { - background-color: rgba(0, 0, 0, 0.05); - text-shadow: none; - color: #666666; - box-shadow: none; } - searchbar button:insensitive, - .search-bar button:insensitive, .location-bar button:insensitive, - searchbar .button:insensitive, - .search-bar .button:insensitive, - .location-bar .button:insensitive, - searchbar .flat:insensitive, - .search-bar .flat:insensitive, - .location-bar .flat:insensitive, - searchbar .text-button:insensitive, - .search-bar .text-button:insensitive, - .location-bar .text-button:insensitive, - searchbar .image-button:insensitive, - .search-bar .image-button:insensitive, - .location-bar .image-button:insensitive, - .inline-toolbar button:insensitive, - .inline-toolbar .button:insensitive, - .inline-toolbar .flat:insensitive, - .inline-toolbar .text-button:insensitive, - .inline-toolbar .image-button:insensitive { - background: none; - background-color: transparent; - color: rgba(102, 102, 102, 0.5); } - searchbar button:backdrop, - .search-bar button:backdrop, .location-bar button:backdrop, - searchbar .button:backdrop, - .search-bar .button:backdrop, - .location-bar .button:backdrop, - searchbar .flat:backdrop, - .search-bar .flat:backdrop, - .location-bar .flat:backdrop, - searchbar .text-button:backdrop, - .search-bar .text-button:backdrop, - .location-bar .text-button:backdrop, - searchbar .image-button:backdrop, - .search-bar .image-button:backdrop, - .location-bar .image-button:backdrop, - .inline-toolbar button:backdrop, - .inline-toolbar .button:backdrop, - .inline-toolbar .flat:backdrop, - .inline-toolbar .text-button:backdrop, - .inline-toolbar .image-button:backdrop { - border: none; - background: none; - background-color: transparent; - color: #afafaf; } - searchbar .entry, - .search-bar .entry, .location-bar .entry, - searchbar entry, - .search-bar entry, - .location-bar entry, - .inline-toolbar .entry, - .inline-toolbar entry { - background: none; - color: #666666; - border-radius: 0px; - border: none; - box-shadow: none; } - searchbar .entry.image, - .search-bar .entry.image, .location-bar .entry.image, - searchbar entry.image, - .search-bar entry.image, - .location-bar entry.image, - .inline-toolbar .entry.image, - .inline-toolbar entry.image { - color: #666666; } - searchbar .entry.image.left, - .search-bar .entry.image.left, .location-bar .entry.image.left, - searchbar entry.image.left, - .search-bar entry.image.left, - .location-bar entry.image.left, - .inline-toolbar .entry.image.left, - .inline-toolbar entry.image.left { - padding-right: 6px; } - searchbar .entry:backdrop, - .search-bar .entry:backdrop, .location-bar .entry:backdrop, - searchbar entry:backdrop, - .search-bar entry:backdrop, - .location-bar entry:backdrop, - .inline-toolbar .entry:backdrop, - .inline-toolbar entry:backdrop { - color: #afafaf; } - searchbar .entry:selected, - .search-bar .entry:selected, .location-bar .entry:selected, - searchbar entry:selected, - .search-bar entry:selected, - .location-bar entry:selected, - .inline-toolbar .entry:selected, - .inline-toolbar entry:selected { - color: #ffffff; - background-color: #449ac2; } - -searchbar, -.search-bar, .location-bar { - border-style: solid; - border-color: #c4c4c4; - background-color: #e8e8e8; } - searchbar:backdrop, - .search-bar:backdrop, .location-bar:backdrop { - border-color: #c9c9c9; - background-color: #e7e7e7; - box-shadow: none; - transition: 200ms ease-out; } - -searchbar, -.search-bar { - padding: 3px 0px; - border-width: 0; - border-radius: 0; } - -.location-bar { - border-width: 0 0 1px; - padding: 3px; } - -/************ - * Tooltips * - ************/ -tooltip, -.tooltip, -.overlay-bar { - margin: 4px; - border: none; - border-radius: 3px; - background-color: #ffffff; - color: #666666; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } - tooltip.background, - .tooltip.background, - .overlay-bar.background { - background-color: #ffffff; - border: none; } - tooltip decoration, - .tooltip decoration, - .overlay-bar decoration { - background-color: transparent; } - tooltip *, - .tooltip *, - .overlay-bar * { - padding: 2px; - background-color: transparent; - color: #666666; } - -/********************** - * Touch Copy & Paste * - *********************/ -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; } - cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); - padding-left: 10px; } - cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); - padding-right: 10px; } - cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); } - cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png")); - padding-left: 10px; } - cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png")); - padding-right: 10px; } - cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); } - cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png")); - padding-left: 10px; } - cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png")); - padding-right: 10px; } - cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); } - -.context-menu { - font: initial; } - -.button.circular, -button.circular { - border-radius: 20px; - -gtk-outline-radius: 20px; } - .button.circular label, - button.circular label { - padding: 0; } - -.keycap { - min-width: 20px; - min-height: 25px; - margin-top: 2px; - padding-bottom: 3px; - padding-left: 6px; - padding-right: 6px; - color: #666666; - background-color: #ffffff; - border: 1px solid; - border-color: #dedede; - border-radius: 5px; - box-shadow: inset 0 -3px #f9f9f9; - font-size: smaller; } - .keycap:backdrop { - background-color: #fcfcfc; - color: #afafaf; - transition: 200ms ease-out; } - -*:drop(active):focus, -*:drop(active) { - border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; - caret-color: #4e9a06; } - -stackswitcher button.text-button { - min-width: 100px; } - -stackswitcher button.circular, -stackswitcher button.text-button.circular { - min-width: 32px; - min-height: 32px; - padding: 0; } - -/************** - * Tree Views * - **************/ -GtkTreeView.view, -treeview.view { - -GtkTreeView-grid-line-width: 1; - -GtkTreeView-tree-line-width: 1; - -GtkTreeView-tree-line-pattern: ''; - -GtkTreeView-expander-size: 16; - border-left-color: #b3b3b3; - border-top-color: #f7f7f7; } - GtkTreeView.view:selected:focus, GtkTreeView.view:selected, - treeview.view:selected:focus, - treeview.view:selected { - border-radius: 0; } - GtkTreeView.view:selected:backdrop, GtkTreeView.view:selected, - treeview.view:selected:backdrop, - treeview.view:selected { - border-left-color: #a2cde1; - border-top-color: rgba(102, 102, 102, 0.1); } - GtkTreeView.view:disabled, - treeview.view:disabled { - color: #afafaf; } - GtkTreeView.view:disabled:selected, - treeview.view:disabled:selected { - color: #8fc2da; } - GtkTreeView.view:disabled:selected:backdrop, - treeview.view:disabled:selected:backdrop { - color: rgba(91, 167, 202, 0.85); } - GtkTreeView.view:disabled:backdrop, - treeview.view:disabled:backdrop { - color: #d1d1d1; } - GtkTreeView.view.separator, - treeview.view.separator { - min-height: 2px; - color: #f7f7f7; } - GtkTreeView.view.separator:backdrop, - treeview.view.separator:backdrop { - color: rgba(247, 247, 247, 0.1); } - GtkTreeView.view:backdrop, - treeview.view:backdrop { - border-left-color: lightgray; - border-top: #f7f7f7; } - GtkTreeView.view:drop(active), - treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #347d9f; } - GtkTreeView.view:drop(active).after, - treeview.view:drop(active).after { - border-top-style: none; } - GtkTreeView.view:drop(active).before, - treeview.view:drop(active).before { - border-bottom-style: none; } - GtkTreeView.view.expander, - treeview.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #949494; } - GtkTreeView.view.expander:dir(rtl), - treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - GtkTreeView.view.expander:hover, - treeview.view.expander:hover { - color: #666666; } - GtkTreeView.view.expander:selected, - treeview.view.expander:selected { - color: #c7e1ed; } - GtkTreeView.view.expander:selected:hover, - treeview.view.expander:selected:hover { - color: #ffffff; } - GtkTreeView.view.expander:selected:backdrop, - treeview.view.expander:selected:backdrop { - color: rgba(150, 198, 221, 0.65); } - GtkTreeView.view.expander:checked, - treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.expander:backdrop, - treeview.view.expander:backdrop { - color: #c6c6c6; } - GtkTreeView.view.progressbar, - treeview.view.progressbar { - color: #ffffff; - border: 1px solid #347d9f; - border-radius: 4px; - background-color: #449ac2; - background-image: linear-gradient(to bottom, #449ac2, #347d9f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); } - GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:selected, - treeview.view.progressbar:selected:focus, - treeview.view.progressbar:selected { - border-radius: 0; - color: #449ac2; - box-shadow: none; - background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); } - GtkTreeView.view.progressbar:selected:focus:backdrop, GtkTreeView.view.progressbar:selected:backdrop, - treeview.view.progressbar:selected:focus:backdrop, - treeview.view.progressbar:selected:backdrop { - color: #449ac2; - border-color: #347d9f; - background-color: #fcfcfc; } - GtkTreeView.view.progressbar:backdrop, - treeview.view.progressbar:backdrop { - color: #fcfcfc; - background-image: none; - box-shadow: none; } - GtkTreeView.view.trough, - treeview.view.trough { - background-color: rgba(102, 102, 102, 0.1); - border-radius: 4px; } - GtkTreeView.view.trough:selected:focus, GtkTreeView.view.trough:selected, - treeview.view.trough:selected:focus, - treeview.view.trough:selected { - background-color: rgba(255, 255, 255, 0.3); - border-radius: 4px; - border-width: 1px 0; - border-style: solid; - border-color: #449ac2; } - GtkTreeView.view column-header .button, - GtkTreeView.view column-header button, - GtkTreeView.view header .button, - GtkTreeView.view header button, - treeview.view column-header .button, - treeview.view column-header button, - treeview.view header .button, - treeview.view header button { - color: #b3b3b3; - background-color: #ffffff; - font-weight: bold; - text-shadow: none; - box-shadow: none; } - GtkTreeView.view column-header .button:hover, - GtkTreeView.view column-header button:hover, - GtkTreeView.view header .button:hover, - GtkTreeView.view header button:hover, - treeview.view column-header .button:hover, - treeview.view column-header button:hover, - treeview.view header .button:hover, - treeview.view header button:hover { - color: #8d8d8d; - box-shadow: none; - transition: none; } - GtkTreeView.view column-header .button:active, - GtkTreeView.view column-header button:active, - GtkTreeView.view header .button:active, - GtkTreeView.view header button:active, - treeview.view column-header .button:active, - treeview.view column-header button:active, - treeview.view header .button:active, - treeview.view header button:active { - color: #666666; - transition: none; } - GtkTreeView.view column-header button:last-child:backdrop, GtkTreeView.view column-header button:last-child, - GtkTreeView.view header button:last-child:backdrop, - GtkTreeView.view header button:last-child, - treeview.view column-header button:last-child:backdrop, - treeview.view column-header button:last-child, - treeview.view header button:last-child:backdrop, - treeview.view header button:last-child { - border-right-style: none; } - GtkTreeView.view .button.dnd:active, GtkTreeView.view .button.dnd:selected, GtkTreeView.view .button.dnd:hover, GtkTreeView.view .button.dnd, - GtkTreeView.view button.dnd:active, - GtkTreeView.view button.dnd:selected, - GtkTreeView.view button.dnd:hover, - GtkTreeView.view button.dnd, - GtkTreeView.view column-header.button.dnd:active, - GtkTreeView.view column-header.button.dnd:selected, - GtkTreeView.view column-header.button.dnd:hover, - GtkTreeView.view column-header.button.dnd, - GtkTreeView.view header.button.dnd:active, - GtkTreeView.view header.button.dnd:selected, - GtkTreeView.view header.button.dnd:hover, - GtkTreeView.view header.button.dnd, - treeview.view .button.dnd:active, - treeview.view .button.dnd:selected, - treeview.view .button.dnd:hover, - treeview.view .button.dnd, - treeview.view button.dnd:active, - treeview.view button.dnd:selected, - treeview.view button.dnd:hover, - treeview.view button.dnd, - treeview.view column-header.button.dnd:active, - treeview.view column-header.button.dnd:selected, - treeview.view column-header.button.dnd:hover, - treeview.view column-header.button.dnd, - treeview.view header.button.dnd:active, - treeview.view header.button.dnd:selected, - treeview.view header.button.dnd:hover, - treeview.view header.button.dnd { - padding: 4px 6px; - transition: none; - background-image: none; - background-color: #449ac2; - color: #ffffff; - border-radius: 0; - border-style: none; - box-shadow: inset 0 0 0 1px #ffffff; - text-shadow: none; } - -GtkTreeView.view column-header .button, -GtkTreeView.view column-header button, -GtkTreeView.view header .button, -GtkTreeView.view header button, -treeview.view column-header .button, -treeview.view column-header button, -treeview.view header .button, -treeview.view header button, GtkTreeView.view column-header .button:hover, -GtkTreeView.view column-header button:hover, -GtkTreeView.view header .button:hover, -GtkTreeView.view header button:hover, -treeview.view column-header .button:hover, -treeview.view column-header button:hover, -treeview.view header .button:hover, -treeview.view header button:hover, GtkTreeView.view column-header .button:active, -GtkTreeView.view column-header button:active, -GtkTreeView.view header .button:active, -GtkTreeView.view header button:active, -treeview.view column-header .button:active, -treeview.view column-header button:active, -treeview.view header .button:active, -treeview.view header button:active { - padding: 4px 6px; - border-radius: 0; - background-image: none; - text-shadow: none; - border-style: none solid solid none; - border-color: #f7f7f7; } - GtkTreeView.view column-header .button:disabled, - GtkTreeView.view column-header button:disabled, - GtkTreeView.view header .button:disabled, - GtkTreeView.view header button:disabled, - treeview.view column-header .button:disabled, - treeview.view column-header button:disabled, - treeview.view header .button:disabled, - treeview.view header button:disabled { - border-color: #f7f7f7; - background-image: none; } - GtkTreeView.view column-header .button:backdrop, - GtkTreeView.view column-header button:backdrop, - GtkTreeView.view header .button:backdrop, - GtkTreeView.view header button:backdrop, - treeview.view column-header .button:backdrop, - treeview.view column-header button:backdrop, - treeview.view header .button:backdrop, - treeview.view header button:backdrop { - border-color: #f7f7f7; - border-style: none solid solid none; - color: lightgray; - background-image: none; - background-color: #fcfcfc; } - GtkTreeView.view column-header .button:backdrop:disabled, - GtkTreeView.view column-header button:backdrop:disabled, - GtkTreeView.view header .button:backdrop:disabled, - GtkTreeView.view header button:backdrop:disabled, - treeview.view column-header .button:backdrop:disabled, - treeview.view column-header button:backdrop:disabled, - treeview.view header .button:backdrop:disabled, - treeview.view header button:backdrop:disabled { - border-color: #f7f7f7; - background-image: none; } - -/********************** - * Window Decorations * - *********************/ -.window-frame, -decoration { - border-radius: 4px; - border-width: 0px; - box-shadow: 0 8px 9px 1px transparent, 0 8px 6px 1px rgba(0, 0, 0, 0.5); - margin: 10px; } - .window-frame:backdrop, - decoration:backdrop { - box-shadow: 0 3px 9px 1px transparent, 0 6px 6px 0 rgba(0, 0, 0, 0.3); - transition: 200ms ease-out; } - .fullscreen .window-frame, .tiled .window-frame, .fullscreen - decoration, .tiled - decoration { - border-radius: 0; } - .popup .window-frame, .popup - decoration { - box-shadow: none; } - .ssd .window-frame, .ssd - decoration { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } - .csd.popup .window-frame, .csd.popup - decoration { - border-radius: 0; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } - .tooltip.csd .window-frame, tooltip.csd .window-frame, .tooltip.csd - decoration, tooltip.csd - decoration { - border-radius: 5px; - box-shadow: none; } - GtkMessageDialog.csd .window-frame, messagedialog.csd .window-frame, GtkMessageDialog.csd - decoration, messagedialog.csd - decoration { - border-radius: 5px; - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.3); } - .solid-csd .window-frame, .solid-csd - decoration { - border-radius: 0; - margin: 4px; - background-color: #f7f7f7; - border: 0px solid #c9c9c9; - box-shadow: none; } - -.view:selected:focus, GtkIconView:selected:focus, -iconview:selected:focus, .view:selected, GtkIconView:selected, -iconview:selected, -GtkTextView text:selected:focus, -textview text:selected:focus, -GtkTextView text:selected, -textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, -textview text selection:focus, -textview text selection, GtkFlow flowboxchild:selected, -flowbox flowboxchild:selected, modelbutton.flat:selected, .popover.background .check:selected, -.popover.background checkbutton:selected, -.popover.background .radio:selected, -.popover.background radiobutton:selected, -popover.background .check:selected, -popover.background checkbutton:selected, -popover.background .radio:selected, -popover.background radiobutton:selected, -.menuitem.button.flat:selected, GtkCalendar:selected, -calendar:selected, -spinbutton:selected:focus:not(.vertical), .spinbutton:selected:not(.vertical), -spinbutton:selected:not(.vertical), -.entry:selected:focus, -.entry:selected, -entry:selected:focus, -entry:selected, -spinbutton:not(.vertical) selection:focus, .spinbutton:not(.vertical) selection, -spinbutton:not(.vertical) selection, -.entry selection:focus, -.entry selection, -entry selection:focus, -entry selection, row:selected, -.list-row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, -treeview.view:selected:focus, -treeview.view:selected { - background-color: #449ac2; } - .list-row:selected GtkLabel, row:selected GtkLabel, GtkLabel:selected, .list-row:selected - label, row:selected - label, - label:selected, .view:selected:focus, GtkIconView:selected:focus, - iconview:selected:focus, .view:selected, GtkIconView:selected, - iconview:selected, - GtkTextView text:selected:focus, - textview text:selected:focus, - GtkTextView text:selected, - textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, - textview text selection:focus, - textview text selection, GtkFlow flowboxchild:selected, - flowbox flowboxchild:selected, modelbutton.flat:selected, .popover.background .check:selected, - .popover.background checkbutton:selected, - .popover.background .radio:selected, - .popover.background radiobutton:selected, - popover.background .check:selected, - popover.background checkbutton:selected, - popover.background .radio:selected, - popover.background radiobutton:selected, - .menuitem.button.flat:selected, GtkCalendar:selected, - calendar:selected, - spinbutton:selected:focus:not(.vertical), .spinbutton:selected:not(.vertical), - spinbutton:selected:not(.vertical), - .entry:selected:focus, - .entry:selected, - entry:selected:focus, - entry:selected, - spinbutton:not(.vertical) selection:focus, .spinbutton:not(.vertical) selection, - spinbutton:not(.vertical) selection, - .entry selection:focus, - .entry selection, - entry selection:focus, - entry selection, row:selected, - .list-row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, - treeview.view:selected:focus, - treeview.view:selected { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); } - .list-row:selected GtkLabel:disabled, row:selected GtkLabel:disabled, GtkLabel:disabled:selected, .list-row:selected - label:disabled, row:selected - label:disabled, - label:disabled:selected, GtkIconView:disabled:selected:focus, - iconview:disabled:selected:focus, .view:disabled:selected, GtkIconView:disabled:selected, - iconview:disabled:selected, - GtkTextView text:disabled:selected:focus, - textview text:disabled:selected:focus, - GtkTextView text:disabled:selected, - textview text:disabled:selected, GtkTextView text selection:disabled, - textview text selection:disabled, GtkFlow flowboxchild:disabled:selected, - flowbox flowboxchild:disabled:selected, GtkLabel:disabled selection, - label:disabled selection, modelbutton.flat:disabled:selected, .popover.background .check:disabled:selected, - .popover.background checkbutton:disabled:selected, - .popover.background .radio:disabled:selected, - .popover.background radiobutton:disabled:selected, - popover.background .check:disabled:selected, - popover.background checkbutton:disabled:selected, - popover.background .radio:disabled:selected, - popover.background radiobutton:disabled:selected, - .menuitem.button.flat:disabled:selected, GtkCalendar:disabled:selected, - calendar:disabled:selected, .spinbutton:disabled:selected:not(.vertical), - spinbutton:disabled:selected:not(.vertical), - .entry:disabled:selected, - entry:disabled:selected, .spinbutton:not(.vertical) selection:disabled, - spinbutton:not(.vertical) selection:disabled, - .entry selection:disabled, - entry selection:disabled, row:disabled:selected, - .list-row:disabled:selected { - color: #a2cde1; } - .list-row:selected GtkLabel:backdrop, row:selected GtkLabel:backdrop, GtkLabel:backdrop:selected, .list-row:selected - label:backdrop, row:selected - label:backdrop, - label:backdrop:selected, GtkIconView:backdrop:selected:focus, - iconview:backdrop:selected:focus, .view:backdrop:selected, GtkIconView:backdrop:selected, - iconview:backdrop:selected, - GtkTextView text:backdrop:selected:focus, - textview text:backdrop:selected:focus, - GtkTextView text:backdrop:selected, - textview text:backdrop:selected, GtkTextView text selection:backdrop, - textview text selection:backdrop, GtkFlow flowboxchild:backdrop:selected, - flowbox flowboxchild:backdrop:selected, GtkLabel:backdrop selection, - label:backdrop selection, modelbutton.flat:backdrop:selected, .popover.background .check:backdrop:selected, - .popover.background checkbutton:backdrop:selected, - .popover.background .radio:backdrop:selected, - .popover.background radiobutton:backdrop:selected, - popover.background .check:backdrop:selected, - popover.background checkbutton:backdrop:selected, - popover.background .radio:backdrop:selected, - popover.background radiobutton:backdrop:selected, - .menuitem.button.flat:backdrop:selected, GtkCalendar:backdrop:selected, - calendar:backdrop:selected, .spinbutton:backdrop:selected:not(.vertical), - spinbutton:backdrop:selected:not(.vertical), - .entry:backdrop:selected, - entry:backdrop:selected, .spinbutton:not(.vertical) selection:backdrop, - spinbutton:not(.vertical) selection:backdrop, - .entry selection:backdrop, - entry selection:backdrop, row:backdrop:selected, - .list-row:backdrop:selected { - color: rgba(255, 255, 255, 0.5); } - .list-row:selected GtkLabel:backdrop:disabled, row:selected GtkLabel:backdrop:disabled, GtkLabel:backdrop:disabled:selected, .list-row:selected - label:backdrop:disabled, row:selected - label:backdrop:disabled, - label:backdrop:disabled:selected, .view:backdrop:disabled:selected, GtkIconView:backdrop:disabled:selected, - iconview:backdrop:disabled:selected, - GtkTextView text:backdrop:disabled:selected, - textview text:backdrop:disabled:selected, GtkTextView text selection:backdrop:disabled, - textview text selection:backdrop:disabled, GtkFlow flowboxchild:backdrop:disabled:selected, - flowbox flowboxchild:backdrop:disabled:selected, GtkLabel:disabled selection:backdrop, - label:disabled selection:backdrop, GtkLabel:backdrop selection:disabled, - label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, .popover.background .check:backdrop:disabled:selected, - .popover.background checkbutton:backdrop:disabled:selected, - .popover.background .radio:backdrop:disabled:selected, - .popover.background radiobutton:backdrop:disabled:selected, - popover.background .check:backdrop:disabled:selected, - popover.background checkbutton:backdrop:disabled:selected, - popover.background .radio:backdrop:disabled:selected, - popover.background radiobutton:backdrop:disabled:selected, - .menuitem.button.flat:backdrop:disabled:selected, GtkCalendar:backdrop:disabled:selected, - calendar:backdrop:disabled:selected, .spinbutton:backdrop:disabled:selected:not(.vertical), - spinbutton:backdrop:disabled:selected:not(.vertical), - .entry:backdrop:disabled:selected, - entry:backdrop:disabled:selected, .spinbutton:not(.vertical) selection:backdrop:disabled, - spinbutton:not(.vertical) selection:backdrop:disabled, - .entry selection:backdrop:disabled, - entry selection:backdrop:disabled, row:backdrop:disabled:selected, - .list-row:backdrop:disabled:selected { - color: rgba(91, 167, 202, 0.85); } - -.monospace { - font: Monospace; } - -/********************** - * DE-Specific Styles * - **********************/ -/********** -* Budgie * -**********/ -.budgie-panel { - background-color: rgba(0, 0, 0, 0.8); - transition: 100ms ease-in; - font: bold; - color: white; } - .budgie-panel .top { - border-bottom: 1px solid rgba(255, 255, 255, 0.2); } - .budgie-panel .bottom { - border-top: 1px solid rgba(255, 255, 255, 0.2); } - .budgie-panel .left { - border-right: 1px solid rgba(255, 255, 255, 0.2); } - .budgie-panel .right { - border-left: 1px solid rgba(255, 255, 255, 0.2); } - -.max-budgie-panel { - background-color: black; - transition: 100ms ease-in; - font: bold; - color: white; } - .max-budgie-panel .top { - border-bottom: 1px solid rgba(255, 255, 255, 0.2); } - .max-budgie-panel .bottom { - border-top: 1px solid rgba(255, 255, 255, 0.2); } - .max-budgie-panel .left { - border-right: 1px solid rgba(255, 255, 255, 0.2); } - .max-budgie-panel .right { - border-left: 1px solid rgba(255, 255, 255, 0.2); } - -/* Top launchers */ -/* Left hand side launchers */ -/* Right hand side launchers */ -.notification .priority.low { - background-color: #2095f2; } - -.notification .priority.high { - background-color: #feea3a; } - -.notification .priority.critical { - background-color: #f34235; } - -/*************** - * font-viewer * - ***************/ -SushiFontWidget { - padding: 6px 12px; } - -/********** - * Sudoku * - **********/ -SudokuView SudokuCellView { - border: inherit; - background-color: inherit; } - -SudokuView SudokuCellView:backdrop { - border: inherit; - background-color: inherit; } - -SudokuView { - border: none; } - -/***************** - * Character Map * - *****************/ -GucharmapChartable { - background-color: #ffffff; } - -GucharmapChartable:active, -GucharmapChartable:focus, -GucharmapChartable:selected { - background-color: #449ac2; - color: #ffffff; } - -/******** - * Misc * - *******/ -ApDocView, -EogScrollView, -CheeseThumbView { - -EogScrollView-shadow-type: none; } - -/************ - * Terminal * - ************/ -TerminalScreen, -VteTerminal { - background-color: rgba(0, 43, 54, 0.9); - color: #839495; } - -TerminalWindow .titlebar, -TerminalWindow .header-bar { - background-color: #636E73; } - TerminalWindow .titlebar:backdrop, - TerminalWindow .header-bar:backdrop { - background-color: #4b5458; } - -/************ - * Nautilus * - ************/ -NautilusCanvasView { - border: none; } - NautilusCanvasView:active, NautilusCanvasView:focus, NautilusCanvasView:backdrop { - border: none; } - -.nautilus-circular-button { - border-radius: 20px; - outline-radius: 20px; } - -.disk-space-display { - border: 2px solid; } - .disk-space-display .unknown { - background-color: #888a85; - border-color: shade(#888a85, 0.8); } - .disk-space-display .used { - background-color: #9FB0B9; - border-color: shade(#9FB0B9, 0.8); } - .disk-space-display .free { - background-color: #D8D8D8; - border-color: shade(#D8D8D8, 0.8); } - -.nautilus-desktop { - color: #666666; } - .nautilus-desktop .nautilus-canvas-item { - border-radius: 5px; - color: #ffffff; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } - .nautilus-desktop .nautilus-canvas-item:active { - color: #666666; - text-shadow: none; } - .nautilus-desktop .nautilus-canvas-item:prelight { - color: #666666; - text-shadow: none; } - .nautilus-desktop .nautilus-canvas-item:selected { - color: #ffffff; - text-shadow: none; } - .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item GtkLabel.separator:selected, - .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, - .nautilus-desktop .nautilus-canvas-item .header-bar .subtitle:selected, - .header-bar .nautilus-desktop .nautilus-canvas-item .subtitle:selected, - .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, - headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { - color: #ffffff; } - .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list GtkLabel.separator:selected, - .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, - .nautilus-desktop .nautilus-list .header-bar .subtitle:selected, - .header-bar .nautilus-desktop .nautilus-list .subtitle:selected, - .nautilus-desktop .nautilus-list headerbar .subtitle:selected, - headerbar .nautilus-desktop .nautilus-list .subtitle:selected { - color: #ffffff; } - -/*********** - * Builder * - ***********/ -GbGreeterWindow .titlebar, -GbGreeterWindow .header-bar, -GbWorkbench .titlebar, -GbWorkbench .header-bar { - background-color: #CBBB2E; } - GbGreeterWindow .titlebar:backdrop, - GbGreeterWindow .header-bar:backdrop, - GbWorkbench .titlebar:backdrop, - GbWorkbench .header-bar:backdrop { - background-color: #a19525; } - -/************** - * Calculator * - **************/ -MathWindow { - background-color: #ffffff; - border-radius: 0 0 4px 4px; } - MathWindow .titlebar, - MathWindow .header-bar, - MathWindow .toolbar { - background-color: #07ce8e; } - MathWindow .titlebar:backdrop, - MathWindow .header-bar:backdrop, - MathWindow .toolbar:backdrop { - background-color: #059d6c; } - MathWindow MathButtons GtkComboBox, - MathWindow MathButtons .button { - background-color: transparent; - background-image: none; - box-shadow: none; - border: none; - text-shadow: none; - color: #07ce8e; - font: bold; } - MathWindow MathButtons GtkComboBox:hover, - MathWindow MathButtons .button:hover { - background-image: none; - background-color: #ffffff; - color: #07ce8e; } - MathWindow MathButtons GtkComboBox:backdrop, - MathWindow MathButtons .button:backdrop { - color: #059d6c; } - MathWindow MathButtons GtkComboBox.text-button.suggested-action, - MathWindow MathButtons .button.text-button.suggested-action { - background-image: none; - box-shadow: none; - text-shadow: none; - background-color: #07ce8e; - color: #ffffff; } - MathWindow MathButtons GtkComboBox.text-button.suggested-action:backdrop, - MathWindow MathButtons .button.text-button.suggested-action:backdrop { - background-color: #059d6c; - color: rgba(255, 255, 255, 0.5); } - MathWindow MathDisplay { - padding: 4px; - background-color: #ffffff; - border: 1px solid #c4c4c4; } - -/************ - * Calendar * - ************/ -GcalWindow .titlebar, -GcalWindow .header-bar { - background-color: #75A3F6; } - GcalWindow .titlebar:backdrop, - GcalWindow .header-bar:backdrop { - background-color: #4583f3; } - -/********** - * Cheese * - **********/ -CheeseWindow .titlebar, -CheeseWindow .header-bar, -CheeseWindow .toolbar { - background-color: #ad7fa8; } - CheeseWindow .titlebar:backdrop, - CheeseWindow .header-bar:backdrop, - CheeseWindow .toolbar:backdrop { - background-color: #986192; } - -/************ - * Contacts * - ************/ -ContactsWindow .titlebar, -ContactsWindow .header-bar { - background-color: #2095F2; } - ContactsWindow .titlebar:backdrop, - ContactsWindow .header-bar:backdrop { - background-color: #0c7bd3; } - -/********** - * Clocks * - **********/ -ClocksWindow .titlebar, -ClocksWindow .header-bar { - background-color: #4BAE4F; } - ClocksWindow .titlebar:backdrop, - ClocksWindow .header-bar:backdrop { - background-color: #3c8a3f; } - -/********* - * Disks * - *********/ -GduWindow .titlebar, -GduWindow .header-bar { - background-color: #8561C5; } - GduWindow .titlebar:backdrop, - GduWindow .header-bar:backdrop { - background-color: #6a41b2; } - -/************** - * Disk Usage * - **************/ -BaobabWindow .titlebar, -BaobabWindow .header-bar { - background-color: #CC5E55; } - BaobabWindow .titlebar:backdrop, - BaobabWindow .header-bar:backdrop { - background-color: #b74137; } - -/************* - * Documents * - *************/ -#Documents .titlebar, -#Documents .header-bar { - background-color: #C2352A; } - #Documents .titlebar:backdrop, - #Documents .header-bar:backdrop { - background-color: #982a21; } - -/************ - * Epiphany * - ************/ -EphyWindow .titlebar, -EphyWindow .header-bar { - background-color: #6573C3; } - EphyWindow .titlebar:backdrop, - EphyWindow .header-bar:backdrop { - background-color: #4555b0; } - EphyWindow .titlebar .incognito-mode, - EphyWindow .header-bar .incognito-mode { - background-color: #3e4c9e; } - EphyWindow .titlebar .incognito-mode .button, - EphyWindow .header-bar .incognito-mode .button { - background-image: none; } - EphyWindow .titlebar .incognito-mode:backdrop, - EphyWindow .header-bar .incognito-mode:backdrop { - background-color: #2f3a79; } - -/********* - * Gedit * - *********/ -GeditWindow .titlebar, -GeditWindow .header-bar, -GeditWindow .gedit-headerbar-paned { - background-color: #DC4836; } - GeditWindow .titlebar:backdrop, - GeditWindow .header-bar:backdrop, - GeditWindow .gedit-headerbar-paned:backdrop { - background-color: #be3221; } - -/************** - * Log Viewer * - **************/ -GlWindow .titlebar, -GlWindow .header-bar, -GlWindow .toolbar, -LogviewWindow .titlebar, -LogviewWindow .header-bar, -LogviewWindow .toolbar { - background-color: #009587; } - GlWindow .titlebar:backdrop, - GlWindow .header-bar:backdrop, - GlWindow .toolbar:backdrop, - LogviewWindow .titlebar:backdrop, - LogviewWindow .header-bar:backdrop, - LogviewWindow .toolbar:backdrop { - background-color: #006259; } - -/********* - * Music * - *********/ -gnomemusic + window + Window .titlebar, -gnomemusic + window + Window .header-bar { - background-color: #fe9700; } - gnomemusic + window + Window .titlebar:backdrop, - gnomemusic + window + Window .header-bar:backdrop { - background-color: #cb7900; } - -/***************** - * Notes/Bijiben * - *****************/ -BjbMainToolbar .titlebar, -BjbMainToolbar .header-bar, -BjbWindowBase .titlebar, -BjbWindowBase .header-bar { - background-color: #ebdd4d; } - BjbMainToolbar .titlebar:backdrop, - BjbMainToolbar .header-bar:backdrop, - BjbWindowBase .titlebar:backdrop, - BjbWindowBase .header-bar:backdrop { - background-color: #e6d41f; } - -/********** - * Photos * - **********/ -PhotosMainWindow .titlebar, -PhotosMainWindow .header-bar { - background-color: #D30101; } - PhotosMainWindow .titlebar:backdrop, - PhotosMainWindow .header-bar:backdrop { - background-color: #a00101; } - -/********** - * Polari * - **********/ -.titlebar.polari-titlebar-left, .titlebar.polari-titlebar-right, -.header-bar.polari-titlebar-left, -.header-bar.polari-titlebar-right { - background-color: #4BAE4F; } - .titlebar.polari-titlebar-left:backdrop, .titlebar.polari-titlebar-right:backdrop, - .header-bar.polari-titlebar-left:backdrop, - .header-bar.polari-titlebar-right:backdrop { - background-color: #3c8a3f; } - -/******************* - * System Settings * - ******************/ -CcWindow .titlebar, -CcWindow .header-bar { - background-color: #5F7C8A; } - CcWindow .titlebar:backdrop, - CcWindow .header-bar:backdrop { - background-color: #4a616c; } - -CcShellNavBar { - padding: 0px; } - -/************ - * Software * - ************/ -#window_software .titlebar, -#window_software .header-bar { - background-color: #1A77C2; } - #window_software .titlebar:backdrop, - #window_software .header-bar:backdrop { - background-color: #145b95; } - -/****************** - * System Monitor * - ******************/ -#gnome-system-monitor .titlebar, -#gnome-system-monitor .header-bar { - background-color: #6fbe72; } - #gnome-system-monitor .titlebar:backdrop, - #gnome-system-monitor .header-bar:backdrop { - background-color: #4eac51; } - -/******** - * Yelp * - ********/ -YelpWindow .titlebar, -YelpWindow .header-bar { - background-color: #435ece; } - YelpWindow .titlebar:backdrop, - YelpWindow .header-bar:backdrop { - background-color: #2e47b0; } - -/******** - * Gala * - *******/ -.gala-notification { - border-width: 0; - border-radius: 2px; - color: white; - border: 1px solid #ffffff; - background-color: #ffffff; } - .gala-notification .title, - .gala-notification .label { - color: #666666; } - -.gala-button { - padding: 3px; - color: #ffffff; - border: none; - border-radius: 50%; - background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } - -/********** - * Notify * - *********/ -.notify { - /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ - border-radius: 5px; - border: 1px solid rgba(0, 0, 0, 0.7); - background-color: rgba(255, 255, 255, 0.05); } - -/*************** - * SwitchBoard * - ***************/ -.category-label { - font-weight: bold; - color: #666666; } - -/************* - * Slingshot * - ************/ -.button.app { - border: none; - border-radius: 0; - box-shadow: none; - background-image: none; } - .button.app .app:hover { - border-radius: 8px; - border: none; - background-color: rgba(68, 154, 194, 0.3); - color: white; } - .button.app .app:focus { - /*background-color: transparentize(black, 0.20);*/ } - -.search-item { - border-radius: 0; - border: none; - color: #666666; - background: none; } - .search-item:hover, .search-item:focus { - border-radius: 0; - background-color: rgba(68, 154, 194, 0.3); - color: #ffffff; } - -.search-entry-large, -.search-entry-large:focus { - border: none; - font: 18; - font-weight: 300; - background-image: none; - background: none; - box-shadow: none; - border-radius: 0; } - -.search-category-header { - font-weight: bold; - color: #666666; } - -/********* - * Panel * - ********/ -.panel { - background-color: transparent; - transition: all 100ms ease-in-out; } - .panel .maximized { - background-color: #000; } - .panel .translucent { - background-color: rgba(0, 0, 0, 0.5); } - .panel .color-light .composited-indicator > revealer label, - .panel .color-light .composited-indicator > revealer image, - .panel .color-light .composited-indicator > GtkRevealer { - color: rgba(0, 0, 0, 0.35); - text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); - icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); } - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > GtkRevealer { - color: #ffffff; - font-weight: bold; - text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); - icon-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); } - -/************* - * AppCenter * - *************/ -AppCenterMainWindow .titlebar, -AppCenterMainWindow .header-bar { - background-color: #378BE6; } - AppCenterMainWindow .titlebar:backdrop, - AppCenterMainWindow .header-bar:backdrop { - background-color: #1a71d0; } - -/************** - * Calculator * - **************/ -PantheonCalculatorMainWindow { - border-radius: 0 0 4px 4px; } - PantheonCalculatorMainWindow .titlebar, - PantheonCalculatorMainWindow .header-bar { - background-color: #07ce8e; } - PantheonCalculatorMainWindow .titlebar:backdrop, - PantheonCalculatorMainWindow .header-bar:backdrop { - background-color: #059d6c; } - PantheonCalculatorMainWindow .window-frame { - border-radius: 3px; } - -/******** - * Maya * - ********/ -MayaViewMayaToolbar.titlebar, MayaViewMayaToolbar.header-bar { - background-color: #8CD33F; } - MayaViewMayaToolbar.titlebar:backdrop, MayaViewMayaToolbar.header-bar:backdrop { - background-color: #72b52a; } - -/********* - * Cards * - *********/ -.deck { - background-color: #e3e3e3; } - -.card { - background-color: #ffffff; - border: none; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); - transition: all 150ms ease-in-out; } - -.card.collapsed { - background-color: #f2f2f2; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } - -/********* - * Noise * - *********/ -NoiseLibraryWindow { - border-radius: 0 0 4px 4px; } - NoiseLibraryWindow .titlebar, - NoiseLibraryWindow .header-bar { - background-color: #EE6020; } - NoiseLibraryWindow .titlebar:backdrop, - NoiseLibraryWindow .header-bar:backdrop { - background-color: #cb4a10; } - NoiseLibraryWindow .action-bar { - border-radius: 0 0 4px 4px; } - NoiseLibraryWindow .window-frame { - border-radius: 3px; } - -/*********** - * Scratch * - ***********/ -ScratchMainWindow .titlebar, -ScratchMainWindow .header-bar { - background-color: #e74c3c; } - ScratchMainWindow .titlebar:backdrop, - ScratchMainWindow .header-bar:backdrop { - background-color: #d62c1a; } - -/******** - * Snap * - ********/ -SnapMainWindow .titlebar, -SnapMainWindow .header-bar, -SnapSnapWindow .titlebar, -SnapSnapWindow .header-bar { - background-color: #6d266a; } - SnapMainWindow .titlebar:backdrop, - SnapMainWindow .header-bar:backdrop, - SnapSnapWindow .titlebar:backdrop, - SnapSnapWindow .header-bar:backdrop { - background-color: #471945; } -SnapMainWindow .take-button, -SnapSnapWindow .take-button { - border-radius: 0; } - -/******************* - * Photos/Shotwell * - *******************/ -DirectWindow .titlebar, -DirectWindow .header-bar, -LibraryWindow .titlebar, -LibraryWindow .header-bar { - background-color: #5544B5; } - DirectWindow .titlebar:backdrop, - DirectWindow .header-bar:backdrop, - LibraryWindow .titlebar:backdrop, - LibraryWindow .header-bar:backdrop { - background-color: #443690; } -DirectWindow .the-button-in-the-combobox, -LibraryWindow .the-button-in-the-combobox { - background: none; } - -.checkerboard-layout { - background-color: #f7f7f7; - background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); - background-size: 24px 24px; - background-position: 0 0, 12px 12px; } - -.checkboard-layout .item { - background-color: #666666; } - -/******** -* Unity * -*********/ -/* Unity window border color */ -/* Backdrop Unity window border color */ -/* Unity window text color */ -/* Backdrop Unity window text color */ -/* Unity panel color #454D50 */ -/* Backdrop Unity panel color */ -UnityDecoration { - /* Border properties (top, right, bottom, left) */ - -UnityDecoration-extents: 28px 1px 1px 1px; - /* the size of the decorations */ - -UnityDecoration-input-extents: 10px; - /* the extra size of the input areas */ - /* Shadows settings */ - -UnityDecoration-shadow-offset-x: 1px; - /* Size property, the shadow x offset */ - -UnityDecoration-shadow-offset-y: 1px; - /* Size property, the shadow y offset */ - -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647; - /* Color property, active window shadow color */ - -UnityDecoration-active-shadow-radius: 8px; - /* Size property, active window shadow radius */ - -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647; - /* Color property, inactive windows shadow color */ - -UnityDecoration-inactive-shadow-radius: 5px; - /* Size property, inactive windows shadow radius */ - /* Glow applied to the selected scaled window */ - -UnityDecoration-glow-size: 8px; - /* Size property, size of glow */ - -UnityDecoration-glow-color: #449ac2; - /* Color property of the glow */ - /* Title settings */ - -UnityDecoration-title-indent: 10px; - /* Size property, left indent of the title */ - -UnityDecoration-title-fade: 35px; - /* Size property, space of the title that can be faded */ - -UnityDecoration-title-alignment: 0.0; - /* Float from 0.0 to 1.0, to align the title */ - background-color: #636E73; - color: #dbdee0; } - UnityDecoration .top { - padding: 0 5px 0 5px; - border-radius: 4px 4px 0px 0px; - box-shadow: none; - border: 1px solid #636E73; - border-bottom-width: 0; - background-color: #636E73; - color: #dbdee0; - border-top: 1px solid rgba(255, 255, 255, 0.1); } - UnityDecoration .top:backdrop { - border-bottom-width: 0; - background-color: #4b5458; - color: #c0c5c8; - border-top: 1px solid rgba(255, 255, 255, 0.1); } - UnityDecoration .top .menuitem { - color: #dbdee0; } - UnityDecoration .top .menuitem:backdrop { - background-color: #4b5458; - color: #c0c5c8; } - -UnityDecoration.left, -UnityDecoration.right { - background-repeat: repeat-x; - background-color: #626c71; - background-size: 1px 120px; - background-clip: border-box; - background-image: linear-gradient(to bottom, #636E73, #626c71); - background-image: -gtk-gradient linear, left top, left bottom, color-stop 0, #636E73, color-stop 0.5, #636E73, color-stop 1, #626c71; } - -UnityDecoration.bottom { - background-size: 1px; - background-repeat: repeat-x; - background-color: #626c71; } - -UnityDecoration.left:backdrop, -UnityDecoration.right:backdrop, -UnityDecoration.bottom:backdrop { - background-size: 1px; - background-repeat: repeat-x; - background-color: #4b5458; } - -/************** -* Unity Panel * -***************/ -UnityPanelWidget, -.unity-panel { - background-color: #343a3c; - color: #dbdee0; } - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - background-color: #1c1f21; - color: #c0c5c8; } - -.unity-panel.menuitem, -.unity-panel .menuitem { - border-width: 0 1px; - color: #dbdee0; } - -.unity-panel.menubar, -.unity-panel .menubar { - color: #dbdee0; } - -.unity-panel.menu.menubar, -.unity-panel .menu .menubar { - background-color: #343a3c; - color: #dbdee0; } - -.unity-panel.menubar:backdrop, -.unity-panel .menubar *:backdrop { - color: #afafaf; } - -.unity-panel.menubar.menuitem, -.unity-panel.menubar .menuitem { - padding: 3px 5px; - border-width: 1px; - border-style: solid; - border: none; - background: none; - color: #dbdee0; - box-shadow: none; } - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem:hover { - border-radius: 0; - background-color: #616b70; - color: #dbdee0; - box-shadow: none; } - -.unity-panel.menubar .menuitem *:hover { - color: white; - box-shadow: none; } - -.unity-panel.menubar .menuitem.separator, -.unity-panel.menubar.menuitem.separator { - -GtkMenuItem-horizontal-padding: 0; - -GtkWidget-separator-height: 1; - border: none; - color: #c4c4c4; } - -/* Force Quit */ -SheetStyleDialog.unity-force-quit { - background-color: #ffffff; } - -@keyframes playbackmenuitem_spinner { - to { - -gtk-icon-transform: rotate(1turn); } } -.menu IdoPlaybackMenuItem.menuitem:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: playbackmenuitem_spinner 1s infinite linear; - color: #449ac2; } - -/*********************** - * App-Specific Styles * - ***********************/ -/******************* - * Archive Manager * - *******************/ -FrWindow .titlebar, -FrWindow .header-bar, -FrWindow .toolbar { - background-color: #A88A67; } - FrWindow .titlebar:backdrop, - FrWindow .header-bar:backdrop, - FrWindow .toolbar:backdrop { - background-color: #8c7050; } - -/********* - * Birdie * - *********/ -BirdieWidgetsUnifiedWindow .titlebar, -BirdieWidgetsUnifiedWindow .header-bar { - background-image: none; - background-color: #3998E7; } - BirdieWidgetsUnifiedWindow .titlebar:backdrop, - BirdieWidgetsUnifiedWindow .header-bar:backdrop { - background-image: none; - background-color: #1a7fd3; } -BirdieWidgetsUnifiedWindow .menu-button { - padding: 0px; - padding-left: 6px; - padding-right: 6px; } - -BirdieWidgetsTweetList * { - background-image: none; - background: none; } - -BirdieWidgetsUserbox { - background-color: rgba(57, 152, 231, 0.2); } - -BirdieWidgetsNotebook .header { - background-color: #ffffff; } -BirdieWidgetsNotebook tab:active { - box-shadow: inset 0 -3px 0 0 #3998E7; } - -/********* - * Geary * - *********/ -.geary-titlebar-left, -.geary-titlebar-right { - background-color: #F2B035; } - .geary-titlebar-left:backdrop, - .geary-titlebar-right:backdrop { - background-color: #e59a0f; } - .geary-titlebar-left .separator, - .geary-titlebar-right .separator { - opacity: 0; } - -ConversationListView { - -GtkWidget-focus-line-width: 1px; - -GtkTreeView-grid-line-width: 0; } - ConversationListView .view:active, ConversationListView GtkIconView:active, - ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView GtkIconView:selected, - ConversationListView iconview:selected { - background-color: #449ac2; - color: #ffffff; } - ConversationListView .view:active:backdrop, ConversationListView GtkIconView:active:backdrop, - ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView GtkIconView:selected:backdrop, - ConversationListView iconview:selected:backdrop { - background-color: #57a4c8; - color: rgba(255, 255, 255, 0.5); } - ConversationListView .view .cell, ConversationListView GtkIconView .cell, - ConversationListView iconview .cell { - border: solid rgba(0, 0, 0, 0.2); - border-width: 0 0 1px 0; } - ConversationListView .view .cell:selected, ConversationListView GtkIconView .cell:selected, - ConversationListView iconview .cell:selected { - color: #ffffff; - border: 0px solid #347d9f; } - -/*********** - * LightDm * - ***********/ -#panel_window { - background-color: #4b5458; - color: #ffffff; - font: bold; - box-shadow: inset 0 -1px #3b4144; } - #panel_window .menubar, - #panel_window .menubar > .menuitem - menubar, - #panel_window menubar > menuitem { - background-color: transparent; - color: #ffffff; - font: bold; } - #panel_window .menubar .menuitem:insensitive, - #panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 0.5); } - #panel_window .menubar .menuitem:insensitive GtkLabel, - #panel_window menubar menuitem:disabled GtkLabel { - color: inherit; } - #panel_window .menubar .menuitem:insensitive label, - #panel_window menubar menuitem:disabled label { - color: inherit; } - #panel_window .menubar .menu > .menuitem, - #panel_window menubar menu > menuitem { - font: normal; } - -#login_window, -#shutdown_dialog, -#restart_dialog { - font: normal; - border-style: none; - background-color: transparent; - color: #666666; } - -#content_frame { - padding-bottom: 14px; - background-color: #f7f7f7; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; } - -#content_frame button { - color: #666666; - outline-color: rgba(102, 102, 102, 0.3); - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } - #content_frame button:hover { - color: #666666; - outline-color: rgba(102, 102, 102, 0.3); - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 1px white; } - #content_frame button:active, #content_frame button:checked { - color: #666666; - outline-color: rgba(102, 102, 102, 0.3); - border-color: #c4c4c4; - background-image: linear-gradient(to bottom, #e5e5e5, #f2f2f2); - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } - #content_frame button:disabled { - border-color: #c4c4c4; - background-image: none; - background-color: #fafafa; - text-shadow: none; - box-shadow: none; - -gtk-icon-shadow: none; } - #content_frame button:disabled GtkLabel, #content_frame button:disabled { - color: #afafaf; } - #content_frame button:disabled label, #content_frame button:disabled { - color: #afafaf; } - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: rgba(32, 37, 38, 0.8); - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; } - -#buttonbox_frame button { - color: #A1A8AB; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - #buttonbox_frame button:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(161, 168, 171, 0.3); } - #buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(161, 168, 171, 0.3); } - #buttonbox_frame button:disabled { - color: #616769; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - -#login_window #user_combobox { - color: #666666; - font: 13px; } - #login_window #user_combobox .menu, - #login_window #user_combobox menu { - font: normal; } - -#user_image { - padding: 3px; - border-radius: 2px; } - -#greeter_infobar { - border-bottom-width: 0; - font: bold; } - -/********** - * Midori * - **********/ -MidoriBrowser .titlebar, -MidoriBrowser .header-bar, -MidoriBrowser .toolbar { - background-color: #7FC843; } - MidoriBrowser .titlebar:backdrop, - MidoriBrowser .header-bar:backdrop, - MidoriBrowser .toolbar:backdrop { - background-color: #66a731; } - -/********* - * Vocal * - *********/ -.titlebar.vocal-headerbar, -.header-bar.vocal-headerbar { - background-color: #9C69C6; } - .titlebar.vocal-headerbar:backdrop, - .header-bar.vocal-headerbar:backdrop { - background-color: #8345b7; } +/* Import Main CSS */ +@import url("granite-widgets.css"); +@import url("gtk-widgets.css"); +@import url("gtk-common.css"); diff --git a/Paper/gtk-3.0/settings.ini b/Paper/gtk-3.0/settings.ini new file mode 100644 index 0000000..2838384 --- /dev/null +++ b/Paper/gtk-3.0/settings.ini @@ -0,0 +1,13 @@ +[Settings] +gtk-color-scheme = "background:#eeeeee\nselected_background:#A348B1\nbase:#ffffff" # Background: main, selected, base +gtk-color-scheme = "foreground:#555555\nselection_foreground:#ffffff\ntext:#555555" # Foreground: main, selected, text +gtk-color-scheme = "tooltip_background:#444\ntooltip_foreground:#ffffff" # Tooltips +gtk-color-scheme = "link:#A348B1" # Hyperlinks +gtk-color-scheme = "background_dark:#444444\ntext_dark:#eeeeee" # Dark +gtk-color-scheme = "menubar_background:#eeeeee\nmenubar_foreground:#555555" # Menu bar colors +gtk-color-scheme = "toolbar_background:#eeeeee\ntoolbar_foreground:#555555" # Toolbar colors +gtk-color-scheme = "menu_background:#ffffff\nmenu_foreground:#555555" # Menu colors +gtk-color-scheme = "panel_background:#555555\npanel_foreground:#dddddd" # Panel colors + +gtk-visible-focus = automatic +gtk-auto-mnemonics = 1 \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/_checks-radios.scss b/Paper/gtk-3.0/widgets/_checks-radios.scss deleted file mode 100644 index 5fce5ed..0000000 --- a/Paper/gtk-3.0/widgets/_checks-radios.scss +++ /dev/null @@ -1,215 +0,0 @@ -/************************* - * Check and Radio Items * - *************************/ -// draw regular check and radio items using our PNG assets -// all assets are rendered from assets.svg. never add pngs directly - - -// unchecked -@each $s,$un in ('','-unchecked'), - (':hover', '-unchecked-hover'), - (':active', '-unchecked-active'), - (':backdrop', '-unchecked-backdrop'), - (':insensitive', '-unchecked-insensitive'), - (':insensitive:backdrop', '-unchecked-backdrop-insensitive') { - check#{$s}, - .check#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/checkbox#{$un}.png"),url("assets/checkbox#{$un}@2.png")), -gtk-scaled(url("assets/checkbox#{$un}-dark.png"),url("assets/checkbox#{$un}-dark@2.png"))); - -gtk-icon-shadow: none; - } - radio#{$s}, - .radio#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/radio#{$un}.png"),url("assets/radio#{$un}@2.png")), -gtk-scaled(url("assets/radio#{$un}-dark.png"),url("assets/radio#{$un}-dark@2.png"))); - -gtk-icon-shadow: none; - } -} - -// checked -@each $s,$ch in (':checked', '-checked'), - (':checked:hover', '-checked-hover'), - (':checked:active', '-checked-active'), - (':checked:backdrop', '-checked-backdrop'), - (':checked:insensitive', '-checked-insensitive'), - (':checked:insensitive:backdrop', '-checked-insensitive-backdrop') { - check#{$s}, - .check#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/checkbox#{$ch}.png"),url("assets/checkbox#{$ch}@2.png")), -gtk-scaled(url("assets/checkbox#{$ch}-dark.png"),url("assets/checkbox#{$ch}-dark@2.png"))); - -gtk-icon-shadow: none; - } - radio#{$s}, - .radio#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/radio#{$ch}.png"),url("assets/radio#{$ch}@2.png")), -gtk-scaled(url("assets/radio#{$ch}-dark.png"),url("assets/radio#{$ch}-dark@2.png"))); - -gtk-icon-shadow: none; - } -} - -// mixed -@each $s,$mx in (':inconsistent', '-mixed'), - (':inconsistent:hover', '-mixed-hover'), - (':inconsistent:active', '-mixed-active'), - (':inconsistent:backdrop', '-mixed-backdrop'), - (':inconsistent:insensitive', '-mixed-insensitive'), - (':inconsistent:insensitive:backdrop', '-mixed-insensitive-backdrop') { - check#{$s}, - .check#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/checkbox#{$mx}.png"),url("assets/checkbox#{$mx}@2.png")), -gtk-scaled(url("assets/checkbox#{$mx}-dark.png"),url("assets/checkbox#{$mx}-dark@2.png"))); - -gtk-icon-shadow: none; - } - radio#{$s}, - .radio#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/radio#{$mx}.png"),url("assets/radio#{$mx}@2.png")), -gtk-scaled(url("assets/radio#{$mx}-dark.png"),url("assets/radio#{$mx}-dark@2.png"))); - -gtk-icon-shadow: none; - } -} - -// unchecked:selected -@each $s,$un in (':selected','-unchecked'), - (':hover:selected', '-unchecked-hover'), - (':active:selected', '-unchecked-active'), - (':backdrop:selected', '-unchecked-backdrop'), - (':insensitive:selected', '-unchecked-insensitive'), - (':insensitive:backdrop:selected', '-unchecked-backdrop-insensitive') { - check#{$s}, - .check#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/selected-checkbox#{$un}.png"),url("assets/selected-checkbox#{$un}@2.png")), -gtk-scaled(url("assets/selected-checkbox#{$un}-dark.png"),url("assets/selected-checkbox#{$un}-dark@2.png"))); - -gtk-icon-shadow: none; - } - radio#{$s}, - .radio#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/selected-radio#{$un}.png"),url("assets/selected-radio#{$un}@2.png")), -gtk-scaled(url("assets/selected-radio#{$un}-dark.png"),url("assets/selected-radio#{$un}-dark@2.png"))); - -gtk-icon-shadow: none; - } -} - -// checked:selected -@each $s,$ch in (':checked:selected', '-checked'), - (':checked:hover:selected', '-checked-hover'), - (':checked:active:selected', '-checked-active'), - (':checked:backdrop:selected', '-checked-backdrop'), - (':checked:insensitive:selected', '-checked-insensitive'), - (':checked:insensitive:backdrop:selected', '-checked-insensitive-backdrop') { - check#{$s}, - .check#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/selected-checkbox#{$ch}.png"),url("assets/selected-checkbox#{$ch}@2.png")), -gtk-scaled(url("assets/selected-checkbox#{$ch}-dark.png"),url("assets/selected-checkbox#{$ch}-dark@2.png"))); - -gtk-icon-shadow: none; - } - radio#{$s}, - .radio#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/selected-radio#{$ch}.png"),url("assets/selected-radio#{$ch}@2.png")), -gtk-scaled(url("assets/selected-radio#{$ch}-dark.png"),url("assets/selected-radio#{$ch}-dark@2.png"))); - -gtk-icon-shadow: none; - } -} - - -// mixed:selected -@each $s,$mx in (':inconsistent:selected', '-mixed'), - (':inconsistent:hover:selected', '-mixed-hover'), - (':inconsistent:active:selected', '-mixed-active'), - (':inconsistent:backdrop:selected', '-mixed-backdrop'), - (':inconsistent:insensitive:selected', '-mixed-insensitive'), - (':inconsistent:insensitive:backdrop:selected', '-mixed-insensitive-backdrop') { - check#{$s}, - .check#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/selected-checkbox#{$mx}.png"),url("assets/selected-checkbox#{$mx}@2.png")), -gtk-scaled(url("assets/selected-checkbox#{$mx}-dark.png"),url("assets/selected-checkbox#{$mx}-dark@2.png"))); - -gtk-icon-shadow: none; - } - radio#{$s}, - .radio#{$s}{ - -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("assets/selected-radio#{$mx}.png"),url("assets/selected-radio#{$mx}@2.png")), -gtk-scaled(url("assets/selected-radio#{$mx}-dark.png"),url("assets/selected-radio#{$mx}-dark@2.png"))); - -gtk-icon-shadow: none; - } -} - - -// selection-mode unchecked -@each $s,$un in ('','-unchecked'), - (':hover', '-unchecked-hover'), - (':active', '-unchecked-active'), - (':backdrop', '-unchecked-backdrop'), - (':insensitive', '-unchecked-insensitive'), - (':insensitive:backdrop', '-unchecked-backdrop-insensitive') { - .view.content-view check#{$s}, - .view.content-view.check#{$s}{ - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox#{$un}.png"),url("assets/checkbox#{$un}@2.png")); - -gtk-icon-shadow: none; - } - .view.content-view radio#{$s}, - .view.content-view.radio#{$s}{ - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio#{$un}.png"),url("assets/radio#{$un}@2.png")); - -gtk-icon-shadow: none; - } -} - -// selection-mode checked -@each $s,$ch in ('','-checked'), - (':hover', '-checked-hover'), - (':active', '-checked-active'), - (':backdrop', '-checked-backdrop'), - (':insensitive', '-checked-insensitive'), - (':insensitive:backdrop', '-checked-backdrop-insensitive') { - .view.content-view check#{$s}, - .view.content-view.check#{$s}{ - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-checkbox#{$ch}.png"),url("assets/checkbox#{$ch}@2.png")); - -gtk-icon-shadow: none; - } - .view.content-view radio#{$s}, - .view.content-view.radio#{$s}{ - -gtk-icon-source: -gtk-scaled(url("assets/selection-mode-radio#{$ch}.png"),url("assets/radio#{$ch}@2.png")); - -gtk-icon-shadow: none; - } -} - - - -// Style - -.check.text-button, .radio.text-button, -checkbutton.text-button, radiobutton.text-button { - // this is for a nice focus on check and radios text - padding: 2px 0; - outline-offset: 0; - - label:not(:only-child) { - &:first-child { margin-left: 4px; } - &:last-child { margin-right: 4px; } - } -} - -check, -.check, -radio, -.radio { - margin: 0 4px; - - .menu .menuitem &, - menu menuitem & { - margin: 0; // this is a workaround for a menu check/radio size allocation issue - } -} - -// no animations in menus -menu menuitem { - check:not(:indeterminate):checked, - radio:not(:indeterminate):checked, - check:indeterminate:checked:active, - radio:indeterminate:checked { animation: none; } -} - -treeview.view check, -treeview.view radio { - &:selected { - &:focus, & { - color: $fg_color; - - @if $variant == 'light' { border-color: $selected_borders_color; } - } - - &:disabled { - color: $insensitive_fg_color; - - &:backdrop { color: $backdrop_insensitive_color; } - } - } - - &:backdrop { &:selected, & { color: $backdrop_fg_color; }} -} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/action-bar.css b/Paper/gtk-3.0/widgets/action-bar.css new file mode 100644 index 0000000..abe7ba2 --- /dev/null +++ b/Paper/gtk-3.0/widgets/action-bar.css @@ -0,0 +1,180 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/*************** + * Action bars * + ***************/ + +.action-bar { + background-color: shade(@background, 0.9); + border: solid @border; + border-width: 1px 0 0 0; + color: @text; + box-shadow: none; +} + +.action-bar:backdrop { + background-color: shade(@backdrop_background, 0.9); + box-shadow: none; + -gtk-image-effect: dim; +} + +.action-bar:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; +} + +.action-bar:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; +} + +/* Buttons */ +.action-bar .button, +.action-bar .text-button, +.action-bar .image-button { + border: none; + background: none; + color: @text; + border-radius: 0px; + padding: 7px; +} + +.action-bar .button:active +.action-bar .text-button:active, +.action-bar .image-button:active { + border: none; + color: @text; + box-shadow: none; + padding: 7px; +} + +.action-bar .button .raised +.action-bar .text-button .raised, +.action-bar .image-button .raised { + border: none; + color: @text; + box-shadow: none; + padding: 7px; +} + +/* Hover */ +.action-bar .button:hover, +.action-bar .button:active:hover +.action-bar .text-button:hover, +.action-bar .text-button:active:hover, +.action-bar .image-button:hover, +.action-bar .image-button:active:hover { + padding: 7px; + border: none; + background-color: alpha(#000, 0.1); + color: @text; + box-shadow: none; +} + +/* Insensitive */ +.action-bar .button:insensitive, +.action-bar .text-button:insensitive, +.action-bar .image-button:insensitive { + color: @insensitive_header_text; + -gtk-image-effect: dim; +} + + +/* Backdrop */ +.action-bar .button:backdrop, +.action-bar .button:active:backdrop +.action-bar .text-button:backdrop, +.action-bar .text-button:active:backdrop, +.action-bar .image-button:backdrop, +.action-bar .image-button:active:backdrop { + color: @backdrop_text; + border: none; + padding: 7px; +} + +/* Insensitive:Backdrop; */ +.action-bar .button:insensitive:backdrop, +.action-bar .text-button:insensitive:backdrop, +.action-bar .image-button:insensitive:backdrop { + padding: 7px; + border: none; + color: mix(@backdrop_text, @insensitive_text, 0.5); +} + + +/* Images */ +.action-bar .button GtkImage, +.action-bar .button .image-button GtkImage { + color: @text; +} + +.action-bar .button:active GtkImage, +.action-bar .button:focus GtkImage, +.action-bar .button:hover GtkImage, +.action-bar .button .image-button:active GtkImage, +.action-bar .button .image-button:focus GtkImage, +.action-bar .button .image-button:hover GtkImage { + color: @text; +} + +.action-bar .button:backdrop GtkImage, +.action-bar .button:backdrop:hover GtkImage, +.action-bar .button:active:backdrop GtkImage, +.action-bar .button .image-button:backdrop GtkImage, +.action-bar .button .image-button:backdrop:hover GtkImage, +.action-bar .button .image-button:active:backdrop GtkImage { + color: @backdrop_text; + -gtk-image-effect: dim; +} + +.action-bar .button:insensitive GtkImage, +.action-bar .button .image-button:insensitive GtkImage { + color: @insensitive_text; + -gtk-image-effect: dim; +} +.action-bar .button:insensitive:backdrop GtkImage, +.action-bar .button .image-button:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); + -gtk-image-effect: dim; +} + +/* Labels */ +.action-bar .button GtkLabel { + color: @text; +} + +.action-bar .button:active GtkLabel, +.action-bar .button:focus GtkLabel, +.action-bar .button:hover GtkLabel { + color: @text; +} + +.action-bar .button:backdrop GtkLabel, +.action-bar .button:backdrop:hover GtkLabel, +.action-bar .button:active:backdrop GtkLabel { + color: @backdrop_text; +} + +.action-bar .button:insensitive GtkLabel { + color: @insensitive_text; +} + +.action-bar .button:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/app-notifications.css b/Paper/gtk-3.0/widgets/app-notifications.css new file mode 100644 index 0000000..e5c82ac --- /dev/null +++ b/Paper/gtk-3.0/widgets/app-notifications.css @@ -0,0 +1,65 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/********************* +* App Notifications * +*********************/ +.app-notification, +.app-notification.frame { + border: 1px solid @border; + border-top-width: 0px; + border-radius: 6px; + border-top-left-radius: 0px; + border-top-right-radius: 0px; + padding: 8px; + background-color: @background; + color: @text; +} + +.app-notification:backdrop, +.app-notification.frame:backdrop { + background-color: @backdrop_background; + border-color: @backdrop_border; +} + +.app-notification .button, .app-notification .header-bar .button.titlebutton, .header-bar .app-notification .button.titlebutton, +.app-notification .titlebar .button.titlebutton, +.titlebar .app-notification .button.titlebutton, +.app-notification.frame .button { +} + +.app-notification .button:hover, +.app-notification.frame .button:hover { +} + +.app-notification .button:active, .app-notification .button:checked, .app-notification .button:backdrop:active, .app-notification .button:backdrop:checked, +.app-notification.frame .button:active, +.app-notification.frame .button:checked, +.app-notification.frame .button:backdrop:active, +.app-notification.frame .button:backdrop:checked { +} + +.app-notification .button:insensitive, .app-notification .button:backdrop:insensitive, +.app-notification.frame .button:insensitive, +.app-notification.frame .button:backdrop:insensitive { +} + +.app-notification .button:backdrop, +.app-notification.frame .button:backdrop { +} diff --git a/Paper/gtk-3.0/widgets/base-states.css b/Paper/gtk-3.0/widgets/base-states.css new file mode 100644 index 0000000..fd1bf1c --- /dev/null +++ b/Paper/gtk-3.0/widgets/base-states.css @@ -0,0 +1,118 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/*************** + * Base States * + ***************/ +.background { + background-color: @background; + color: @foreground; +} + +.background-color:backdrop, +.background-color:active:backdrop { + /* I want everything nice and flat in the backdrop window */ + background-color: @backdrop_background; + color: @backdrop_text; +} + +.background-color:insensitive { + /* I want everything nice and flat in the backdrop window */ + background-color: @insensitive_background; + color: @insensitive_text; +} + +/* FIXME: why do we still need this? */ +GtkClutterOffscreen { + background-color: @background; + color: @foreground; +} + +*:selected, +*:selected:focus { + background-color: @selection; + color: @selection_foreground; +} + +*:selected:backdrop { + /* I would like to remove colors from the backdrop state, next release*/ + background-color: @backdrop_selected_background; + color: @backdrop_selection_foreground; +} + +*:insensitive { + background-color: @insensitive_background; + color: @insensitive_foreground; + border-color: @insensitive_border; +} + +*:insensitive:backdrop { + /* I want everything nice and flat in the backdrop window */ + color: @backdrop_insensitive_foreground; +} + +/* Apply effects to insensitive and prelit images */ +*:insensitive { + -gtk-image-effect: dim; +} + +*:hover { + -gtk-image-effect: none; +} + +.gtkstyle-fallback { + background-color: @background; + color: @foreground; +} + +.gtkstyle-fallback:prelight { + background-color: shade(@background, 1.10); + color: @foreground; +} + +.gtkstyle-fallback:active { + background-color: shade(@background, 0.90); + color: @foreground; +} + +.gtkstyle-fallback:insensitive { + background-color: @insensitive_background; + color: @insensitive_foreground; +} + +.gtkstyle-fallback:selected { + background-color: @selection; + color: @selection_foreground; +} + +GtkImage, +GtkImage:insensitive, +GtkLabel, +GtkLabel:insensitive, +GtkBox, +GtkBox:insensitive, +GtkGrid, +GtkGrid:insensitive { + background: none; +} + +GtkImage, +GtkLabel { + color: @text; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/buttons.css b/Paper/gtk-3.0/widgets/buttons.css new file mode 100644 index 0000000..f0266b2 --- /dev/null +++ b/Paper/gtk-3.0/widgets/buttons.css @@ -0,0 +1,273 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color button_background shade(@base, 0.98);/* Button background color */ +@define-color button_border @border;/* Button border color */ +@define-color backdrop_button_background @backdrop_background;/* Backdrop button background color */ +@define-color backdrop_button_border @backdrop_border; /* Backdrop button border color */ + +/*********** + * Buttons * + ***********/ + +.button, +.button.text-button, +.button.image-button { + border-radius: 3px; + padding: 4px 9px; + border: 1px solid @button_border; + background-color: @button_background; + background-image: linear-gradient(to bottom, + @button_background, + shade(@button_background, 0.98) + ); + color: @text; +} + +.button.flat, +.button.flat:backdrop, +.button.flat:backdrop:insensitive, +.menuitem.button.flat, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, +.button:link, +.button:visited, +.button:link:hover, +.button:link:active, +.button:visited:hover, +.button:visited:active, +.button:link:backdrop, +.button:visited:backdrop, +.notebook tab +.list-row.button, +.list-row.button:backdrop:hover, +GtkCalendar.button, +GtkCalendar.button:hover, +GtkCalendar.button:backdrop, +GtkCalendar.button:backdrop:hover, +.scale-popup .button:hover, +.scale-popup .button:backdrop, +.scale-popup .button:backdrop:hover, +.scale-popup .button:backdrop:insensitive { + border: 1px solid transparent; + background: none; +} + +/* Focus Button */ +.button *:focus, +*.button:focus { + outline-color: alpha(#000, 0.2); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + outline-radius: 2px; +} + +.button:focus, +.button.default:focus, +.button:active:focus, +.button.text-button:focus, +.button.image-button:focus { + border: 1px solid @selection; + background-color: shade(@selection, 1.1); + background-image: linear-gradient(to bottom, + shade(@selection, 1.1), + shade(shade(@selection, 1.1), 0.98) + ); + color: @selection_foreground; +} + +/* Hover Button */ +.button:hover, +.button.default:hover, +.button:active:hover, +.button.text-button:hover, +.button.image-button:hover { + border: 1px solid @selection; + background-color: shade(@selection, 1.2); + background-image: linear-gradient(to bottom, + shade(@selection, 1.2), + shade(shade(@selection, 1.2), 0.98) + ); + color: @selection_foreground; +} + +/* Active (Pressed) Button */ +.button:active, +.button.default:active, +.button.text-button:active, +.button.image-button:active { + border: 1px solid @selection; + background-color: shade(@selection, 1.1); + background-image: linear-gradient(to top, + shade(@selection, 1.1), + shade(shade(@selection, 1.1), 0.95) + ); + color: @selection_foreground; + +} + +/* Insensitive Button */ +.button:insensitive, +.button.default:insensitive, +.button.text-button:insensitive, +.button.image-button:insensitive { + border: 1px solid @insensitive_border; + background-color: @insensitive_background; + background-image: none; + color: @insensitive_text; +} + +/* Backdrop Button */ +.button:backdrop, +.button.default:backdrop, +.button.text-button:backdrop, +.button.image-button:backdrop { + border: 1px solid @backdrop_button_border; + background-color: @backdrop_button_background; + background-image: none; + color: @backdrop_text; +} + +/* Backdrop Button */ +.button:backdrop:hover, +.button.default:backdrop:hover, +.button.text-button:backdrop:hover, +.button.image-button:backdrop:hover { + background-color: shade(@backdrop_button_background, 1.1); + background-image: linear-gradient(to bottom, + shade(@backdrop_button_background, 1.1), + shade(shade(@backdrop_button_background, 1.1), 0.98) + ); + color: @backdrop_text; +} + +/* Insensitive Button */ +.button:insensitive:backdrop, +.button.default:insensitive:backdrop, +.button.text-button:insensitive:backdrop, +.button.image-button:insensitive:backdrop { + border: 1px solid @insensitive_border; + background-color: @insensitive_background; + background-image: none; + color: @insensitive_text; +} + + +/************** +* Help Button * +**************/ +.help_button { + border-radius: 16px; +} + + +.button .circular-button { + padding-top: 4px; + padding-bottom: 4px; + padding-right: 2px; + padding-left: 2px; + border-radius: 12px; +} + + +/*************************** +* Overlay Button * +***************************/ + +GtkOverlay > .button, +GtkOverlay > .button:hover, +GtkOverlay > .button:backdrop, +GtkOverlay > .button:focus { + background-image: none; + background: none; + color: #fff; +} + +GtkOverlay > .button:active, +GtkOverlay > .button:hover:active { + background-color: #fff; + color: @foreground_color; +} + +GtkOverlay > .button:focus, +GtkOverlay > .button:focus:active { +} + +GtkOverlay > .button:focus:active { + background-color: @selection; +} + + +/****************** + * Button No Undo * + ******************/ +.button.noundo, +.content-view .button.noundo { + background-color: shade(@error, 1.08); + color: @error_foreground; +} + +.button.noundo:hover, +.content-view .button.noundo:hover { + background-color: @error; +} + +.button.noundo:active, +.content-view .button.noundo:active { + background-color: shade(@error, 0.95); +} + +.button.noundo:active:hover, +.content-view .button.noundo:active:hover { + background-color: shade(@error, 0.97); +} + +.button.noundo GtkLabel, +.button.noundo Gtklabel:prelight { + color: @error_foreground; +} + +/********************** + * Affirmative Button * + **********************/ +.button.affirmative, +.content-view .button.affirmative { + background-color: shade(@selected_background, 1.08); + color: @selection_foreground; +} + +.button.affirmative:hover, +.content-view .button.affirmative:hover { + background-color: @selected_background; +} + +.button.affirmative:active, +.content-view .button.affirmative:active { + background-color: shade(@selected_background, 0.95); +} + +.button.affirmative:active:hover, +.content-view .button.affirmative:active:hover { + background-color: shade(@selected_background, 0.97); +} + +.button.affirmative GtkLabel, +.button.affirmative Gtklabel:prelight { + color: @selection_foreground; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/calendar.css b/Paper/gtk-3.0/widgets/calendar.css new file mode 100644 index 0000000..dcd7ddd --- /dev/null +++ b/Paper/gtk-3.0/widgets/calendar.css @@ -0,0 +1,69 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/*********** +* Calendar * +************/ + +GtkCalendar { + padding: 2px; + border-radius: 2px; + background-color: shade(@background, 0.8); + color:@text; +} + +GtkCalendar.view { + border-radius: 4px; + border: 1px solid @border; + border-width: 1px; + color: @text; +} + +GtkCalendar.header { + border-radius: 0; + background-color: @background; + border-width: 0; + color: @text; +} + +GtkCalendar.button { + color: @text; +} + +GtkCalendar.button:insensitive, +GtkCalendar.button:backdrop, +GtkCalendar.button:insensitive:backdrop { + background: none; +} + +.highlight, +GtkCalendar.highlight { + background-color: @selection; + color: @selection_foreground; + border-radius: 0; + padding: 0; + border-width: 0; +} + +GtkCalendar.button, +GtkCalendar.button:insensitive, +GtkCalendar.header, +GtkCalendar.view { + background: none; + background-image: none; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/cell-row.css b/Paper/gtk-3.0/widgets/cell-row.css new file mode 100644 index 0000000..60960f9 --- /dev/null +++ b/Paper/gtk-3.0/widgets/cell-row.css @@ -0,0 +1,43 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/**************** + * cell and row * + ****************/ + +.cell { + color: @foreground; + border-width: 0px; +} + +.cell:selected, +.cell:selected:focus { + background-color: @selection; + color: @selection_foreground; +} + +row:selected, +row:selected:focus { + border: 0 solid shade(@selection, 0.9); + background-color: @selection; + background-image: none; + color: @selection_foreground; + + -GtkWidget-focus-padding: 1; + -GtkWidget-focus-line-width: 0; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/check-radio.css b/Paper/gtk-3.0/widgets/check-radio.css new file mode 100644 index 0000000..ffd8755 --- /dev/null +++ b/Paper/gtk-3.0/widgets/check-radio.css @@ -0,0 +1,143 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/***************** + * Check Buttons * + *****************/ + +GtkCheckButton:hover, +GtkCheckButton:active:hover, +GtkCheckButton:selected, +GtkCheckButton:selected:focus { +} + +.check, +.check row:selected, +.check row:selected:focus { + color: @foreground; +} + +.check:insensitive, +.check row:selected:insensitive, +.check row:selected:focus:insensitive { + color: @insensitive_text; +} + + +.check:backdrop, +.check row:selected:backdrop, +.check row:selected:focus:backdrop { + color: @backdrop_text; +} + +.check:insensitive:backdrop, +.check row:selected:insensitive:backdrop, +.check row:selected:focus:insensitive:backdrop { + color: @backdrop_insensitive_text; +} + +.check:selected { + color: @selection_foreground; +} + + +.check:selected:backdrop { + color: @backdrop_selection_foreground; +} + +/***************** + * Radio Buttons * + *****************/ + +.radio { + background: none; +} + +.radio:insensitive { + color: @insensitive_text; +} + +.radio:selected { + color: @selection_foreground; +} + +.radio:backdrop { + color: @backdrop_text; +} + +.radio:insensitive:backdrop { + color: @backdrop_insensitive_text; +} + +.radio:selected:backdrop { + color: @backdrop_selection_foreground; +} + +/* Symbolic Radio */ +.menu .menuitem.radio { + -gtk-icon-source: -gtk-icontheme("radio-symbolic"); + color: @text; + icon-shadow: none; +} + +.menu .menuitem.radio:active, .menu .menuitem.radio:checked { + -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic"); +} + +.menu .menuitem.radio:inconsistent { + -gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); +} +.menu .menuitem.radio:hover { + color: @base; +} +.menu .menuitem.radio:insensitive { + color: @insensitive_text; +} + + +/* Menuitem Checks & Radios */ + +.menuitem.check, +.menuitem.radio { + background: none; + background-image: none; + background: none; + box-shadow: none; +} + +.menuitem.check, +.menuitem.check:active, +.menuitem.check:active:hover, +.menuitem.check:active:insensitive, +.menuitem.check:hover, +.menuitem.check:inconsistent, +.menuitem.check:inconsistent:hover, +.menuitem.check:inconsistent:insensitive, +.menuitem.check:insensitive, +.menuitem.radio, +.menuitem.radio:active, +.menuitem.radio:active:hover, +.menuitem.radio:active:insensitive, +.menuitem.radio:hover, +.menuitem.radio:inconsistent, +.menuitem.radio:inconsistent:hover , +.menuitem.radio:inconsistent:insensitive, +.menuitem.radio:insensitive { + background: none; + box-shadow: none; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/color-chooser.css b/Paper/gtk-3.0/widgets/color-chooser.css new file mode 100644 index 0000000..b2e4e6e --- /dev/null +++ b/Paper/gtk-3.0/widgets/color-chooser.css @@ -0,0 +1,116 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/***************** + * Color chooser * + *****************/ + +GtkColorSwatch, +GtkColorSwatch:selected { + border-width: 1px; + border-style: solid; + border: 1px solid alpha(#000, 0.1); + border-radius: 1px; + background: none; + background-clip: border-box; +} + +GtkColorSwatch:hover, +GtkColorSwatch:selected:hover { + border: 1px solid alpha(#000, 0.3); +} + +GtkColorSwatch.color-dark:hover { +} + +GtkColorSwatch.color-light:hover { +} + +GtkColorSwatch.color-light:selected:hover, +GtkColorSwatch.color-dark:selected:hover { + background-image: none; +} + +GtkColorSwatch.left, +GtkColorSwatch:first-child { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +GtkColorSwatch.right, +GtkColorSwatch:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +GtkColorSwatch:only-child { + border-radius: 4px; +} + +GtkColorSwatch.top { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +GtkColorSwatch.bottom { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +GtkColorChooserWidget #add-color-button { + background-clip: padding-box; + border: 1px solid alpha(#000, 0.1); + background-color: shade(@background, 0.95); + color: @foreground; +} + +GtkColorChooserWidget #add-color-button:hover { + border: 1px solid alpha(#000, 0.3); + background-color: shade(@background, 0.90); + color: @foreground; +} + +.color-active-badge, +.color-active-badge:selected { + border-width: 1px; + border-style: solid; + border-width: 2px; + background: none; +} + +.color-active-badge.color-light, +.color-active-badge.color-light:hover { + border: 1px solid alpha(#000, 0.3); + color: alpha(#000, 0.3); +} + +.color-active-badge.color-dark, +.color-active-badge.color-dark:hover { + border: 1px solid alpha(white, 0.3); + color: alpha(white, 0.3); +} + +GtkColorEditor GtkColorSwatch { + border-radius: 4px; +} + +GtkColorEditor GtkColorSwatch.color-dark:hover, +GtkColorEditor GtkColorSwatch.color-light:hover { + background-image: none; + border: 1px solid alpha(#000, 0.3); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/column-header.css b/Paper/gtk-3.0/widgets/column-header.css new file mode 100644 index 0000000..b6e7570 --- /dev/null +++ b/Paper/gtk-3.0/widgets/column-header.css @@ -0,0 +1,141 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/****************** + * Column Headers * + *****************/ + +column-header .button, +.content-view column-header .button { + border-radius: 0; + border-width: 0px; +} + +column-header .button GtkImage, +column-header .button GtkLabel { + padding-left: 3px; + color: @text; +} + +/*First Child*/ +column-header:first-child .button, +column-header:first-child .button:active, +column-header:first-child .button:hover, +column-header:first-child .button:backdrop, +column-header:first-child .button:backdrop:hover, +.content-view column-header:first-child .button { + border-width: 0 0 1px 0; +} + +/*Last Child*/ +column-header:last-child .button, +column-header:last-child .button:active, +column-header:last-child .button:hover, +column-header:last-child .button:backdrop, +column-header:last-child .button:backdrop:hover, +.content-view column-header:last-child .button { + border-width: 0px 1px 1px 1px; +} + +/* Normal */ +column-header .button, +.content-view column-header .button { + background-image: linear-gradient(to bottom, + @button_background, + shade(@button_background, 0.98) + ); + border-image: linear-gradient(to bottom, + @button_border, + shade(@button_border, 0.98) + ) 0 0 1 1; + border-width: 0 0 1px 1px; + padding: 4px 2px 4px 2px; + color: @text; +} + +/* Active */ +column-header .button:focus, +column-header .button:active, +.content-view column-header .button:focus, +.content-view column-header .button:active { + background-image: linear-gradient(to bottom, + @button_background, + shade(@button_background, 0.98) + ); + border-image: linear-gradient(to bottom, + @button_border, + shade(@button_border, 0.98) + ) 0 0 1 1; + border-width: 0 0 1px 1px; + padding: 4px 2px 4px 2px; + color: @text; +} + +column-header .button:focus GtkImage, +column-header .button:focus GtkLabel, +column-header .button:active GtkImage, +column-header .button:active GtkLabel { + color: @text; +} + +/* Backdrop */ +column-header .button:backdrop { + background-image: none; + background-color: @backdrop_background; + border-image: none; + border-color: @backdrop_border; + border-width: 0 0 1px 1px; + padding: 4px 2px 4px 2px; + color: @backdrop_text; +} + +column-header .button:backdrop GtkImage, +column-header .button:backdrop GtkLabel { + color: @backdrop_text; +} + +/* Hover */ +column-header .button:hover { + background-image: linear-gradient(to bottom, + shade(@button_background, 1.2), + shade(shade(@button_background, 1.2), 0.98) + ); + padding: 4px 2px 4px 2px; + border-width: 0 0 1px 1px; + color: @text; +} + +column-header .button:hover GtkImage, +column-header .button:hover GtkLabel { + color: @text; +} + +/* Hover:Backdrop; */ +column-header .button:hover:backdrop { + background-image: linear-gradient(to bottom, + shade(@backdrop_button_background, 1.1), + shade(shade(@backdrop_button_background, 1.1), 0.98) + ); + border-width: 0 0 1px 1px; + color: @backdrop_text; +} + +column-header .button:hover:backdrop GtkImage, +column-header .button:hover:backdrop GtkLabel { + color: @backdrop_text; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/combobox.css b/Paper/gtk-3.0/widgets/combobox.css new file mode 100644 index 0000000..135672f --- /dev/null +++ b/Paper/gtk-3.0/widgets/combobox.css @@ -0,0 +1,75 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/************ + * Combobox * + ************/ + +GtkComboBox { + padding: 0; + -GtkComboBox-arrow-scaling: 0.5; + -GtkComboBox-shadow-type: none; + +} + +GtkComboBox .separator { + /* always disable separators */ + -GtkWidget-wide-separators: true; + -GtkWidget-horizontal-separator: 0; + -GtkWidget-vertical-separator: 0; +} + +.arrow { + background: none; + border: none; + color: inherit; + -GtkComboBox-arrow-scaling: 1; +} + +/****************** + * Combobox Entry * + ******************/ + +/* Button */ +.combobox-entry .button { + box-shadow: none; +} + +.combobox-entry .button:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; +} + +.combobox-entry .button:last-child { + border-radius: 0 4px 4px 0; +} + +/* Entry */ +.combobox-entry .entry { + box-shadow: none; +} + +.combobox-entry .entry:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; +} + +.combobox-entry .entry:last-child { + border-radius: 0 4px 4px 0; +} diff --git a/Paper/gtk-3.0/widgets/composited-indicator.css b/Paper/gtk-3.0/widgets/composited-indicator.css new file mode 100644 index 0000000..8e24ecd --- /dev/null +++ b/Paper/gtk-3.0/widgets/composited-indicator.css @@ -0,0 +1,101 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/*********************** +* Composited Indicator * +************************/ + +.composited-indicator { + background-color: transparent; + color: @panel_text; +} + +.composited-indicator:active { + background-color: alpha(#fff, 0.1); + color: @header; +} + +.composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; +} + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; +} + +.composited-indicator .menuitem:active, +.composited-indicator .menuitem:prelight { + border-style: none; + background-image: none; + background-color: shade(@panel, 1.05); + color: @panel_text; + box-shadow: none; +} + + +/* Images */ +.composited-indicator .menuitem:focus GtkImage, +.composited-indicator .menuitem GtkImage { + color: @text; +} + +.composited-indicator .menuitem:prelight GtkImage, +.composited-indicator .menuitem:active GtkImage, +.composited-indicator .menuitem:hover GtkImage { + color: @selection_foreground; +} + +.composited-indicator .menuitem:backdrop GtkImage, +.composited-indicator .menuitem:backdrop:hover GtkImage, +.composited-indicator .menuitem:active:backdrop GtkImage { + color: @backdrop_text; +} + +.composited-indicator .menuitem:insensitive GtkImage { + color: @insensitive_text; +} + +.composited-indicator .menuitem:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} + +/* Labels */ +.composited-indicator .menuitem:focus GtkLabel, +.composited-indicator .menuitem GtkLabel { + color: @text; +} + +.composited-indicator .menuitem:prelight GtkLabel, +.composited-indicator .menuitem:hover GtkLabel, +.composited-indicator .menuitem:active GtkLabel { + color: @selection_foreground; +} + +.composited-indicator .menuitem:backdrop GtkLabel, +.composited-indicator .menuitem:backdrop:hover GtkLabel, +.composited-indicator .menuitem:active:backdrop GtkLabel { + color: @backdrop_text; +} + +.composited-indicator .menuitem:insensitive GtkLabel { + color: @insensitive_text; +} + +.composited-indicator .menuitem:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/csd.css b/Paper/gtk-3.0/widgets/csd.css new file mode 100644 index 0000000..f4cd3b6 --- /dev/null +++ b/Paper/gtk-3.0/widgets/csd.css @@ -0,0 +1,25 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/******* + * CSD * + *******/ + +.csd.background { + border-radius: 0 0 4px 4px; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/cursor-handles.css b/Paper/gtk-3.0/widgets/cursor-handles.css new file mode 100644 index 0000000..90d162f --- /dev/null +++ b/Paper/gtk-3.0/widgets/cursor-handles.css @@ -0,0 +1,39 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/****************** + * Cursor Handles * + ******************/ + +.entry.cursor-handle, +.cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +.entry.cursor-handle.top, +.cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +.entry.cursor-handle.bottom, +.cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/destructive-action-buttons.css b/Paper/gtk-3.0/widgets/destructive-action-buttons.css new file mode 100644 index 0000000..910d816 --- /dev/null +++ b/Paper/gtk-3.0/widgets/destructive-action-buttons.css @@ -0,0 +1,150 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/****************************** + * Destructive action buttons * + ******************************/ +@define-color destructive_action_button #DC322F; +@define-color destructive_action_button_border shade(@destructive_action_button, 0.9); +@define-color destructive_action_button_foreground #fff; + +/****************************** + * Destructive action buttons * + ******************************/ + +.destructive-action.button, +.button.destructive-action { + border: 1px solid @destructive_action_button_border; + background-color: @destructive_action_button; + background-image: linear-gradient(to bottom, + @destructive_action_button, + shade(@destructive_action_button, 0.98) + ); + color: @destructive_action_button_foreground; +} + +.destructive-action.button:hover, +.button.destructive-action:hover { + border: 1px solid shade(@destructive_action_button_border, 1.1); + background-color: shade(@destructive_action_button, 1.1); + background-image: linear-gradient(to bottom, + shade(@destructive_action_button, 1.1), + shade(shade(@destructive_action_button, 1.1), 0.98) + ); + color: @destructive_action_button_foreground; +} + +.destructive-action.button:active, +.button.destructive-action:active { + border: 1px solid @destructive_action_button_border; + background-color: @destructive_action_button; + background-image: linear-gradient(to bottom, + @destructive_action_button, + shade(@destructive_action_button, 0.98) + ); + color: @destructive_action_button_foreground; +} + +.destructive-action.button:backdrop, +.button.destructive-action:backdrop { + border: 1px solid @backdrop_border; + background-color: @backdrop_background; + color: @backdrop_text; +} + +.destructive-action.button:insensitive, +.button.destructive-action:insensitive { + border: 1px solid @insensitive_border; + background-color: @insensitive_background; + color: @insensitive_text; +} + +.destructive-action.button:backdrop:insensitive, +.button.destructive-action:backdrop:insensitive { + border: 1px solid mix(@insensitive_border, @backdrop_border, 0.5); + background-color: mix(@insensitive_background, @backdrop_background, 0.5); + color: mix(@insensitive_text, @backdrop_text, 0.5); +} + +/* Images */ +.destructive-action.button GtkImage { + color: @destructive_action_button_foreground; +} + +.destructive-action.button:active GtkImage, +.destructive-action.button:focus GtkImage, +.destructive-action.button:hover GtkImage { + color: @suggested_action_button_foreground; +} + +.destructive-action.image-button:active GtkImage, +.destructive-action.image-button:focus GtkImage, +.destructive-action.image-button:hover GtkImage { + color: @suggested_action_button_foreground; +} + +.destructive-action.button:backdrop GtkImage, +.destructive-action.button:backdrop:hover GtkImage, +.destructive-action.button:active:backdrop GtkImage { + color: @backdrop_text; + -gtk-image-effect: dim; +} + +.destructive-action.button:insensitive GtkImage { + color: @insensitive_text; + -gtk-image-effect: dim; +} + +.destructive-action.button:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); + -gtk-image-effect: dim; +} + +/* Labels */ +.destructive-action.button GtkLabel { + color: @destructive_action_button_foreground; + text-shadow:0 1px alpha(#000, 0.05); +} + +.destructive-action.button:active GtkLabel, +.destructive-action.button:focus GtkLabel, +.destructive-action.button:hover GtkLabel { + color: @destructive_action_button_foreground; +} + +.destructive-action.text-button:active GtkLabel, +.destructive-action.text-button:focus GtkLabel, +.destructive-action.text-button:hover GtkLabel { + color: @destructive_action_button_foreground; +} + +.destructive-action.button:backdrop GtkLabel, +.destructive-action.button:backdrop:hover GtkLabel, +.destructive-action.button:focus:backdrop GtkLabel, +.destructive-action.button:active:backdrop GtkLabel { + color: @backdrop_text; + text-shadow:none; +} + +.destructive-action.button:insensitive GtkLabel { + color: @insensitive_text; +} + +.destructive-action.button:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/dialogs.css b/Paper/gtk-3.0/widgets/dialogs.css new file mode 100644 index 0000000..7c09bb1 --- /dev/null +++ b/Paper/gtk-3.0/widgets/dialogs.css @@ -0,0 +1,101 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color dialog_header @header; +@define-color dialog_header_text @header_text; + +@define-color backdrop_dialog_header shade(@dialog_header, 0.9); +@define-color backdrop_dialog_header_text alpha(@dialog_header, 0.5); +@define-color insensitive_dialog_header_text alpha(@dialog_header_text, 0.7); + +/*********** + * Dialogs * + ***********/ + +.prompt, +GtkMessageDialog { + -GtkDialog-button-spacing: 0; + -GtkDialog-content-area-border: 12px; +} + +/* Buttons */ +GtkMessageDialog .button { + border: 1px solid @selection; +} + +GtkMessageDialog .button:focus { + border: 1px solid @selection; +} + +/* Titlebar */ +GtkDialog .titlebar, +GtkMessageDialog .titlebar { + border: none; + background-color: @dialog_header; + color: @dialog_header_text; +} + +GtkDialog .titlebar:backdrop, +GtkMessageDialog .titlebar:backdrop { + background-color: @backdrop_dialog_header; + color: @backdrop_dialog_header_text; +} + +GtkDialog, +GtkAboutDialog, +GtkMessageDialog { + background: @background; + color: @text; + box-shadow: none; +} + + +GtkDialog:backdrop, +GtkAboutDialog:backdrop, +GtkMessageDialog:backdrop { + background: @backdrop_background; + color: @backdrop_text; + box-shadow: none; +} + +GtkDialog GtkLabel, +GtkAboutDialog GtkLabel, +GtkMessageDialog GtkLabel { + color: @text; +} + +GtkDialog .toolbar { + background-image: none; + background-color: @background; +} + +GtkFileChooserDialog .search-bar { + background-color: @base; + border-color: @background; + box-shadow: none; } + GtkFileChooserDialog .search-bar:backdrop { + background-color: white; + border-color: @background; } +GtkFileChooserDialog .dialog-action-box { + border-top: 1px solid @border; } + GtkFileChooserDialog .dialog-action-box:backdrop { + border-top-color: @backdrop_border; } + +GtkFileChooserDialog .sidebar.view.cell { + padding: 0; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/dynamic-notebook.css b/Paper/gtk-3.0/widgets/dynamic-notebook.css new file mode 100644 index 0000000..5d13537 --- /dev/null +++ b/Paper/gtk-3.0/widgets/dynamic-notebook.css @@ -0,0 +1,302 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/*************************** + * Dynamic Notebook & Tabs * + ***************************/ + +.dynamic-notebook .notebook.header { + background: none; + background-color: @background; + border: 0 solid @border; + border-radius: 0; + border: none; +} + +.dynamic-notebook .notebook.header:backdrop { + background-color: @backdrop_background; + background-image: none; + border-color: @backdrop_border; +} + +.dynamic-notebook { + background: none; + border:none; + +} + +.dynamic-notebook:backdrop { + background-clip: border-box; + background: none; + background-image: none; + border:none; +} + + +.dynamic-notebook .notebook { + /*-GtkNotebook-tab-overlap: 1px;*/ + border-width: 0; +} + +.dynamic-notebook .notebook .button { + background-image: none; + box-shadow: none; + color: shade (@foreground, 1.20); + border-image: none; +} + +.dynamic-notebook .notebook .button GtkImage, +.dynamic-notebook .notebook .button:active GtkImage { + background-image: none; + box-shadow: none; + color: @foreground; +} + +.dynamic-notebook GtkImage:insensitive { + color: @insensitive_text; +} + +.dynamic-notebook .notebook .button:hover { + background-color: alpha(#000, 0.05); + border-color: alpha(#000, 0.2); + box-shadow: inset 0 0 0 1px alpha(#000, 0.05); + color: shade (@foreground, 1.10); +} + +.dynamic-notebook .notebook .button:hover:active { + background-color: alpha(#000, 0.10); +} + +.dynamic-notebook GtkLabel { + background: none; + color: @foreground; +} + +.dynamic-notebook GtkLabel:active { + color: @foreground; + font-weight: bold; +} + +.dynamic-notebook GtkLabel:backdrop { + color: @backdrop_text; +} + +.dynamic-notebook GtkLabel:insensitive, +.dynamic-notebook .image:insensitive { + background: none; + color: @insensitive_background; +} + + +.dynamic-notebook .notebook { + -GtkNotebook-tab-overlap: 0; + border-width: 0; +} + + +.dynamic-notebook .notebook tab { + padding-top: 3px; + color: @foreground; +} + +.dynamic-notebook .notebook tab > .entry { + border-radius: 2px; + padding: 1px 5px; +} + +.dynamic-notebook .notebook tab GtkImage { + color: @foreground; +} + +.dynamic-notebook .notebook tab:active { + color: @foreground; +} + + +/* Hover */ +.dynamic-notebook tab:hover { + background-image: none; + background-color: alpha(@text, 0.05); +} + + + +.dynamic-notebook .notebook tab:active:backdrop, +.dynamic-notebook .notebook tab:backdrop { + background-color: @backdrop_background; + background-image: none; + border: 0 solid transparent; + color: @foreground; +} + +.dynamic-notebook .notebook tab:insensitive { + background-color: @insensitive_background; + border: 0 solid transparent; + color: @foreground; +} + +/*----- Tab indicator bar -----*/ + +/* Normal */ +.dynamic-notebook tab.top { + box-shadow:inset 0 -1px 0 0 @border; +} +.dynamic-notebook tab.bottom { + box-shadow:inset 0 1px 0 0 @border; +} +.dynamic-notebook tab.left { + box-shadow:inset -1px 0 0 0 @border; +} +.dynamic-notebook tab.right { + box-shadow:inset 1px 0 0 0 @border; +} + +/* Active */ +.dynamic-notebook tab.top:active { + box-shadow:inset 0 -2px 0 0 @text; +} +.dynamic-notebook tab.bottom:active { + box-shadow:inset 0 2px 0 0 @text; +} +.dynamic-notebook tab.left:active { + box-shadow:inset -2px 0 0 0 @text; +} +.dynamic-notebook tab.right:active { + box-shadow:inset 2px 0 0 0 @text; +} + +/* Active-Backdrop */ +.dynamic-notebook tab.top:active:backdrop { + box-shadow:inset 0 -2px 0 0 @backdrop_text; +} +.dynamic-notebook tab.bottom:active:backdrop { + box-shadow:inset 0 2px 0 0 @backdrop_text; +} +.dynamic-notebook tab.left:active:backdrop { + box-shadow:inset -2px 0 0 0 @backdrop_text; +} +.dynamic-notebook tab.right:active:backdrop { + box-shadow:inset 2px 0 0 0 @backdrop_text; +} + + +/* Hover */ +.dynamic-notebook tab.top:hover, +.dynamic-notebook tab.bottom:hover, +.dynamic-notebook tab.left:hover, +.dynamic-notebook tab.right:hover { + box-shadow: none; + background: shade(@background, 0.95); +} + +/* Hover-Backdrop */ +.dynamic-notebook tab.top:hover { + box-shadow:inset 0 -2px 0 0 alpha(@text, 0.1); +} +.dynamic-notebook tab.bottom:hover:backdrop { + box-shadow:inset 0 2px 0 0 alpha(@text, 0.1); +} +.dynamic-notebook tab.left:hover:backdrop { + box-shadow:inset -2px 0 0 0 alpha(@text, 0.1); +} +.dynamic-notebook tab.right:hover:backdrop { + box-shadow:inset 2px 0 0 0 alpha(@text, 0.1); +} + +/* Backdrop */ +.dynamic-notebook tab.top:backdrop { + box-shadow:inset 0 -1px 0 0 @backdrop_border; +} +.dynamic-notebook tab.bottom:backdrop { + box-shadow:inset 0 1px 0 0 @backdrop_border; +} +.dynamic-notebook tab.left:backdrop { + box-shadow:inset -1px 0 0 0 @backdrop_border; +} +.dynamic-notebook tab.right:backdrop { + box-shadow:inset 1px 0 0 0 @backdrop_border; +} + +/* Insensitive */ +.dynamic-notebook tab.top:insensitive { + box-shadow:inset 0 -1px 0 0 @insensitive_border; +} +.dynamic-notebook tab.bottom:insensitive { + box-shadow:inset 0 1px 0 0 @insensitive_border; +} +.dynamic-notebook tab.left:insensitive { + box-shadow:inset -1px 0 0 0 @insensitive_border; +} +.dynamic-notebook tab.right:insensitive { + box-shadow:inset 1px 0 0 0 @insensitive_border; +} + + +/*----- In-tab Padding -----*/ + +.dynamic-notebook tab.top { + padding: 6px 8px 8px 8px; +} + +.dynamic-notebook tab.bottom { + padding: 8px 8px 6px 8px; +} + +.dynamic-notebook tab.left { + padding: 8px; +} + +.dynamic-notebook tab.right { + padding: 8px; +} + +.dynamic-notebook .notebook tab > .button, +.dynamic-notebook .notebook tab > .button:hover, +.dynamic-notebook .notebook tab > .button:hover:active, +.notebook tab .button:hover, +.notebook tab .button:hover:active { + background-image: none; + background-color: alpha(#000, 0.02); + + border-color: @border; +} + +.dynamic-notebook .notebook tab > .button:hover:active, +.notebook tab > .button:hover:active { + background-color: alpha(#000, 0.10); +} + + +.dynamic-notebook .notebook .button.flat { + background-color: transparent; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + text-shadow: none; +} + + +.dynamic-notebook .notebook .button.flat:hover { + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + text-shadow: none; + background-color: alpha(#000,0.1); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/entry.css b/Paper/gtk-3.0/widgets/entry.css new file mode 100644 index 0000000..843d7a5 --- /dev/null +++ b/Paper/gtk-3.0/widgets/entry.css @@ -0,0 +1,140 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/********* + * Entry * + *********/ + +.entry { + background: @base; + color: @text; + padding: 6px; + border-radius: 3px; + border: 1px solid @border; +} + +.entry:active { + background-color: @base; + color: @text; + border: 1px solid @border; + box-shadow:inset 0 3px 0 1px alpha(#000, 0.05), + inset 0 1px 0 0 alpha(#000, 0.02); +} + +.entry:focus { + background-color: @base; + color: @text; + border: 1px solid shade(@selection, 0.8); + box-shadow:inset 0 0 0 1px alpha(@selection, 0.2), + inset 0 0 0 2px alpha(@selection, 0.1), + inset 0 1px 0 0 alpha(@selection, 0.3); +} + +.entry:backdrop:active, +.entry:backdrop:focus { + background-color: @backdrop_base; + color: @backdrop_text; + border: 1px solid @backdrop_border; + box-shadow:inset 0 1px 1px 0 alpha(#000, 0.1); +} + +.entry:insensitive { + background-color: @insensitive_background; + color: @insensitive_text; + box-shadow:none; +} + +.entry:selected, +.entry:selected:focus { + color: @base; + background-color: @selection; +} + +.entry:selected:backdrop { + color: @base; + background-color: @selection; +} + +.entry:backdrop { + background-color: @backdrop_background; + color: @backdrop_text; + box-shadow: none; +} + +.entry:insensitive:backdrop { + color: @backdrop_text; + box-shadow: none; + background-color: @backdrop_insensitive_background; + box-shadow: none; +} + +.entry.image { + color: @insensitive_text; +} + +.entry.image.left { + padding-right: 6px; + color: @text; +} + +/********************* + * Entry Progressbar * + *********************/ + +.entry.progressbar, +.entry.progressbar:focus { + margin: 0 2px 0 2px; + border-image: none; + border-style: none; + background: none; + background-image: linear-gradient(to top, + transparent 2px, + @base 2px, + @base 3px, + shade(@selection, 0.9) 3px, + shade(@selection, 0.9) 5px, + transparent 5px); + background-size: auto; + box-shadow: none; +} + +.entry.progressbar.pulse, +.entry.progressbar.pulse:focus { + background-image: linear-gradient(to top, + transparent 2px, + @base 2px, + @base 3px, + @border 3px, + @border 5px, + transparent 5px); +} + +.entry.progressbar:backdrop { + margin: 0 2px 0 2px; + border-image: none; + border-style: none; + background:none; + background-image: linear-gradient(to top, + transparent 2px, + @base 2px, + @base 3px, + @backdrop_selected_background 3px, + @backdrop_selected_background 5px, + transparent 5px); + box-shadow: none; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/expander.css b/Paper/gtk-3.0/widgets/expander.css new file mode 100644 index 0000000..c398a20 --- /dev/null +++ b/Paper/gtk-3.0/widgets/expander.css @@ -0,0 +1,54 @@ +/************ + * expander * + ************/ +.expander { + border: @border; + color: alpha(@foreground, 0.7); +} + +.expander:active, +.expander:hover { + border: alpha(white, 0.7); + color: alpha(white, 0.7); +} + +.expander:insensitive { + border: alpha(@insensitive_text, 0.7); + color: alpha(@insensitive_text, 0.7); +} + +.expander:backdrop { + border: alpha(@backdrop_text, 0.7); + color: alpha(@backdrop_text, 0.7); +} + + +/* Labels */ +.expander GtkLabel { + color: @text; +} + +.expander:focus GtkLabel { + /*color: shade(@text, 2.0);*/ + color: @text; +} + +.expander:active GtkLabel, +.expander:hover GtkLabel { + color: alpha(#000, 0.5); + /*color: @text;*/ +} + +.expander:backdrop GtkLabel, +.expander:backdrop:hover GtkLabel, +.expander:active:backdrop GtkLabel { + color: @backdrop_text; +} + +.expander:insensitive GtkLabel { + color: @insensitive_text; +} + +.expander:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} diff --git a/Paper/gtk-3.0/widgets/floating-bar.css b/Paper/gtk-3.0/widgets/floating-bar.css new file mode 100644 index 0000000..0666baa --- /dev/null +++ b/Paper/gtk-3.0/widgets/floating-bar.css @@ -0,0 +1,29 @@ + +/* Floating status bar */ +.floating-bar { + padding: 2px; + background-color: @background; + border-width: 1px; + border-style: solid solid none; + border-color: @border; + border-radius: 3px 3px 0 0; +} + +.floating-bar.bottom.left { /* axes left border and border radius */ + border-left-style: none; + border-top-left-radius: 0; +} + +.floating-bar.bottom.right { /* axes right border and border radius */ + border-right-style: none; + border-top-right-radius: 0; +} + +.floating-bar:backdrop { + background-color: @backdrop_background; + border-color: @backdrop_border; +} + +.floating-bar .button { + padding: 4px; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/header-bar.css b/Paper/gtk-3.0/widgets/header-bar.css new file mode 100644 index 0000000..bd7c991 --- /dev/null +++ b/Paper/gtk-3.0/widgets/header-bar.css @@ -0,0 +1,378 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +@define-color backdrop_header_text alpha(@header_text, 0.7); +@define-color insensitive_header_text alpha(@header_text, 0.5); +@define-color backdrop_header_text_dark alpha(@header_text_dark, 0.7); +@define-color insensitive_header_text_dark alpha(@header_text_dark, 0.5); + +/************** + * Header Bar * + **************/ + +.header-bar { + padding:0; + border: none; + border-radius: 4px 4px 0 0; + background-color: @header; + color: @header_text; + box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1); +} + + +.maximized .header-bar { + border-radius: 0px; + box-shadow: none; +} + +.header-bar:backdrop { + background-image: none; + background-color: @backdrop_header; + color: @backdrop_header_text; + box-shadow: none; +} + +.header-bar *:insensitive { + color: @insensitive_header_text; +} + +/* Text */ +.title, +.header-bar .title { + padding: 0; + padding-left: 13px; + padding-right: 13px; + font: Bold; + color: @header_text; +} + +.header-bar > GtkImage, +.header-bar > GtkArrow { + color: @header_text; +} + +.header-bar .button.linked .title, +.header-bar .button.flat .title { + padding: 0; +} + +.header-bar .title:backdrop { + color: @backdrop_header_text; +} + +/* Subtitle */ +.header-bar .subtitle { + padding: 0; + font: 9; +} + +.header-bar .subtitle, +.header-bar .subtitle GtkLabel, +.header-bar .subtitle GtkImage { + color: alpha(@header_text, 0.8); +} + +.header-bar .subtitle:backdrop, +.header-bar .subtitle:backdrop GtkLabel, +.header-bar .subtitle:backdrop GtkImage { + color: alpha(@backdrop_header_text,0.8); +} + +/* Counter */ +.header-bar .label.counter-label { + background-color: alpha(@header_text,0.5); + color:@header_text; +} + +/*Images*/ + +.header-bar GtkImage, +.header-bar *:active GtkImage, +.header-bar *:focus GtkImage, +.header-bar *:hover GtkImage { + color: @header_text; +} + +.header-bar *:backdrop GtkImage, +.header-bar *:backdrop:hover GtkImage, +.header-bar *:active:backdrop GtkImage { + color: @header_text; + -gtk-image-effect: dim; +} + +.header-bar *:insensitive GtkImage +.header-bar *:backdrop:insensitive GtkImage, +.header-bar *:insensitive:backdrop GtkImage { + color: @header_text; + -gtk-image-effect: dim; +} + + +/* Buttons */ +.header-bar .button, +.header-bar .flat, +.header-bar .button.image-button, +.header-bar .linked, +.header-bar .suggested-action .button, +.header-bar .button.text-button, +.header-bar .titlebutton { + background-color: transparent; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + text-shadow: none; + padding: 10px; + color: @header_text; +} + + +.header-bar .button.image-linked { + padding: 13px; +} + +/* Buttons (Hover) */ +.header-bar .button:hover, +.header-bar .flat:hover, +.header-bar .button.image-button:hover, +.header-bar .linked:hover, +.header-bar .suggested-action .button:hover, +.header-bar .button.text-button:hover, +.header-bar .titlebutton:hover { + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + text-shadow: none; + background-color: alpha(#000,0.1); + color: @header_text; +} + +/* Buttons (Backdrop) */ +.header-bar .button:backdrop, +.header-bar .flat:backdrop, +.header-bar .button.image-button:backdrop, +.header-bar .linked:backdrop, +.header-bar .suggested-action .button:backdrop, +.header-bar .button.text-button:backdrop, +.header-bar .titlebutton:backdrop { + background: none; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + text-shadow: none; + color: shade(@header_text, 1.1); +} + +/* Buttons (Insensitive) */ +.header-bar .button:insensitive, +.header-bar .flat:insensitive, +.header-bar .button.image-button:insensitive, +.header-bar .linked:insensitive, +.header-bar .suggested-action .button:insensitive, +.header-bar .button.text-button:insensitive, +.header-bar .titlebutton:insensitive { + background: none; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + text-shadow: none; + color: alpha(@header_text, 0.5); +} + +/* Buttons (Checked) */ +.header-bar .button:checked, +.header-bar .flat:checked, +.header-bar .button.image-button:checked, +.header-bar .linked:checked, +.header-bar .suggested-action .button:checked, +.header-bar .button.text-button:checked, +.header-bar .titlebutton:checked { + background-image: none; + border: none; + border-radius: 0px; + box-shadow: none; + text-shadow: none; + color: @header_text; + box-shadow:inset 0 -2px 0 0 @header_text; +} + +/* Buttons (Active/Focused) */ +.header-bar .button:focus, +.header-bar .flat:focus, +.header-bar .button.image-button:focus, +.header-bar .linked:focus, +.header-bar .suggested-action .button:focus, +.header-bar .button.text-button:focus, +.header-bar .titlebutton:focus, +.header-bar .button:active, +.header-bar .flat:active, +.header-bar .button.image-button:active, +.header-bar .linked:active, +.header-bar .suggested-action .button:active, +.header-bar .button.text-button:active, +.header-bar .titlebutton:active { + background-image: none; + border: none; + border-radius: 0px; + box-shadow: none; + text-shadow: none; + background-color: alpha(#000,0.1); + color: @header_text; +} + +/* Separators */ + +.header-bar > GtkBox > .separator.vertical { + -GtkWidget-wide-separators: 1; + -GtkWidget-separator-width: 0; + background-color: @separator; + color: @separator; + border:none; +} + +.header-bar .separator, +.header-bar .button .separator, +.header-bar .button.separator { + background: inherit; + color: @separator; + border:none; +} + + +/* Entries */ + +.header-bar .entry { + background-color: alpha(#000, 0.2); + color: @header_text; + border-radius: 2px; + padding: 6px 4px; + border: none; + box-shadow: none; +} + +.header-bar .entry.image { + color: @header_text; +} + +.header-bar .entry:active, +.header-bar .entry:focus { + background-color: @base; + color: @text; + box-shadow: none; + border: none; +} + +.header-bar .entry:active.image, +.header-bar .entry:focus.image { + padding-right: 6px; + color: @text; +} + +.header-bar .entry:backdrop { + box-shadow: none; + color: alpha(@header_text, 0.5); + border: none; +} + +.header-bar .entry.image { + color: alpha(@header_text, 0.5); +} + + +.header-bar .entry:active:backdrop, +.header-bar .entry:focus:backdrop { + background-color: alpha(@base, 0.5); + color: @text; + box-shadow: none; + border: none; +} + + +/* switches */ + +.header-bar GtkSwitch { + border-radius: 1em; + font: bold; +} + +/* Trough */ +.header-bar GtkSwitch.trough { + background: none; + border: none; + background-color: alpha(@header_text, 0.2); + color: @insensitive_header_text; + background-image: none; +} + +.header-bar GtkSwitch.trough:active { + background: none; + border: none; + background-color: alpha(@header_text, 0.2); + color: @header_text; + background-image: none; +} + +.header-bar GtkSwitch.trough:backdrop, +.header-bar GtkSwitch.trough:active:backdrop { + background: none; + border: none; + background-color: alpha(@header_text, 0.1); + color: @backdrop_header_text; + background-image: none; +} + +.header-bar GtkSwitch.trough:insensitive, +.header-bar GtkSwitch.trough:active:insensitive { + background: none; + background: none; + border: none; + color: @insensitive_header_text; + background-image: none; +} + +/* Slider */ +.header-bar GtkSwitch.slider, +.header-bar GtkSwitch.slider:active { + background: none; + border: none; + background-color: @header_text; + background-image: none; + color: @header_text; +} + +.header-bar GtkSwitch.slider:active:insensitive, +.header-bar GtkSwitch.slider:insensitive { + background: none; + border: none; + background-color: @insensitive_header_text; + background-image: none; + color: @insensitive_header_text; +} + +.header-bar GtkSwitch.slider:active:backdrop, +.header-bar GtkSwitch.slider:backdrop { + background: none; + border: none; + background-color: @backdrop_header_text; + background-image: none; + color: @backdrop_header_text; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/images.css b/Paper/gtk-3.0/widgets/images.css new file mode 100644 index 0000000..6af587f --- /dev/null +++ b/Paper/gtk-3.0/widgets/images.css @@ -0,0 +1,80 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/********* + * Images * + **********/ + +*:active GtkImage, +*:focus GtkImage, +*:hover GtkImage { + color: @selection_foreground; +} + +*:backdrop GtkImage, +*:backdrop:hover GtkImage, +*:active:backdrop GtkImage { + color: @backdrop_text; + /*-gtk-image-effect: dim;*/ +} + +*:insensitive GtkImage { + color: @insensitive_text; + -gtk-image-effect: dim; +} + +*:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); + -gtk-image-effect: dim; +} + +/******************* + * Symbolic Images * + *******************/ + +.image { + color: @internal_element; +} + +.image:hover { + color: @internal_element_prelight; +} + +.image:selected, +.image:selected:hover { + color: @selection_foreground; +} + +.view.image:backdrop, +.image:backdrop { + color: @backdrop_text; +} +.view.image:insensitive, +.image:insensitive { + color: @insenstive_text; +} + +.view.image, +.view.image:hover { + color: @view_symbolic; +} + +.view.image:selected, +.view.image:selected:hover { + color: @selection_foreground; +} diff --git a/Paper/gtk-3.0/widgets/infobars.css b/Paper/gtk-3.0/widgets/infobars.css new file mode 100644 index 0000000..76447b4 --- /dev/null +++ b/Paper/gtk-3.0/widgets/infobars.css @@ -0,0 +1,100 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color infobar_background @selection; +@define-color infobar_foreground #fff; + +/* Success colors */ +@define-color success #4bae4f; +@define-color success_foreground #fff; +@define-color success_text_shadow alpha(#fff, 0.2); +@define-color success_background @success; +@define-color success_border shade(@info_background, 0.9); + +/* Info colors */ +@define-color info #2095f2; +@define-color info_foreground #333333; +@define-color info_text_shadow alpha(#fff, 0.2); +@define-color info_background @info; +@define-color info_border shade(@info_background, 0.9); + +/* Warning colors */ +@define-color warning #fec006; +@define-color warning_foreground #333333; +@define-color warning_text_shadow alpha(#fff, 0.2); +@define-color warning_background @warning; +@define-color warning_border shade(@warning_background, 0.9); + +/* Question colors */ +@define-color question #4ab3e4; +@define-color question_foreground #fff; +@define-color question_text_shadow alpha(#000, 0.2); +@define-color question_background @question; +@define-color question_border shade(@question_background, 0.9); + +/* Error colors */ +@define-color error #f34235; +@define-color error_foreground #fff; +@define-color error_text_shadow alpha(#000, 0.5); +@define-color error_background @error; +@define-color error_border shade(@error_background, 0.9); + +/************** + * GtkInfoBar * + **************/ + +.info, +GtkInfoBar { + background-color: @background; + background-image: linear-gradient(to bottom, + @background, + shade(@background, 0.98) + ); + color: @foreground; + border-style: solid; + border-color: @border; + border-bottom-width: 1px; +} + +.info GtkLabel, +GtkInfoBar GtkLabel { + color: @foreground; +} + +GtkInfoBar .entry, +GtkInfoBar .menu { + color: @foreground; +} + +GtkInfoBar GtkLabel:insensitive { + color: @insensitive_text; +} + +GtkInfoBar .button, +GtkInfoBar .button:focus, +.dynamic-notebook GtkInfoBar .button { + color: @selection_foreground; +} + +GtkInfoBar .button:active, +GtkInfoBar .button:hover:active { + color: @selection_foreground; +} + +GtkInfoBar .button:insensitive { +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/inline-toolbars.css b/Paper/gtk-3.0/widgets/inline-toolbars.css new file mode 100644 index 0000000..6e33e14 --- /dev/null +++ b/Paper/gtk-3.0/widgets/inline-toolbars.css @@ -0,0 +1,173 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/******************* + * Inline Toolbars * + *******************/ + +.inline-toolbar.toolbar { + background-color: @base; + border: solid @border; + border-width: 0 1px 1px 1px; + color: @text; + box-shadow: none; +} + +.inline-toolbar.toolbar:backdrop { + background-color: @backdrop_base; + box-shadow: none; + -gtk-image-effect: dim; +} + +.inline-toolbar.toolbar:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; +} + +.inline-toolbar.toolbar:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; +} + +/* Buttons */ +.inline-toolbar.toolbar .button, +.inline-toolbar.toolbar .text-button, +.inline-toolbar.toolbar .image-button { + border: none; + background: none; + color: @text; + border-radius: 0px; + padding: 13px; +} + +.inline-toolbar.toolbar .button:active +.inline-toolbar.toolbar .text-button:active, +.inline-toolbar.toolbar .image-button:active { + border: none; + color: @text; + box-shadow: none; + padding: 13px; +} + +.inline-toolbar.toolbar .button .raised +.inline-toolbar.toolbar .text-button .raised, +.inline-toolbar.toolbar .image-button .raised { + border: none; + color: @text; + box-shadow: none; + padding: 13px; +} + +/* Hover */ +.inline-toolbar.toolbar .button:hover, +.inline-toolbar.toolbar .button:active:hover +.inline-toolbar.toolbar .text-button:hover, +.inline-toolbar.toolbar .text-button:active:hover, +.inline-toolbar.toolbar .image-button:hover, +.inline-toolbar.toolbar .image-button:active:hover { + padding: 13px; + border: none; + background-color: alpha(#000, 0.1); + color: @text; + box-shadow: none; +} + +/* Insensitive */ +.inline-toolbar.toolbar .button:insensitive, +.inline-toolbar.toolbar .text-button:insensitive, +.inline-toolbar.toolbar .image-button:insensitive { + color: @insensitive_header_text; + -gtk-image-effect: dim; +} + + +/* Backdrop */ +.inline-toolbar.toolbar .button:backdrop, +.inline-toolbar.toolbar .button:active:backdrop +.inline-toolbar.toolbar .text-button:backdrop, +.inline-toolbar.toolbar .text-button:active:backdrop, +.inline-toolbar.toolbar .image-button:backdrop, +.inline-toolbar.toolbar .image-button:active:backdrop { + color: @backdrop_text; + border: none; + padding: 13px; +} + +/* Insensitive:Backdrop; */ +.inline-toolbar.toolbar .button:insensitive:backdrop, +.inline-toolbar.toolbar .text-button:insensitive:backdrop, +.inline-toolbar.toolbar .image-button:insensitive:backdrop { + padding: 13px; + border: none; + color: mix(@backdrop_text, @insensitive_text, 0.5); +} + + +/* Images */ +.inline-toolbar.toolbar .button GtkImage { + color: @text; +} + +.inline-toolbar.toolbar .button:active GtkImage, +.inline-toolbar.toolbar .button:focus GtkImage, +.inline-toolbar.toolbar .button:hover GtkImage { + color: @text; +} + +.inline-toolbar.toolbar .button:backdrop GtkImage, +.inline-toolbar.toolbar .button:backdrop:hover GtkImage, +.inline-toolbar.toolbar .button:active:backdrop GtkImage { + color: @backdrop_text; + -gtk-image-effect: dim; +} + +.inline-toolbar.toolbar .button:insensitive GtkImage { + color: @insensitive_text; + -gtk-image-effect: dim; +} + +.inline-toolbar.toolbar .button:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); + -gtk-image-effect: dim; +} + +/* Labels */ +.inline-toolbar.toolbar .button GtkLabel { + color: @text; +} + +.inline-toolbar.toolbar .button:active GtkLabel, +.inline-toolbar.toolbar .button:focus GtkLabel, +.inline-toolbar.toolbar .button:hover GtkLabel { + color: @text; +} + +.inline-toolbar.toolbar .button:backdrop GtkLabel, +.inline-toolbar.toolbar .button:backdrop:hover GtkLabel, +.inline-toolbar.toolbar .button:active:backdrop GtkLabel { + color: @backdrop_text; +} + +.inline-toolbar.toolbar .button:insensitive GtkLabel { + color: @insensitive_text; +} + +.inline-toolbar.toolbar .button:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/labels.css b/Paper/gtk-3.0/widgets/labels.css new file mode 100644 index 0000000..596f6d6 --- /dev/null +++ b/Paper/gtk-3.0/widgets/labels.css @@ -0,0 +1,61 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/********** + * Labels * + **********/ + +.label, +.label GtkLabel, +GtkLabel { + color: inherit; +} + +.dim-label, +.dim-label GtkLabel { + color: @insensitive_text; +} + +.label:active, +.label:focus, +.label:hover, +*:active GtkLabel, +*:focus GtkLabel, +*:hover GtkLabel { + color: inherit; +} + +.label:backdrop, +.label:backdrop:hover, +.label:active:backdrop, +*:backdrop GtkLabel, +*:backdrop:hover GtkLabel, +*:active:backdrop GtkLabel { + color: inherit; +} + +.label:insensitive, +*:insensitive GtkLabel { + color: inherit; +} + +.label:insensitive:backdrop, +*:insensitive:backdrop GtkLabel { + color: inherit; +} + diff --git a/Paper/gtk-3.0/widgets/levelbars.css b/Paper/gtk-3.0/widgets/levelbars.css new file mode 100644 index 0000000..ef144c3 --- /dev/null +++ b/Paper/gtk-3.0/widgets/levelbars.css @@ -0,0 +1,95 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/************* + * Level Bar * + *************/ + +GtkLevelBar { + -GtkLevelBar-min-block-width: 34; + -GtkLevelBar-min-block-height: 3; + border-radius: 2px; +} + +GtkLevelBar.vertical { + -GtkLevelBar-min-block-width: 3; + -GtkLevelBar-min-block-height: 34; + border-radius: 2px; +} + +.level-bar.trough, +.level-bar.trough:backdrop { + border: 1px solid @border; + background: @base; + border-radius: 0px; + padding:1px; +} + +.level-bar.fill-block { + border: 1px solid @selected_border; + background-color: @selection; +} + +.level-bar.fill-block:backdrop { + background-color: shade(@backdrop_background, 0.95); + border: 1px solid @backdrop_border; +} + +.level-bar.indicator-continuous.fill-block { + padding: 2px; + border-radius: 4px; +} + +.level-bar.fill-block:backdrop, +.level-bar.fill-block.level-high:backdrop, +.level-bar.fill-block.level-low:backdrop { + background-color: @backdrop_border; + border-color: @backdrop_border; + background-image: none; +} + +.level-bar.indicator-discrete.fill-block.horizontal { + border-radius: 4px; + margin: 0 1px; +} + +.level-bar.indicator-discrete.fill-block.vertical { + border-radius: 4px; + margin: 1px 0; +} + +.level-bar.fill-block.level-high { + border-color: shade(@success, 0.9); + background-color: @success; +} + +.level-bar.fill-block.level-low { + border-color: shade(@warning, 0.9); + background-color: @warning; +} + +.level-bar.fill-block.empty-fill-block { + background: none; + background-image: none; + border-color: alpha(@foreground, 0.1); +} + +.level-bar.fill-block.empty-fill-block:backdrop { + border-color: transparent; + background: none; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/linked-buttons.css b/Paper/gtk-3.0/widgets/linked-buttons.css new file mode 100644 index 0000000..f0ca6c2 --- /dev/null +++ b/Paper/gtk-3.0/widgets/linked-buttons.css @@ -0,0 +1,103 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/********* +* Linked * +*********/ + +/* Middle button */ +.linked entry, +.linked button, +.linked .entry, +.linked .button { + border-left-width: 0; + border-radius: 0; +} + +/* Leftmost button */ +.linked entry:first-child, +.linked button:first-child, +.linked .entry:first-child, +.linked .button:first-child, +.linked > GtkComboBox:first-child > .button { + border-width: 1px; + border-bottom-right-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 2.5px; + border-top-left-radius: 2.5px; +} + +/* Rightmost button */ +.linked entry:last-child, +.linked button:last-child, +.linked .entry:last-child, +.linked .button:last-child, +.linked > GtkComboBox:last-child > .button { + border-left-width: 0; + border-bottom-right-radius: 2.5px; + border-top-right-radius: 2.5px; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +/* Linked single button */ +.linked entry:only-child, +.linked button:only-child, +.linked .entry:only-child, +.linked .button:only-child { + border-right-width: 1px; + border-left-width: 1px; + border-radius: 2.5px; +} + +/* Middle button (vertical) */ +.linked.vertical entry, +.linked.vertical button, +.linked.vertical .entry, +.linked.vertical .button { + border-left-width: 1px; + border-bottom-width: 0; + border-radius: 0; +} + +/* Top button (vertical) */ +.linked.vertical entry:first-child, +.linked.vertical button:first-child, +.linked.vertical .entry:first-child, +.linked.vertical .button:first-child { + border-radius: 2.5px 2.5px 0 0; +} + +/* Bottom button (vertical) */ +.linked.vertical entry:last-child, +.linked.vertical button:last-child, +.linked.vertical .entry:last-child, +.linked.vertical .button:last-child { + border-bottom-width: 1px; + border-radius: 0 0 2.5px 2.5px; +} + +/* Linked single button (vertical) */ +.linked.vertical entry:only-child, +.linked.vertical button:only-child, +.linked.vertical .entry:only-child, +.linked.vertical .button:only-child { + border-top-width: 1px; + border-bottom-width: 1px; + border-radius: 2.5px; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/links.css b/Paper/gtk-3.0/widgets/links.css new file mode 100644 index 0000000..2fa9165 --- /dev/null +++ b/Paper/gtk-3.0/widgets/links.css @@ -0,0 +1,75 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +@define-color link #02f; +@define-color backdrop_link shade(@link, 1.1); +@define-color visited_link shade(@link, 0.9); + +/********* + * Links * + *********/ +*:link, .button:link, .header-bar .button.titlebutton:link, +.titlebar .button.titlebutton:link, .button:visited, .header-bar .button.titlebutton:visited, +.titlebar .button.titlebutton:visited { + color: @visited_link; +} + +*:link:visited, +.button:visited, +.header-bar .button.titlebutton:visited, +.titlebar .button.titlebutton:visited { + color: @visited_link; +} + +*:selected *:link:visited, +*:selected .button:visited { + color: @visited_link; +} + +*:link:hover, +.button:hover:link, +.button:hover:visited { + color: @backdrop_link; +} + +*:selected *:link:hover, +*:selected .button:hover:link, +*:selected .button:hover:visited { + color: shade(@link, 1.1); +} + +*:link:active, +.button:active:link, +.button:active:visited { + color: @visited_link; +} + +*:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { + color: @selection_foreground; +} + +*:link:backdrop, .button:backdrop:link, .button:backdrop:visited, *:link:backdrop:hover, .button:backdrop:hover:link, .button:backdrop:hover:visited, *:link:backdrop:hover:selected, .button:backdrop:hover:selected:link, .button:backdrop:hover:selected:visited, .titlebar.selection-mode .subtitle:backdrop:hover:link, +.header-bar.selection-mode .subtitle:backdrop:hover:link { + color: @backdrop_link; +} + +*:link:selected, .button:selected:link, .button:selected:visited, .titlebar.selection-mode .subtitle:link, +.header-bar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { + color: @selected; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/list-rows.css b/Paper/gtk-3.0/widgets/list-rows.css new file mode 100644 index 0000000..da0b299 --- /dev/null +++ b/Paper/gtk-3.0/widgets/list-rows.css @@ -0,0 +1,38 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/*********** + * List Rows * + ***********/ + +.list-row { + padding: 5px 8px; + border-width: 0px; + background: none; + color: @text; +} + +.list-row:selected { + background-color: @selection; + color: @selection_foreground; +} + +.list-row:hover { + background-color: shade(@selection, 1.1); + color: @selection_foreground; +} diff --git a/Paper/gtk-3.0/widgets/menu-button.css b/Paper/gtk-3.0/widgets/menu-button.css new file mode 100644 index 0000000..506746f --- /dev/null +++ b/Paper/gtk-3.0/widgets/menu-button.css @@ -0,0 +1,83 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/*************** + * Menu Button * + ***************/ + +.menu-button { + color: @text; +} + +.menu-button .menu, +.menu-button .menu GtkLabel, +.menu-button.image-button .menu, +.menu-button.image-button .menu GtkLabel { + color: @text; +} + +.menu-button .menu:backdrop GtkLabel, +.menu-button .menuitem:backdrop GtkLabel +.menu-button.image-button .menu:backdrop GtkLabel, +.menu-button.image-button .menuitem:backdrop GtkLabel { + color: @backdrop_text; +} + +.menu-button .menu:insensitive GtkLabel, +.menu-button .menuitem:insensitive GtkLabel, +.menu-button.image-button .menu:insensitive GtkLabel, +.menu-button.image-button .menuitem:insensitive GtkLabel { + color: @insensitive_text; +} + +.menu-button .menu .accelerator, +.menu-button .menu .accelerator:insensitive, +.menu-button .menuitem .accelerator, +.menu-button .menuitem .accelerator:insensitive +.menu-button .menu .menuitem .accelerator, +.menu-button .menu .menuitem .accelerator:insensitive, +.menu-button.image-button .menu .accelerator, +.menu-button.image-button .menu .accelerator:insensitive, +.menu-button.image-button .menuitem .accelerator, +.menu-button.image-button .menuitem .accelerator:insensitive +.menu-button.image-button .menu .menuitem .accelerator, +.menu-button.image-button .menu .menuitem .accelerator:insensitive { + color: @insensitive_text; +} + +.menu-button.separator { + color: @separator; +} + +.menu-button:hover { +} + +.menu-button:insensitive { + color: @insensitive_text; +} + +.menu-button:hover, +.menu-button:active, +.menu-button:active:insensitive, +.menu-button:insensitive, +.menu-button { +} + +GtkMenuButton.button:active, +GtkMenuButton.button.raised:active { +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/menubars.css b/Paper/gtk-3.0/widgets/menubars.css new file mode 100644 index 0000000..3517c7e --- /dev/null +++ b/Paper/gtk-3.0/widgets/menubars.css @@ -0,0 +1,173 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/*********** + * Menubar * + ***********/ + +.menubar { + background-color: @header; + color: @header_text; +} + +.menubar:backdrop { + background-color: @backdrop_header; + color: @backdrop_header_text; +} + +.menubar .menuitem { + background: none; + color: @header_text; + + -gtk-icon-style: symbolic; +} + +.menubar.menuitem:active, +.menubar .menuitem:active { + background: none; + color: @selection; + box-shadow:inset 0 -3px 0 0 @selection; +} + +.menubar .menuitem:backdrop { + background: none; + color: @backdrop_header_text; +} + +.menubar .menuitem:hover { + background-color: @selection; + color: @selection_foreground; + box-shadow:inset 0 -3px 0 0 @selection; +} + +/* Separator */ +.menubar.menuitem.separator { + color: @separator; +} + +/* Images */ +.menubar .menuitem GtkImage { + color: @header_text; +} + +.menubar .menuitem:active GtkImage, +.menubar .menuitem:focus GtkImage, +.menubar .menuitem:hover GtkImage { + color: @selection_foreground; +} + +.menubar .menuitem:backdrop GtkImage, +.menubar .menuitem:backdrop:hover GtkImage, +.menubar .menuitem:active:backdrop GtkImage { + color: @backdrop_header_text; + /*-gtk-image-effect: dim;*/ +} + +.menubar .menuitem:insensitive GtkImage { + color: @insensitive_header_text; + /*-gtk-image-effect: dim;*/ +} + +.menubar .menuitem:insensitive:backdrop GtkImage { + color: mix(@backdrop_header_text, @insensitive_header_text, 0.5); + /*-gtk-image-effect: dim;*/ +} + +/* Labels */ +.menubar .menuitem GtkLabel { + color: @header_text; +} + +.menubar .menuitem:active GtkLabel, +.menubar .menuitem:focus GtkLabel, +.menubar .menuitem:hover GtkLabel { + color: @selection_foreground; +} + + +.menubar .menuitem:backdrop GtkLabel, +.menubar .menuitem:active:backdrop GtkLabel { + color: @backdrop_header_text; +} + +.menubar .menuitem:backdrop:hover GtkLabel { + color: @backdrop_text; + /* color: alpha (#000, 0.6); */ +} + +.menubar .menuitem:insensitive GtkLabel { + color: @insensitive_header_text; +} + +.menubar .menuitem:insensitive:backdrop GtkLabel { + color: mix(@backdrop_header_text, @insensitive_header_text, 0.5); +} + +/* Images */ +.menubar .menu .menuitem GtkImage { + color: @text; +} + +.menubar .menu .menuitem:active GtkImage, +.menubar .menu .menuitem:focus GtkImage, +.menubar .menu .menuitem:hover GtkImage { + color: @selection_foreground; +} + +.menubar .menu .menuitem:backdrop GtkImage, +.menubar .menu .menuitem:backdrop:hover GtkImage, +.menubar .menu .menuitem:active:backdrop GtkImage { + color: @backdrop_text; + /*-gtk-image-effect: dim;*/ +} + +.menubar .menu .menuitem:insensitive GtkImage { + color: @insensitive_text; + /*-gtk-image-effect: dim;*/ +} + +.menubar .menu .menuitem:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); + /*-gtk-image-effect: dim;*/ +} + +/* Labels */ +.menubar .menu .menuitem GtkLabel { + color: @text; +} + +.menubar .menu .menuitem:active GtkLabel, +.menubar .menu .menuitem:focus GtkLabel, +.menubar .menu .menuitem:hover GtkLabel { + color: @selection_foreground; +} + +.menubar .menu .menuitem:backdrop GtkLabel, +.menubar .menu .menuitem:backdrop:hover GtkLabel, +.menubar .menu .menuitem:active:backdrop GtkLabel { + color: @backdrop_text; +} + +.menubar .menu .menuitem:insensitive GtkLabel { + color: @insensitive_text; +} + +.menubar .menu .menuitem:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/menus.css b/Paper/gtk-3.0/widgets/menus.css new file mode 100644 index 0000000..cf509e0 --- /dev/null +++ b/Paper/gtk-3.0/widgets/menus.css @@ -0,0 +1,147 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/******** + * Menu * + ********/ + +.content-view .menu, +.context-menu, +.menu, +.popup { + padding: 4px 0; + border-radius: 4px; + box-shadow: 0 2px 4px 0 alpha(#000,0.1), + inset 0 1px 0 0 alpha(#fff,0.1); + background-color: @background; + color: @text; +} + +/* Menu Item */ +.menuitem { + border:none; + padding: 8px 4px; + + -GtkMenuItem-arrow-scaling: 0.5; + -gtk-icon-style: symbolic; +} + +/* Active */ +.menuitem:active { + background-color: @selection; + color: @selection_foreground; + -gtk-icon-style: symbolic; +} + +/* Hover*/ +.menuitem:hover { + background-color: @selection; + color: @selection_foreground; + -gtk-icon-style: symbolic; +} + +.menuitem:backdrop, +.menu .menuitem:backdrop { + box-shadow: none; + border: none; +} + +.menuitem:insensitive, +.menu .menuitem:insensitive { + box-shadow: none; + color: @insensitive_text; + border: none; +} + +/* Arrows */ +.menu .menuitem.arrow { + color: @text; + -GtkComboBox-arrow-scaling: 0.5; +} + +.menu .menuitem.arrow { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} +.menu .menuitem.arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +/* Separator color */ +.menuitem.separator { + border: none; + color: @border; + -GtkMenuItem-horizontal-padding: 0; + -GtkWidget-separator-height: 1; +} + +.menuitem .entry { + border: none; + background-color: @base; + background-image: none; +} + +.menuitem .entry:active, +.menuitem .entry:focus { + border: none; +} + +/* Accelerators */ +.menuitem .accelerator, +.menuitem .accelerator:insensitive { + background: none; + color: @insensitive_text; +} + +.menuitem .accelerator:hover, +.menuitem .accelerator:active { + background: none; +} + + +/* Menu Text */ +.menuitem GtkLabel { + padding-left: 2px; + padding-right: 2px; + color: @text; +} + +.menuitem:hover GtkLabel { + color: @selection_foreground; +} + +/* Menu Text */ +.menuitem GtkLabel:insensitive { + color: @insensitive_text; +} + +.menu .menuitem GtkLabel, +.popup .menuitem GtkLabel { + padding-left: 6px; +} + +/* Menu Image */ +.menuitem GtkImage { + padding-left: 2px; + padding-right: 2px; + color: @text; +} + +.menuitem:hover GtkImage, +.menu .menuitem:hover GtkImage { + color: @selection_foreground; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/message-dialogs.css b/Paper/gtk-3.0/widgets/message-dialogs.css new file mode 100644 index 0000000..446c45f --- /dev/null +++ b/Paper/gtk-3.0/widgets/message-dialogs.css @@ -0,0 +1,229 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/****************** +* Message Dialogs * +*******************/ + +.message-dialog { + padding: 0px; + padding-top: 8px; + /*background: @background;*/ + -GtkDialog-button-spacing: 0; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.window-frame.message-dialog, +.window-frame.message-dialog:backdrop { + border-radius: 4px; +} + +.message-dialog.csd { + border-radius: 5px; + background: @background; + box-shadow: 0 3px 6px alpha (#000, 0.16), + 0 3px 6px alpha (#000, 0.23); + padding-top: 8px; + margin: 0; +} + +.message-dialog.csd.background { + padding: 0px; + margin: 0px; + background: @background; + box-shadow: none; +} + +/* Buttons */ +.message-dialog.csd .dialog-action-area { + padding: 0; +} + +.message-dialog .dialog-action-area .button { + border: none; + border-radius: 0; + padding: 0; + font: bold; + /*padding: 8px;*/ +} + +.message-dialog.csd .dialog-action-area .button { + border-radius: 2px; + border: none; + background-image: none; + background-color: transparent; + color: @text; +} + +.message-dialog.csd .dialog-action-area .button:hover { + border: none; + background-image: none; + background-color: @selection; + color: @selection_foreground; +} + +.message-dialog.csd .dialog-action-area .button:active, +.message-dialog.csd .dialog-action-area .button:active:hover { + border: none; + border-radius: 2px; + background-image: none; + background-color: alpha(#000, 0.2); + color: @text; +} + +.message-dialog.csd .dialog-action-area .button:insensitive { + border: none; + background-image: none; + background-color: @insensitive_background; + color: @insensitive_text; +} + +.message-dialog.csd .dialog-action-area .button:backdrop { + border: none; + background-image: none; + background-color: @backdrop_background; + color: @backdrop_text; +} + +.message-dialog.csd .dialog-action-area .button:backdrop:insensitive { + border: none; + background-image: none; + background-color: mix(@insensitive_background, @backdrop_background, 0.5); + color: mix(@insensitive_text, @backdrop_text, 0.5); +} + +/* Suggested Action Button */ +.message-dialog.csd .dialog-action-area .button.suggested-action { + background-image: none; + border: 0px solid @suggested_action_button; + background-color: @suggested_action_button; + color: @suggested_action_button_foreground; +} + +.message-dialog.csd .dialog-action-area .button.suggested-action:hover { + background-image: none; + border: 0px solid shade(@suggested_action_button, 1.2); + background-color: shade(@suggested_action_button, 1.2); + color: @suggested_action_button_foreground; +} + +.message-dialog.csd .dialog-action-area .button.suggested-action:active { + background-image: none; + border: 0px solid shade(@suggested_action_button, 1.1); + background-color: shade(@suggested_action_button, 1.1); + color: @suggested_action_button_foreground; +} + +.message-dialog.csd .dialog-action-area .button.suggested-action:backdrop { + background-image: none; + border: 0px solid @backdrop_border; + background-color: @backdrop_background; + color: @backdrop_text; +} + +.message-dialog.csd .dialog-action-area .button.suggested-action:insensitive { + background-image: none; + border: 0px solid @insensitive_border; + background-color: @insensitive_background; + color: @insensitive_text; +} + +.message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive { + background-image: none; + border: 0px solid mix(@insensitive_border, @backdrop_border, 0.5); + background-color: mix(@insensitive_background, @backdrop_background, 0.5); + color: mix(@insensitive_text, @backdrop_text, 0.5); +} + + +/* Destructive Action Button */ +.message-dialog.csd .dialog-action-area .button.destructive-action { + background-image: none; + border: 0px solid @destructive_action_button_border; + background-color: @destructive_action_button; + color: @destructive_action_button_foreground; +} + +.message-dialog.csd .dialog-action-area .button.destructive-action:hover { + background-image: none; + border: 0px solid shade(@destructive_action_button_border, 1.1); + background-color: shade(@destructive_action_button, 1.1); + color: @destructive_action_button_foreground; +} + +.message-dialog.csd .dialog-action-area .button.destructive-action:active { + background-image: none; + border: 0px solid @destructive_action_button_border; + background-color: @destructive_action_button; + color: @destructive_action_button_foreground; +} + +.message-dialog.csd .dialog-action-area .button.destructive-action:backdrop { + background-image: none; + border: 0px solid @backdrop_border; + background-color: @backdrop_background; + color: @backdrop_text; +} + +.message-dialog.csd .dialog-action-area .button.destructive-action:insensitive { + background-image: none; + border: 0px solid @insensitive_border; + background-color: @insensitive_background; + color: @insensitive_text; +} + +.message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive { + background-image: none; + border: 0px solid mix(@insensitive_border, @backdrop_border, 0.5); + background-color: mix(@insensitive_background, @backdrop_background, 0.5); + color: mix(@insensitive_text, @backdrop_text, 0.5); +} + +.message-dialog.csd .dialog-action-area .button, +.message-dialog.csd .dialog-action-area .button:hover, +.message-dialog.csd .dialog-action-area .button:active, +.message-dialog.csd .dialog-action-area .button:insensitive, +.message-dialog.csd .dialog-action-area .button:backdrop, +.message-dialog.csd .dialog-action-area .button:backdrop:insensitive, +.message-dialog.csd .dialog-action-area .button.suggested-action, +.message-dialog.csd .dialog-action-area .button.suggested-action:hover, +.message-dialog.csd .dialog-action-area .button.suggested-action:active, +.message-dialog.csd .dialog-action-area .button.suggested-action:backdrop, +.message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive, +.message-dialog.csd .dialog-action-area .button.suggested-action:insensitive, +.message-dialog.csd .dialog-action-area .button.destructive-action, +.message-dialog.csd .dialog-action-area .button.destructive-action:hover, +.message-dialog.csd .dialog-action-area .button.destructive-action:active, +.message-dialog.csd .dialog-action-area .button.destructive-action:backdrop, +.message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive, +.message-dialog.csd .dialog-action-area .button.destructive-action:insensitive { + background-image: none; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; +} + +.message-dialog.csd .dialog-action-area .button:last-child { + /*border-bottom-right-radius: 7px;*/ +} + +.message-dialog.csd .dialog-action-area .button:first-child { + border-left-style: none; + /*border-bottom-left-radius: 7px;*/ +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/miscellaneous.css b/Paper/gtk-3.0/widgets/miscellaneous.css new file mode 100644 index 0000000..482191c --- /dev/null +++ b/Paper/gtk-3.0/widgets/miscellaneous.css @@ -0,0 +1,94 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/********* + * text * + *********/ +.h1 { font: 24; } +.h2 { font: 18; } +.h3 { font: 12; } + + +/************* + * assistant * + *************/ +GtkAssistant .sidebar .highlight { + font: bold; +} + +GtkAssistant .sidebar { + padding: 3px; + border-right-width: 3px; + border-style: solid; + border-right-color: @border; + border-radius: 0; + background-color: @background; + color: mix(@foreground, @background, 0.1); +} + + +/************************* + * touch text selections * + *************************/ +GtkBubbleWindow { + border-radius: 4px; + background-clip: border-box; +} + +GtkBubbleWindow.osd.background { + background-color: @osd_background; +} + +GtkBubbleWindow .toolbar { + background: none; +} + + +/* dnd */ +.view.dim-label, +.dim-label, +.dim-label:hover, +.dim-label:focus { + color: mix(@foreground, @background, 0.5); +} + +.dim-label:selected, +.dim-label:selected:focus { + color: mix(@selection_foreground, @selection, 0.5); +} + +.dnd { + border: 1px solid shade(@selection, 0.9); +} + +.grip { + background: none; +} + +.arrow { + color: alpha(@foreground, 0.7); +} + +/********* + * Links * + *********/ + +*:link, +*:visited { + color: @link; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/notebook.css b/Paper/gtk-3.0/widgets/notebook.css new file mode 100644 index 0000000..c8671f1 --- /dev/null +++ b/Paper/gtk-3.0/widgets/notebook.css @@ -0,0 +1,328 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/******************* + * Notebook & Tabs * + *******************/ + +.notebook { + background-color: @base; + box-shadow:0 0 0 1px @border; + background-clip: border-box; +} + +.notebook.header { + border: none; + background-color: @background; +} + +.notebook.header, +.notebook.header:backdrop { + border-width: 0px; +} + +.notebook.header.frame.top, +.notebook.header.frame.top:backdrop {/* + border-top: 1px solid @border; + border-left: 1px solid @border; + border-right: 1px solid @border;*/ + border:none; +} + +.notebook.header.frame.bottom, +.notebook.header.frame.bottom:backdrop { + /*border-bottom: 1px solid @border; + border-left: 1px solid @border; + border-right: 1px solid @border;*/ + border:none; +} + +.notebook.header.frame.left, +.notebook.header.frame.left:backdrop { + /*border-top: 1px solid @border; + border-bottom: 1px solid @border; + border-left: 1px solid @border;*/ + border:none; +} + +.notebook.header.frame.right, +.notebook.header.frame.right:backdrop { + /*border-top: 1px solid @border; + border-bottom: 1px solid @border; + border-right: 1px solid @border;*/ + border:none; +} + +.notebook.frame { + /*FIXME: Move the border down here so devs have more control*/ + border: none; +} + +.notebook GtkViewport { + background-color: @base; + border:none; +} + +.notebook:insensitive, +.notebook GtkViewport:insensitive { + background-color: @insensitive_background; + border-color: @insensitive_border; + color: @insensitive_text; +} + +.notebook:backdrop, +.notebook GtkViewport:backdrop { + background-color: @backdrop_background; + border-color: @backdrop_border; + color: @backdrop_text; +} + +.notebook:insensitive:backdrop, +.notebook GtkViewport:insensitive:backdrop { + background-color: @backdrop_insensitive_background; + border-color: @backdrop_border; +} + +/* Labels */ +.notebook GtkLabel, +.notebook:active GtkLabel, +.notebook:focus GtkLabel, +.notebook:hover GtkLabel { + color: @text; +} + +.notebook:backdrop GtkLabel, +.notebook:backdrop:hover GtkLabel, +.notebook:active:backdrop GtkLabel { + color: @backdrop_text; +} + +.notebook:insensitive GtkLabel { + color: @insensitive_text; +} + +.notebook:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} + + +/*----- Tabs -----*/ + +.notebook tab { + /*border: none;*/ + border-radius: 0; + padding-top: 3px; + background: @background; + color: @foreground; +} + +.notebook tab > .entry { + border-radius: 2px; + padding: 2px 5px; +} + +.notebook tab:active { + border: none; + background: @background; + color: @foreground; +} + +.notebook tab:hover { + color: alpha(#fff, 0.3); + transition: all 300ms cubic-bezier(0.3, 0.5, 0.5, 0.9); +} + +.notebook tab:backdrop { + border: none; + background: @backdrop_background; + color: @backdrop_text; +} + +.notebook tab:insensitive { + border: none; + background: @insensitive_background; + color: @insensitive_text; +} + +/*----- Tab indicator bar -----*/ + +/* Normal */ +.notebook tab.top { + box-shadow:inset 0 -1px 0 0 @border; +} +.notebook tab.bottom { + box-shadow:inset 0 1px 0 0 @border; +} +.notebook tab.left { + box-shadow:inset -1px 0 0 0 @border; +} +.notebook tab.right { + box-shadow:inset 1px 0 0 0 @border; +} + +/* Hover */ +.notebook tab.top:hover, +.notebook tab.bottom:hover, +.notebook tab.left:hover, +.notebook tab.right:hover { + box-shadow: none; + background: shade(@background, 0.95); +} + +/* Active */ +.notebook tab.top:active { + box-shadow:inset 0 -2px 0 0 @text; +} +.notebook tab.bottom:active { + box-shadow:inset 0 2px 0 0 @text; +} +.notebook tab.left:active { + box-shadow:inset -2px 0 0 0 @text; +} +.notebook tab.right:active { + box-shadow:inset 2px 0 0 0 @text; +} + +/* Active-Backdrop */ +.notebook tab.top:active:backdrop { + box-shadow:inset 0 -2px 0 0 @backdrop_border; +} +.notebook tab.bottom:active:backdrop { + box-shadow:inset 0 2px 0 0 @backdrop_border; +} +.notebook tab.left:active:backdrop { + box-shadow:inset -2px 0 0 0 @backdrop_border; +} +.notebook tab.right:active:backdrop { + box-shadow:inset 2px 0 0 0 @backdrop_border; +} + +/* Backdrop */ +.notebook tab.top:backdrop { + box-shadow:inset 0 -1px 0 0 @backdrop_border; +} +.notebook tab.bottom:backdrop { + box-shadow:inset 0 1px 0 0 @backdrop_border; +} +.notebook tab.left:backdrop { + box-shadow:inset -1px 0 0 0 @backdrop_border; +} +.notebook tab.right:backdrop { + box-shadow:inset 1px 0 0 0 @backdrop_border; +} + +/* Insensitive */ +.notebook tab.top:insensitive { + box-shadow:inset 0 -1px 0 0 @insensitive_border; +} +.notebook tab.bottom:insensitive { + box-shadow:inset 0 1px 0 0 @insensitive_border; +} +.notebook tab.left:insensitive { + box-shadow:inset -1px 0 0 0 @insensitive_border; +} +.notebook tab.right:insensitive { + box-shadow:inset 1px 0 0 0 @insensitive_border; +} + +/*----- In-tab Padding -----*/ + +.notebook tab.top { + padding: 6px 8px 8px 8px; +} + +.notebook tab.bottom { + padding: 8px 8px 6px 8px; +} + +.notebook tab.left { + padding: 8px; +} + +.notebook tab.right { + padding: 8px; +} + + +/*----- Labels -----*/ + +.notebook tab GtkLabel { + background: none; + color: @backdrop_text; +} + +.notebook tab:active GtkLabel, +.notebook .active-page, +.notebook tab .active-page GtkLabel { + background: none; + color: @foreground; + font-weight: bold; + text-shadow: 0 1px alpha(@base,0.2); +} + +.notebook tab:backdrop GtkLabel, +.notebook tab GtkLabel:backdrop { + background: none; + color: @backdrop_text; +} + +/*----- Close Button -----*/ + +.notebook tab .button, +.notebook tab .button:active, +.notebook tab .button:hover { + color: @backdrop_text; + background-image: none; + background: none; + border-radius: 4px; + padding: 2px; + box-shadow: none; +} + + +.notebook tab .button GtkImage { + color: @backdrop_text; +} + +.notebook tab .button:hover GtkImage, +.notebook tab .button:active GtkImage { + color: @selection_foreground; +} + +.notebook tab .button:backdrop GtkImage { + color: @backdrop_text; +} + +.notebook tab .button:hover { + color: @foreground; + background-color: alpha(#000, 0.1); +} + +.notebook tab .button:active, +.notebook tab .button:active:hover { + color: @selection_foreground; + background-color: @selection; +} + +.notebook tab .button:backdrop { + color: mix(@backdrop_foreground, @backdrop_base, 0.7); +} + +.notebook tab .button:backdrop:hover { + color: @backdrop_foreground; +} diff --git a/Paper/gtk-3.0/widgets/osd.css b/Paper/gtk-3.0/widgets/osd.css new file mode 100644 index 0000000..8e410ce --- /dev/null +++ b/Paper/gtk-3.0/widgets/osd.css @@ -0,0 +1,331 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color osd_background alpha(#000, 0.7); +@define-color osd_background_backdrop shade(@osd_background, 0.9); +@define-color osd_foreground @selection; +@define-color osd_lowlight alpha(#fff, 0.2); +@define-color osd_button_border alpha(#fff, 0); +@define-color osd_button_inset @osd_button_border; + +/******* + * OSD * + *******/ +.background.osd { + color: @osd_foreground; + background-color: @osd_background; +} + +.background.osd:backdrop { + background-color: @osd_background_backdrop; +} + +GtkOverlay.osd { + background: none; +} + +.osd.frame { + background-clip: border-box; + background-origin: border-box; +} + +/* OSD Buttons */ + +.osd .button, +.osd.toolbar .button, +.osd.toolbar .button.image-button, +.osd.toolbar .text-button, +.osd.toolbar GtkToolButton .button { + background-color: transparent; + background-image: none; + padding: 4px; + border-width: 1px 0; + border-radius: 0; + border: none; + box-shadow: none; +} + +.osd.toolbar .button:first-child { + padding: 4px; + border-radius: 2px 0 0 2px; + border-width: 1px 0 1px 1px; + box-shadow: inset -1px 0 @osd_button_inset; +} + +.osd.toolbar .button:last-child { + padding: 4px; + box-shadow: none; + border-radius: 0 2px 2px 0; + border-width: 1px 1px 1px 0; +} + +.osd.toolbar .button:only-child, +.osd.toolbar .button.image-button, +.osd.toolbar .text-button, +.osd.toolbar GtkToolButton .button, +.osd.toolbar GtkToolButton:only-child .button, +.osd.toolbar GtkToolButton:last-child .button, +.osd.toolbar GtkToolButton:first-child .button { + border-width: 1px; + border-radius: 2px; + border-style: solid; + padding: 4px; + box-shadow: none; + border: none; +} + +.osd .button:hover, +.osd .button:active:hover +.osd.toolbar .button:hover, +.osd.toolbar .button:active:hover, +.osd.toolbar .button.image-button:hover, +.osd.toolbar .button.image-button:active:hover +.osd.toolbar GtkToolButton .button:hover, +.osd.toolbar GtkToolButton .button:active:hover { + padding: 4px; + border: none; + border-radius: 2px; + box-shadow: none; + background: alpha(#fff, 0.1); + color: @osd_foreground; +} + +.osd .button:active, +.osd.toolbar .button:active, +.osd.toolbar .button.image-button:active +.osd.toolbar GtkToolButton .button:active { + padding: 4px; + border-radius: 2px; + box-shadow: none; + border: none; + background: alpha(#fff, 0.2); + color: @osd_foreground; +} + +.osd .button:backdrop, +.osd.toolbar .button:backdrop, +.osd.toolbar .button.image-button:backdrop +.osd.toolbar GtkToolButton .button:backdrop, +.osd .button:active:backdrop, +.osd.toolbar .button:active:backdrop, +.osd.toolbar .button.image-button:active:backdrop +.osd.toolbar GtkToolButton .button:active:backdrop { + padding: 4px; + border-radius: 2px; + box-shadow: none; + border: none; + background: alpha(#fff, 0.1); + color: alpha(@osd_foreground, 0.8); +} + +.osd .button:insensitive, +.osd.toolbar .button:insensitive { + background-image: none; + background-color: @osd_button_background_insensitive; +} + +.osd .button:active:insensitive { + background-image: none; + background-color: @osd_button_background_insensitive_active; +} + +.osd .button:backdrop { + background-image: none; + background-color: @osd_button_background_backdrop; +} + +.osd .button:backdrop:hover, +.osd .button:backdrop:active:hover { + background-image: none; + background-color: @osd_button_background_backdrop_hover; +} + +.osd .button:backdrop:active { + background-image: none; + background-color: @osd_button_background_backdrop_active; +} + +.osd .button:backdrop:insensitive, +.osd .button:backdrop:insensitive:active { + background-image: none; + background-color: @osd_button_background_backdrop_insensitive; +} + +.osd .button:hover { + color: @osd_button_foreground_hover; +} + +.osd .button:active, +.osd .button:hover:active { + color: @osd_button_foreground_active; +} + +.osd .button:insensitive, +.osd .button:active *:insensitive { + color: @osd_button_foreground_insensitive; +} + +.osd .button:backdrop, +.osd .button:backdrop:insensitive, +.osd .button:backdrop:active *:insensitive { + color: @osd_button_foreground_backdrop; +} + +.osd .button:backdrop:active { + color: @osd_button_foreground_backdrop_active; +} + +.osd .button:active, +.osd .button:active:hover, +.osd GtkMenuButton.button:active { +} + +.osd GtkMenuButton.button:active { + background: none; + border-color: @osd_button_border; +} + +.osd GtkMenuButton.button:active { + color: @osd_button_foreground_active; + text-shadow: 0 -1px @osd_button_shadow; +} + +/* OSD Toolbar */ + +.osd.toolbar { + color: @osd_foreground; + padding: 10px; + border-style: none; + border-radius: 4px; + background-color: @osd_background; + + -GtkToolbar-button-relief: normal; +} + +.osd.toolbar:backdrop { + background-image: none; + background-color: @osd_background_backdrop; +} + +.osd.toolbar .separator { + color: shade(@osd_lowlight, 0.80); +} + +/* used by gnome-settings-daemon's media-keys OSD */ +.osd.trough { + background-color: @osd_trough_background; +} + +.osd.progressbar { + background-color: @osd_foreground; +} + +.osd .scale.trough { + border-color: @osd_button_border; + background: none; +} + +.osd .scale.trough.highlight { + border-color: mix(@osd_button_border, @selection_color, 0.70); +} + +.osd .scale.trough:insensitive, +.osd .scale.trough.highlight:insensitive { + border-color: shade(@osd_button_border, 0.60); + background-image: none; + background: none; +} + +.osd GtkProgressBar, +GtkProgressBar.osd { + padding: 0; + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 3px; + -GtkProgressBar-min-horizontal-bar-height: 3px; +} + +.osd GtkProgressBar.trough, +GtkProgressBar.osd.trough { + padding: 0; + border-image: none; + border-style: none; + border-width: 0; + background-image: none; + background: none; + border-radius: 0; +} + +.osd GtkProgressBar.progressbar, +GtkProgressBar.osd.progressbar { + border-style: none; + background-color: @selection_color; + background-image: none; + border-radius: 0; +} + +.osd .view, +.osd.view { + background-color: @osd_view_background; +} + +.osd .view:backdrop, +.osd.view:backdrop { + background-color: @osd_view_background_backdrop; +} + +.osd .scrollbar.trough { + background-color: @osd_scrollbar_trough; +} + +.osd .scrollbar.trough:backdrop { + background-color: @osd_scrollbar_trough_backdrop; +} + +.osd .scrollbar.slider { + background-color: @osd_scrollbar_slider; +} + +.osd .scrollbar.slider:hover { + background-color: @osd_scrollbar_slider_prelight; +} + +.osd .scrollbar.slider:active { + background-color: @osd_scrollbar_slider_active; +} + +.osd GtkIconView.cell:selected, +.osd GtkIconView.cell:selected:focus { + background: none; + + border-style: solid; + border-radius: 15px; + border-width: 3px; + border-color: @osd_button_foreground; + + outline-color: transparent; +} + +/* used by Documents */ +.osd .page-thumbnail { + border-style: solid; + border-width: 1px; + border-color: @osd_lowlight; + + /* when there's no pixbuf yet */ + background-color: @osd_background; +} diff --git a/Paper/gtk-3.0/widgets/overflow.css b/Paper/gtk-3.0/widgets/overflow.css new file mode 100644 index 0000000..fffeedf --- /dev/null +++ b/Paper/gtk-3.0/widgets/overflow.css @@ -0,0 +1,129 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/********** +* Overflow * +***********/ + +.overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.top:backdrop { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#a8a8a8), to(rgba(168, 168, 168, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#a8a8a8), to(rgba(168, 168, 168, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.left:backdrop { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#a8a8a8), to(rgba(168, 168, 168, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +.overshoot.right:backdrop { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#a8a8a8), to(rgba(168, 168, 168, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + + +.undershoot.top { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent 3px, transparent); +} + +.undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2) 3%, transparent, rgba(0, 0, 0, 0.02) 25%, transparent); +} + +.undershoot.left { + background-color: transparent; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent 2px, transparent); +} + +.undershoot.right { + background-color: transparent; + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent 2px, transparent); +} + +.undershoot.sidebar { + background-color: transparent; +} + +.undershoot:backdrop { +} diff --git a/Paper/gtk-3.0/widgets/popovers.css b/Paper/gtk-3.0/widgets/popovers.css new file mode 100644 index 0000000..36f1192 --- /dev/null +++ b/Paper/gtk-3.0/widgets/popovers.css @@ -0,0 +1,207 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/************************* + * Touch text selections * + *************************/ + +GtkPopover { + padding: 2px; + border-radius: 6px; + background-clip: border-box; + background-color: @background; + border: 1px solid alpha(#000, 0.3); + box-shadow: 0 2px 3px 2px @menu_shadow; + margin: 10px; + color: @text; +} + +GtkPopover.osd { + background-color: @osd_popover_background; + border-color: @border; + box-shadow: 0 2px 8px 3px alpha(@menu_shadow, 0.4), inset 0 1px 0 0 @osd_popover_background; + color: darker(white); +} + + +/* Buttons */ +GtkPopover .button, +GtkPopover .button .image-button { + background-color: @base; + color: @text; +} + +GtkPopover .button:focus, +GtkPopover .button .image-button:focus { + color: shade(@text, 0.8); +} + +GtkPopover .button:hover, +GtkPopover .button .image-button:hover { + color: @selection; +} + +GtkPopover .button:active, +GtkPopover .button .image-button:active { + background-color: @selection; + color: shade(@text, 0.8); +} + +GtkPopover .button:active:hover, +GtkPopover .button .image-button:active:hover { + background-color: shade(@selection, 1.1); + color: @selection_foreground; +} + +GtkPopover .button:insensitive, +GtkPopover .button .image-button:insensitive { + color: @insensitive_text; +} + +GtkPopover .button:backdrop, +GtkPopover .button .image-button:backdrop { + color: @backdrop_text; +} + + +/* Linked Buttons */ +GtkPopover .linked .button, +GtkPopover .linked .button .image-button { + border: 1px solid @border; + background-color: @base; + color: @text; +} + +GtkPopover .linked .button:focus, +GtkPopover .linked .button .image-button:focus { + color: shade(@text, 0.8); +} + +GtkPopover .linked .button:hover, +GtkPopover .linked .button .image-button:hover { + color: @selection; +} + +GtkPopover .linked .button:active, +GtkPopover .linked .button .image-button:active { + background-color: @selection; + color: shade(@text, 0.8); +} + +GtkPopover .linked .button:active:hover, +GtkPopover .linked .button .image-button:active:hover { + background-color: shade(@selection, 1.1); + color: shade(@text, 0.8); +} + +GtkPopover .linked .button:insensitive, +GtkPopover .linked .button .image-button:insensitive { + color: @insensitive_text; +} + +GtkPopover .linked .button:backdrop, +GtkPopover .linked .button .image-button:backdrop { + color: @backdrop_text; +} + + +GtkPopover .linked .button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +GtkPopover .linked .button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +/* Separator */ +GtkPopover .separator { + font-size: 80%; + font-weight: bold; + color: @border; + background: none; + border: 0; +} + +GtkPopover.osd > .toolbar .button { + border-radius: 0px; + border-width: 0px; +} + + +/* Images */ +GtkPopover .button:focus GtkImage, +GtkPopover .button GtkImage { + color: @text; +} + +GtkPopover .button:active GtkImage { + color: @selection_foreground; +} + +GtkPopover .button:hover GtkImage, +GtkPopover .image-button:hover GtkImage { + color: shade(@text, 2.0); +} + +GtkPopover .button:backdrop GtkImage, +GtkPopover .button:backdrop:hover GtkImage, +GtkPopover .button:active:backdrop GtkImage { + color: @backdrop_text; + /*-gtk-image-effect: dim;*/ +} + +GtkPopover .button:insensitive GtkImage { + color: @insensitive_text; + /*-gtk-image-effect: dim;*/ +} + +GtkPopover .button:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); + /*-gtk-image-effect: dim;*/ +} + +/* Labels */ +GtkPopover .button:focus GtkLabel, +GtkPopover .button GtkLabel { + color: @text; +} + +GtkPopover .button:active GtkLabel { + color: @selection_foreground; +} + +GtkPopover .button:hover GtkLabel { + color: shade(@text, 2.0); +} + +GtkPopover .button:backdrop GtkLabel, +GtkPopover .button:backdrop:hover GtkLabel, +GtkPopover .button:active:backdrop GtkLabel { + color: @backdrop_text; +} + +GtkPopover .button:insensitive GtkLabel { + color: @insensitive_text; +} + +GtkPopover .button:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/progressbars.css b/Paper/gtk-3.0/widgets/progressbars.css new file mode 100644 index 0000000..4fc9445 --- /dev/null +++ b/Paper/gtk-3.0/widgets/progressbars.css @@ -0,0 +1,199 @@ + +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color progressbar_background @progress_color; +@define-color backdrop_progressbar_background shade(@progressbar_background, 1.2); +@define-color insensitive_progressbar_background shade(@insensitive_background, 0.85); + +@define-color progressbar_border shade(@progressbar_background, 0.7); +@define-color backdrop_progressbar_border shade(@progressbar_border, 1.3); +@define-color insensitive_progressbar_border shade(@insensitive_border, 0.85); + +@define-color progressbar_trough_background @base; +@define-color backdrop_progressbar_trough_background shade(@progressbar_trough_background, 1.2); +@define-color insensitive_progressbar_trough_background shade(@insensitive_background, 0.85); + +@define-color progressbar_trough_border shade(@progressbar_trough_background, 0.8); +@define-color backdrop_progressbar_trough_border shade(@progressbar_trough_border, 1.05); +@define-color insensitive_progressbar_trough_border shade(@insensitive_border, 0.85); + + +/**************** + * Progress bar * + ****************/ + +GtkProgressBar { + padding: 0; + border: 1px solid; + border-radius: 4px; +} + +GtkProgressBar.progressbar { + box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1); + border-color: @progressbar_border; + color: @text; + background-color: @progressbar_background; +} + +GtkProgressBar.progressbar:active { + border-color: @progressbar_border; + color: @text; + background-color: @progressbar_background; +} + +GtkProgressBar.progressbar:backdrop, +GtkProgressBar.progressbar:active:backdrop { + border-color: @backdrop_progressbar_border; + color: @backdrop_text; + background-color: @backdrop_progressbar_background; + box-shadow: none; +} + +GtkProgressBar.trough { + border-color: @progressbar_trough_border; + background-color: @progressbar_trough_background; +} + +GtkProgressBar.trough:backdrop { + border-color: @backdrop_progressbar_trough_border; + background-color: @backdrop_progressbar_trough_background; +} + +GtkProgressBar.trough:insensitive { + border-color: @insensitive_progressbar_trough_border; + background-color: @insensitive_progressbar_trough_background; +} + +.trough, +.trough.vertical { + padding: 0; + border: 1px solid @progressbar_trough_border; + background-color: @progressbar_trough_background; +} + +.trough:insensitive, +.trough.vertical:insensitive { + background-image:none; + background-color:@insensitive_progressbar_trough_background; + border: 1px solid @insensitive_rough_border; +} + +.trough:backdrop, +.trough.vertical:backdrop { + padding: 0; + border: 1px solid @backdrop_progressbar_trough_border; + background-color: @backdrop_progressbar_trough_background; +} + + +/******************** + * Row Progressbars * + ********************/ + +.progressbar row, +.progressbar row:hover, +.progressbar row:selected, +.progressbar row:selected:focus, +.progressbar.vertical row, +.progressbar.vertical row:hover, +.progressbar.vertical row:selected, +.progressbar.vertical row:selected:focus { + border: 1px solid @progressbar_border; + border-radius: 4px; + padding: 0; + color: alpha(#000,0.5); + background-color: @selection; +} + +.progressbar row:insensitive, +.progressbar row:hover:insensitive, +.progressbar row:selected:insensitive, +.progressbar row:selected:focus:insensitive, +.progressbar.vertical row:insensitive, +.progressbar.vertical row:hover:insensitive, +.progressbar.vertical row:selected:insensitive, +.progressbar.vertical row:selected:focus:insensitive { + border: 1px solid @insensitive_progressbar_border; + border-radius: 4px; + padding: 0; + color: alpha(#000,0.5); + background-color: @selection; +} + +.progressbar row:backdrop, +.progressbar row:hover:backdrop, +.progressbar row:selected:backdrop, +.progressbar row:selected:focus:backdrop, +.progressbar.vertical row:backdrop, +.progressbar.vertical row:hover:backdrop, +.progressbar.vertical row:selected:backdrop, +.progressbar.vertical row:selected:focus:backdrop { + border: 1px solid @backdrop_progressbar_border; + border-radius: 4px; + padding: 0; + color: alpha(#000,0.5); + background-color: @backdrop_progressbar_background; + box-shadow: none; +} + +.trough row, +.trough row:hover, +.trough row:selected, +.trough row:selected:focus, +.trough.vertical row, +.trough.vertical row:hover, +.trough.vertical row:selected, +.trough.vertical row:selected:focus { + border: 1px solid alpha(#000, 0.2); + border-radius: 4px; + padding: 0; + color: alpha(#000,0.5); + background-color: @progressbar_trough_background; +} + + +.trough row:insensitive, +.trough row:hover:insensitive, +.trough row:selected:insensitive, +.trough row:selected:focus:insensitive, +.trough.vertical row:insensitive, +.trough.vertical row:hover:insensitive, +.trough.vertical row:selected:insensitive, +.trough.vertical row:selected:focus:insensitive { + border: 1px solid alpha(#000, 0.2); + border-radius: 4px; + padding: 0; + color: alpha(#000,0.5); + background-color: @insensitive_progressbar_trough_background; +} + +.trough row:backdrop, +.trough row:hover:backdrop, +.trough row:selected:backdrop, +.trough row:selected:focus:backdrop, +.trough.vertical row:backdrop, +.trough.vertical row:hover:backdrop, +.trough.vertical row:selected:backdrop, +.trough.vertical row:selected:focus:backdrop { + border: 1px solid alpha(#000, 0.2); + border-radius: 4px; + padding: 0; + color: alpha(#000,0.5); + background-color: @backdrop_progressbar_trough_background; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/scales.css b/Paper/gtk-3.0/widgets/scales.css new file mode 100644 index 0000000..72aff0d --- /dev/null +++ b/Paper/gtk-3.0/widgets/scales.css @@ -0,0 +1,124 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for morbordere details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color scale_background @progress_color; +@define-color scale_border shade(@scale_background, 0.7); +@define-color backdrop_scale_background shade(@scale_background, 0.95); +@define-color insensitive_scale_background shade(@scale_background, 1.2); + +/********** + * Scales * + **********/ + +.scale { + -GtkScale-slider-length: 16px; + -GtkRange-slider-width: 16px; + -GtkRange-trough-border: 0px; + border-radius: 0; +} + +/* Positive fill colors */ +.scale.highlight.left, +.scale.vertical.highlight.bottom, +.menubar .menuitem .scale.highlight.left, +.menubar .menuitem .scale.highlight.bottom { + border: 1px solid @scale_background; + background-color: @scale_background; +} + +/* Insensitive fill colors */ +.scale.highlight.left:insensitive, +.scale.highlight.bottom:insensitive, +.menubar .menuitem .scale.highlight.left:insensitive, +.menubar .menuitem .scale.highlight.bottom:insensitive { + border: 1px solid @insensitive_scale_background; + background-color: @insensitive_scale_background; +} + +/* Backdrop fill colors */ +.scale.vertical.highlight.left:backdrop, +.scale.vertical.highlight.bottom:backdrop, +.menubar .menuitem.scale.highlight.left:backdrop, +.menubar .menuitem.scale.highlight.bottom:backdrop { + border: 1px solid @backdrop_scale_background; + background-color: @backdrop_scale_background; +} + +/*********** + * Troughs * + ***********/ + +/* Margins */ +.scale.trough { + border-width: 1px; + margin: 7px 0; +} + +.scale.trough.vertical { + border-width: 1px; + margin: 0 7px; +} + +/* Trough colors */ +.scale.trough, +.scale.trough.vertical { + border: 1px solid @trough_background; + background-color: @trough_background; +} + +/* Hover trough colors */ +.scale.trough:hover, +.scale.trough.vertical:hover { + border: 1px solid @border; + background-color: @border; +} + +/* Insensitive trough colors */ +.scale.trough:insensitive, +.scale.trough.vertical:insensitive { + border: 1px solid @insensitive_trough_background; + background-color: @insensitive_trough_background; +} + +/* Backdrop trough colors */ +.scale.trough:backdrop, +.scale.trough.vertical:backdrop { + border: 1px solid @backdrop_trough_background; + background-color: @backdrop_trough_background; +} + +/**************** + * Progress Bar * + ****************/ +.scale.progressbar +.scale.progressbar.vertical { + background-color: @scale_background; + border: 1px solid @scale_background; +} + +.scale.progressbar:insensitive, +.scale.progressbar.vertical:insensitive { + background-color: @insensitive_trough_background; + border: 1px solid @insensitive_trough_background; +} + +.scale.progressbar:backdrop, +.scale.progressbar.vertical:backdrop { + background-color: @backdrop_trough_background; + border: 1px solid @backdrop_trough_background; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/scrollbars.css b/Paper/gtk-3.0/widgets/scrollbars.css new file mode 100644 index 0000000..a18aaa0 --- /dev/null +++ b/Paper/gtk-3.0/widgets/scrollbars.css @@ -0,0 +1,135 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color scrollbar_slider shade(@foreground,1.2); +@define-color scrollbar_slider_backdrop shade(@scrollbar_slider,0.95); +@define-color scrollbar_slider_insensitive shade(@scrollbar_slider,1.05); + +@define-color scrollbar_trough transparent; +@define-color scrollbar_trough_insensitive shade(@scrollbar_trough,0.95); +@define-color scrollbar_trough_backdrop shade(@scrollbar_trough,0.95); + +/************** + * Scrollbars * + **************/ + +.scrollbar { + background-image: none; + border-style: solid; + border: 1px solid transparent; + -GtkRange-trough-border: 2; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkRange-slider-width: 6; + -GtkScrollbar-min-slider-length: 30; + + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; +} + +/* Slider */ +.scrollbar.slider { + background-color: alpha(@foreground, 0.2); + border-radius: 10px; +} + +.scrollbar.slider:hover { + background-color: @selection; + background-image: none; +} + +.scrollbar.slider:active. +.scrollbar.slider:prelight:active { + background-color: shade(@selection, 1.2); + background-image: none; +} + +.scrollbar.slider:insensitive { + background-color: alpha(@insensitive_foreground, 0.2); +} + +.scrollbar.slider:backdrop { + background-color: alpha(@backdrop_foreground, 0.2); +} + +.scrollbar.slider.fine-tune:prelight:active { + background-image: none; + border: 3px solid transparent; +} + + +/* Troughs */ +.scrollbars-junction, /* the small square between scrollbars!!! */ +.scrollbar.trough { + /*border-radius: 10px;*/ + background-image: none; + background:@background; + border-width: 0; + border-image: none; +} + +.scrollbar.trough:insensitive { + background: none; + border: 3px solid transparent; +} + +.scrollbars-junction:backdrop, +.scrollbar.trough:backdrop { + background-image: none; + background: none; + border-width: 0; + border-radius: 0; + border-image: none; +} + +.scrollbar.trough:insensitive:backdrop { + background-image: none; + background: none; + border-width: 0; + border-radius: 0; + border-image: none; +} + +/********************** + * Overlay Scrollbars * + *********************/ +OsThumb { + color: @selection; +} + +OsThumb:selected, +OsScrollbar:selected { + background-color: @selection; +} + +OsThumb:active, +OsScrollbar:active { + background-color: @selection; +} + +OsThumb:active:backdrop, +OsScrollbar:active:backdrop, +OsThumb:backdrop, +OsScrollbar:backdrop { + background-color: @backdrop_text; +} + +OsThumb:insensitive, +OsScrollbar:insensitive { + background-color: @insensitive_text; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/search-bars.css b/Paper/gtk-3.0/widgets/search-bars.css new file mode 100644 index 0000000..1cc9e90 --- /dev/null +++ b/Paper/gtk-3.0/widgets/search-bars.css @@ -0,0 +1,231 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color searchbar shade(@base, 0.95); + +/*************** + * Search bars * + ***************/ + +.search-bar.toolbar, +.search-bar { + padding: 4px 0; + background-color: @searchbar; + box-shadow: inset 0 -1px 1px -2px alpha(#000, 0.5); + color: @foreground; + border-bottom: 1px solid @border; +} + + +.search-bar.toolbar .entry GtkImage { + color: @foreground; +} + +.search-bar.toolbar .entry:backdrop GtkImage { + color: @backdrop_foreground; +} + +.search-bar.toolbar:focus, +.search-bar:focus { + background-color: @searchbar; + box-shadow: inset 0 -3px 3px -4px alpha(#000, 0.5); + color: @foreground; +} + +.search-bar.toolbar:backdrop, +.search-bar:backdrop { + background-color: shade(@searchbar, 0.99); + box-shadow: inset 0 -3px 3px -4px alpha(#000, 0.1); + color: @backdrop_text; +} + +/*********** + * Buttons * + ***********/ + +.search-bar.toolbar .button, +.search-bar.toolbar .text-button, +.search-bar.toolbar .image-button { + border: none; + background: none; + color: @foreground; + border-radius: 0px; + padding: 13px; +} + +.search-bar.toolbar .button:active +.search-bar.toolbar .text-button:active, +.search-bar.toolbar .image-button:active { + border: none; + color: @foreground; + box-shadow: inset 0 -2px 0 0 @foreground; + padding: 13px; +} + +/* Hover */ +.search-bar.toolbar .button:hover, +.search-bar.toolbar .button:active:hover +.search-bar.toolbar .text-button:hover, +.search-bar.toolbar .text-button:active:hover, +.search-bar.toolbar .image-button:hover, +.search-bar.toolbar .image-button:active:hover { + padding: 13px; + border: none; + background-color: alpha(#000, 0.1); + color: @foreground; + box-shadow: none; +} + +/* Insensitive */ +.search-bar.toolbar .button:insensitive, +.search-bar.toolbar .text-button:insensitive, +.search-bar.toolbar .image-button:insensitive { + background: none; + color: @insensitive_text; + -gtk-image-effect: dim; +} + +/* Backdrop */ +.search-bar.toolbar .button:backdrop, +.search-bar.toolbar .button:active:backdrop +.search-bar.toolbar .text-button:backdrop, +.search-bar.toolbar .text-button:active:backdrop, +.search-bar.toolbar .image-button:backdrop, +.search-bar.toolbar .image-button:active:backdrop { + background: none; + color: @backdrop_text; + border: none; + padding: 13px; +} + +/* Insensitive:Backdrop; */ +.search-bar.toolbar .button:insensitive:backdrop, +.search-bar.toolbar .text-button:insensitive:backdrop, +.search-bar.toolbar .image-button:insensitive:backdrop { + padding: 13px; + border: none; + color: mix(@backdrop_text, @insensitive_text, 0.5); +} + + +/* Images */ +.search-bar.toolbar GtkImage, +.search-bar.toolbar .button GtkImage { + color: @foreground; +} + +.search-bar.toolbar .button:active GtkImage, +.search-bar.toolbar .button:focus GtkImage, +.search-bar.toolbar .button:hover GtkImage { + color: @foreground; +} + +.search-bar.toolbar:backdrop GtkImage, +.search-bar.toolbar .button:backdrop GtkImage, +.search-bar.toolbar .button:backdrop:hover GtkImage, +.search-bar.toolbar .button:active:backdrop GtkImage { + color: @backdrop_text; + -gtk-image-effect: dim; +} + +.search-bar.toolbar:insensitive GtkImage, +.search-bar.toolbar .button:insensitive GtkImage { + color: @insensitive_text; + -gtk-image-effect: dim; +} + +.search-bar.toolbar .button:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); + -gtk-image-effect: dim; +} + +/* Labels */ +.search-bar.toolbar .button GtkLabel { + color: @foreground; +} + +.search-bar.toolbar .button:active GtkLabel, +.search-bar.toolbar .button:focus GtkLabel, +.search-bar.toolbar .button:hover GtkLabel { + color: @foreground; +} + +.search-bar.toolbar .button:backdrop GtkLabel, +.search-bar.toolbar .button:backdrop:hover GtkLabel, +.search-bar.toolbar .button:active:backdrop GtkLabel { + color: @backdrop_text; +} + +.search-bar.toolbar .button:insensitive GtkLabel { + color: @insensitive_text; +} + +.search-bar.toolbar .button:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} + +/******************** + * Search bar entry * + ********************/ + +.search-bar .entry, +.search-bar.toolbar .entry { + background: none; + color: @foreground; + border-radius: 0px; + border: none; + box-shadow: none; +} + +.search-bar .entry:selected, +.search-bar.toolbar .entry:selected +.search-bar .entry:selected:focus, +.search-bar.toolbar .entry:selected:focus { + color: @base; + background-color: @selection; + box-shadow: none; +} + +.search-bar .entry:active, +.search-bar .entry:focus, +.search-bar.toolbar .entry:active, +.search-bar.toolbar .entry:focus { + background: none; + color: @foreground; + border: none; + box-shadow: none; +} + +.search-bar .entry:backdrop, +.search-bar.toolbar .entry:backdrop { + background: none; + color: @backdrop_text; + border: none; + box-shadow: none; +} + +.search-bar .entry.image, +.search-bar.toolbar .entry.image { + color: @foreground; +} + +.search-bar .entry.image.left, +.search-bar.toolbar .entry.image.left { + padding-right: 6px; + color: @foreground; +} diff --git a/Paper/gtk-3.0/widgets/selection-mode.css b/Paper/gtk-3.0/widgets/selection-mode.css new file mode 100644 index 0000000..8e9adbb --- /dev/null +++ b/Paper/gtk-3.0/widgets/selection-mode.css @@ -0,0 +1,149 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/************************* + * Selection Mode Colors * + *************************/ + +@define-color selection_mode_background #347D9F; +@define-color selection_mode_foreground @base; +@define-color selection_mode_background_backdrop shade(@selection_mode_background, 0.8); +@define-color selection_mode_foreground_backdrop alpha(@selection_mode_foreground, 0.5); + + +/****************** + * Selection Mode * + ******************/ +.selection-mode { + color: @selection_mode_foreground; + background-color: @selection_mode_background; + border: none; +} +.selection-mode.header-bar, +.selection-mode.toolbar { + color: @selection_mode_foreground; + background-color: @selection_mode_background; + border: none; +} + +.titlebar.selection-mode .selection-menu .arrow, +.header-bar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: alpha(@header_text, 0.5); + icon-shadow: none; +} + +.selection-mode.toolbar { + padding-left: 6px; + padding-right: 6px; +} + +.selection-mode.header-bar:backdrop, +.selection-mode.toolbar:backdrop { + background-color: @selection_mode_background_backdrop; + color: @selection_mode_foreground_backdrop; +} + +/* regular button */ +.selection-mode.header-bar .button, +.selection-mode.toolbar .button, +.selection-mode.toolbar GtkToolButton .button { + padding: 13px; + background-image: none; + border: none; + color: @selection_mode_foreground; +} + +.selection-mode.header-bar .button:hover, +.selection-mode.toolbar .button:hover, +.selection-mode.toolbar GtkToolButton .button:hover { + background-color: alpha(#000, 0.1); +} + +.selection-mode.header-bar .button:active, +.selection-mode.header-bar .button:hover:active, +.selection-mode.toolbar .button:active, +.selection-mode.toolbar .button:hover:active, +.selection-mode.toolbar GtkToolButton .button:active, +.selection-mode.toolbar GtkToolButton .button:hover:active { + background-color: alpha(#000, 0.1); + box-shadow: inset 0 -2px 0 0 @selection_mode_foreground; +} + +.selection-mode.header-bar .button:active:backdrop, +.selection-mode.header-bar .button:hover:active:backdrop, +.selection-mode.toolbar .button:active:backdrop, +.selection-mode.toolbar .button:hover:active:backdrop, +.selection-mode.toolbar GtkToolButton .button:active:backdrop, +.selection-mode.toolbar GtkToolButton .button:hover:active:backdrop { + background-color: alpha(#000, 0.1); + box-shadow: inset 0 -2px 0 0 @selection_mode_foreground_backdrop; + color: @selection_mode_foreground_backdrop; +} + +.selection-mode.header-bar .button:backdrop, +.selection-mode.toolbar .button:backdrop, +.selection-mode.toolbar GtkToolButton .button:backdrop { + color: @selection_mode_foreground_backdrop; +} + +.selection-mode.header-bar .button:active, +.selection-mode.toolbar .button:active, +.selection-mode.toolbar GtkToolButton .button:active { + background-color: alpha(#000, 0.1); + box-shadow: inset 0 -2px 0 0 @selection_mode_foreground; +} + +/* menu button */ +.selection-mode.header-bar .selection-menu.button, +.selection-mode.toolbar .selection-menu.button { + color: @selection_mode_foreground; +} + +.selection-mode.toolbar .dim-label, +.selection-mode.toolbar .selection-menu.button .dim-label { + color: @selection_mode_foreground; +} + +.selection-mode.header-bar .selection-menu.button:hover, +.selection-mode.toolbar .dim-label:hover, +.selection-mode.toolbar .selection-menu.button:hover, +.selection-mode.toolbar .selection-menu.button .dim-label:hover { + color: @selection_mode_foreground; +} + +.selection-mode.header-bar .selection-menu.button:active, +.selection-mode.toolbar .selection-menu.button:active { + background-color: alpha(#000, 0.1); + box-shadow: inset 0 -2px 0 0 @selection_mode_foreground; +} + +.selection-mode.header-bar .selection-menu.button:active:backdrop, +.selection-mode.toolbar .selection-menu.button:active:backdrop { + background-color: alpha(#000, 0.1); + box-shadow: inset 0 -2px 0 0 @selection_mode_foreground_backdrop; + color: @selection_mode_foreground_backdrop; +} + +.selection-mode.header-bar .selection-menu.button:active, +.selection-mode.toolbar .selection-menu.button:active { + background-color: alpha(#000, 0.1); + box-shadow: inset 0 -2px 0 0 @selection_mode_foreground; + color: @selection_mode_foreground; +} diff --git a/Paper/gtk-3.0/widgets/separators.css b/Paper/gtk-3.0/widgets/separators.css new file mode 100644 index 0000000..4345065 --- /dev/null +++ b/Paper/gtk-3.0/widgets/separators.css @@ -0,0 +1,55 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/************** + * Separators * + **************/ + +GtkSeparator, +.separator, +.pane-separator, +.button .separator { + color: @separator; +} + +GtkSeparator:backdrop, +.separator:backdrop, +.pane-separator:backdrop, +.button .separator:backdrop { + color: @backdrop_separator; +} + +.pane-separator { + border: 1px solid @separator; + border-width: 0px; +} + +.pane-separator.vertical { + border: 1px solid @separator; + border-left-width: 0px; + border-right-width: 0px; +} + + +.sidebar-pane-separator, +.sidebar-pane-separator:hover, +.sidebar-pane-separator:selected { + background-color: @separator; + border: 1px solid @border; +} diff --git a/Paper/gtk-3.0/widgets/sidebar.css b/Paper/gtk-3.0/widgets/sidebar.css new file mode 100644 index 0000000..7cf2178 --- /dev/null +++ b/Paper/gtk-3.0/widgets/sidebar.css @@ -0,0 +1,157 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/************************ +* Sidebar & Source List * +************************/ + +.sidebar, +.sidebar .view, +.sidebar GtkScrolledWindow, +.source-list, +.source-list.view { + background-color: @background; + color: @foreground; +} + +GtkDialog .sidebar, +GtkDialog .sidebar .view, +GtkDialog .sidebar GtkScrolledWindow { + background-color: shade (@background, 1.07); +} + +.sidebar, +.sidebar .view, +.sidebar .view:selected:backdrop, +.sidebar .view:hover:selected:backdrop, +.source-list, +.source-list.view, +.source-list.view:selected:backdrop, +.source-list.view:hover:selected:backdrop { +} + +.sidebar, +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.sidebar .separator, +.source-list .separator { + color: @separator; +} +.sidebar .separator:backdrop, +.source-list .separator:backdrop { + color: @backdrop_separator; +} + +.sidebar:backdrop, +.source-list:backdrop { + border: solid @backdrop_border; + border-left-width: 1px; +} + +.source-list.category-expander { + color: transparent; +} + +.sidebar .view:hover, +.source-list.view:hover { + background-color: shade (@background, 1.02); +} + +.sidebar .view:selected, +.sidebar .view:hover:selected, +.sidebar.view:selected, +.sidebar.view:hover:selected, +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: @selection_foreground; + background-color: @selection; + box-shadow: none; +} + +GtkDialog .sidebar .view:selected, +GtkDialog .sidebar .view:hover:selected { + color: @selection_foreground; + background-color: @selection; +} + +.sidebar .view:selected:backdrop, +.sidebar .view:hover:selected:backdrop, +.source-list.view:selected:backdrop, +.source-list.view:hover:selected:backdrop { + color: alpha(@selection, 0.5); +} + +GtkDialog .sidebar .view:selected:backdrop, +GtkDialog .sidebar .view:hover:selected:backdrop { + color: alpha(@selection, 0.5); +} + +.sidebar-pane-separator, +.sidebar-pane-separator:hover, +.sidebar-pane-separator:selected { + + border-width: 0; + -GtkPaned-handle-size: 1; + background-image: none; + /*background-color: shade (@background, 0.75);*/ +} + +.sidebar .scrollbar.trough, +.sidebar .scrollbars-junction, +.source-list .scrollbar.trough, +.source-list .scrollbars-junction { + background-color: @background; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: alpha(#000, 0.4); + color: @background; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:hover:selected { + color: @background; +} + +.source-list.badge:selected:backdrop, +.source-list.badge:selected:hover:backdrop { + background-image: none; + background-color: alpha(#000, 0.2); + color: shade (@background, 0.95); +} + +.sidebar .separator { + color: @separator; +} +.sidebar .separator:backdrop { + color: @backdrop_separator; +} diff --git a/Paper/gtk-3.0/widgets/source-list.css b/Paper/gtk-3.0/widgets/source-list.css new file mode 100644 index 0000000..791fe7b --- /dev/null +++ b/Paper/gtk-3.0/widgets/source-list.css @@ -0,0 +1,36 @@ +/************** +* Source List * +***************/ + +.source-list, +.source-list.view { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; + + background-color: $bg_color; + color: $fg_color; + border-left-width: 1px; + + &:backdrop + + .category-expander { + color: transparent; + } + + .badge { + background-image: none; + background-color: alpha(#000, 0.4); + color: $bg_color; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; + + &:selected:backdrop, + &:selected:hover:backdrop { + background-color: alpha(#000, 0.2); + color: shade ($bg_color, 0.95); + } + } + +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/spinbutton.css b/Paper/gtk-3.0/widgets/spinbutton.css new file mode 100644 index 0000000..0423929 --- /dev/null +++ b/Paper/gtk-3.0/widgets/spinbutton.css @@ -0,0 +1,118 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/************** + * Spinbutton * + **************/ +.spinbutton { + border-radius: 2px; + border: 1px solid @border; + box-shadow: none; + color: @text; +} + +.spinbutton:hover, +.spinbutton:focus { + box-shadow: none; +} + +.spinbutton .button { + border-radius: 0px; + background: none; + border: none; + padding: 2px 4px; + color: @foreground; +} + +.spinbutton .button:last-child { + border-radius: 0px; + background: none; + border: none; + /*border-top-right-radius: 5px;*/ + /*border-bottom-right-radius: 5px;*/ + padding: 2px 4px; + color: @foreground; +} + +/* Buttons */ + +.spinbutton .button:hover { + box-shadow: none; + border: none; + color: @selection; + background: none; +} + +.spinbutton .button:active { + box-shadow: none; + background-color: @selection; + color: @selection_foreground; +} + +.spinbutton .button:insensitive { + box-shadow: none; + background-color: @insensitive_background; + color: @insensitive_text; +} + +/* Entry */ +.spinbutton.entry { + background-color: @base; + color: @text; +} + +.spinbutton.entry:focus { + color: @text; +} + +.spinbutton.entry:insensitive { + color: @insensitive_text; + background-color: @insensitive_background; +} + +.spinbutton.entry:backdrop { + color: @backdrop_text; + background-color: @backdrop_background; +} + + +/* Labels */ +.spinbutton GtkLabel { + color: @text; +} + +.spinbutton:active GtkLabel, +.spinbutton:focus GtkLabel, +.spinbutton:hover GtkLabel { + color: @selection_foreground; +} + +.spinbutton:backdrop GtkLabel, +.spinbutton:backdrop:hover GtkLabel, +.spinbutton:active:backdrop GtkLabel { + color: @backdrop_text; +} + +.spinbutton:insensitive GtkLabel { + color: @insensitive_text; +} + +.spinbutton:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} diff --git a/Paper/gtk-3.0/widgets/spinner.css b/Paper/gtk-3.0/widgets/spinner.css new file mode 100644 index 0000000..43891e8 --- /dev/null +++ b/Paper/gtk-3.0/widgets/spinner.css @@ -0,0 +1,47 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/*********** + * Spinner * + ***********/ + +.menu.spinner, +.primary-toolbar .spinner { + color: @selection; +} + +/********************* + * Spinner Animation * + *********************/ + +@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + +.spinner { + background-image: none; + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +.spinner:active { + opacity: 1; + animation: spin 1s linear infinite; +} +.spinner:active:insensitive { + opacity: 0.5; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/statusbar.css b/Paper/gtk-3.0/widgets/statusbar.css new file mode 100644 index 0000000..f280c79 --- /dev/null +++ b/Paper/gtk-3.0/widgets/statusbar.css @@ -0,0 +1,32 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/************* + * Statusbar * + *************/ +GtkStatusbar { + padding: 0; + color: @foreground; + border-width: 0px; +} + +GtkStatusbar .frame { + padding: 0; + border: none; + background-color: @background; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/suggested-action-buttons.css b/Paper/gtk-3.0/widgets/suggested-action-buttons.css new file mode 100644 index 0000000..1de23bc --- /dev/null +++ b/Paper/gtk-3.0/widgets/suggested-action-buttons.css @@ -0,0 +1,192 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color suggested_action_button shade(@selection, 0.9); +@define-color suggested_action_button_foreground #fff; +@define-color backdrop_suggested_action_foreground alpha(#fff, 0.8); +@define-color insensitive_suggested_action_foreground alpha(#fff, 0.5); +@define-color suggested_action_button_border shade(@suggested_action_button, 0.9); + +/**************************** + * Suggested action buttons * + ****************************/ + +.suggested-action.button, +.button.suggested-action { + border: 1px solid @suggested_action_button_border; + background-color: @suggested_action_button; + background-image: linear-gradient(to bottom, + @suggested_action_button, + shade(@suggested_action_button, 0.98) + ); + color: @suggested_action_button_foreground; +} + +.suggested-action.button:hover, +.button.suggested-action:hover { + border: 1px solid shade(@suggested_action_button_border, 1.1); + background-color: shade(@suggested_action_button, 1.2); + background-image: linear-gradient(to bottom, + shade(@suggested_action_button, 1.1), + shade(shade(@suggested_action_button, 1.1), 0.98) + ); + color: @suggested_action_button_foreground; +} + +.suggested-action.button:active, +.button.suggested-action:active { + border: 1px solid shade(@suggested_action_button, 1.1); + background-color: shade(@suggested_action_button, 1.1); + background-image: linear-gradient(to bottom, + @suggested_action_button, + shade(@suggested_action_button, 0.98) + ); + color: @suggested_action_button_foreground; +} + +.suggested-action.button:backdrop, +.button.suggested-action:backdrop { + border: 1px solid @backdrop_border; + background-color: @backdrop_background; + color: @backdrop_text; +} + +.suggested-action.button:insensitive, +.button.suggested-action:insensitive { + border: 1px solid @insensitive_border; + background-color: @insensitive_background; + color: @insensitive_text; +} + +.suggested-action.button:backdrop:insensitive, +.button.suggested-action:backdrop:insensitive { + border: 1px solid mix(@insensitive_border, @backdrop_border, 0.5); + background-color: mix(@insensitive_background, @backdrop_background, 0.5); + color: mix(@insensitive_text, @backdrop_text, 0.5); +} + +.suggested-action.text-button, +.text-button.suggested-action { + border: 1px solid @suggested_action_button_border; + background-color: @suggested_action_button; + color: @suggested_action_button_foreground; +} + +.suggested-action.text-button:hover, +.text-button.suggested-action:hover { + border: 1px solid shade(@suggested_action_button_border, 1.1); + background-color: shade(@suggested_action_button, 1.2); + color: @suggested_action_button_foreground; +} + +.suggested-action.text-button:active, +.text-button.suggested-action:active { + border: 1px solid shade(@suggested_action_button_border, 1.1); + background-color: shade(@suggested_action_button, 1.1); + color: @suggested_action_button_foreground; +} + +.suggested-action.text-button:backdrop, +.text-button.suggested-action:backdrop { + border: 1px solid @backdrop_border; + background-color: @backdrop_background; + color: @backdrop_text; +} + +.suggested-action.text-button:insensitive, +.text-button.suggested-action:insensitive { + border: 1px solid @insensitive_border; + background-color: @insensitive_background; + color: @insensitive_text; +} + +.suggested-action.text-button:backdrop:insensitive, +.text-button.suggested-action:backdrop:insensitive { + border: 1px solid mix(@insensitive_border, @backdrop_border, 0.5); + background-color: mix(@insensitive_background, @backdrop_background, 0.5); + color: mix(@insensitive_text, @backdrop_text, 0.5); +} + + +/* Images */ +.suggested-action.button GtkImage { + color: @suggested_action_button_foreground; +} + +.suggested-action.button:active GtkImage, +.suggested-action.button:focus GtkImage, +.suggested-action.button:hover GtkImage { + color: @suggested_action_button_foreground; +} + +.suggested-action.image-button:active GtkImage, +.suggested-action.image-button:focus GtkImage, +.suggested-action.image-button:hover GtkImage { + color: @suggested_action_button_foreground; +} + +.suggested-action.button:backdrop GtkImage, +.suggested-action.button:backdrop:hover GtkImage, +.suggested-action.button:active:backdrop GtkImage { + color: @backdrop_text; + -gtk-image-effect: dim; +} + +.suggested-action.button:insensitive GtkImage { + color: @insensitive_text; + -gtk-image-effect: dim; +} + +.suggested-action.button:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); + -gtk-image-effect: dim; +} + +/* Labels */ +.suggested-action.button GtkLabel { + color: @suggested_action_button_foreground; + text-shadow:0 1px alpha(#000, 0.05); +} + +.suggested-action.button:active GtkLabel, +.suggested-action.button:focus GtkLabel, +.suggested-action.button:hover GtkLabel { + color: @suggested_action_button_foreground; +} + +.suggested-action.text-button:active GtkLabel, +.suggested-action.text-button:focus GtkLabel, +.suggested-action.text-button:hover GtkLabel { + color: @suggested_action_button_foreground; +} + +.suggested-action.button:backdrop GtkLabel, +.suggested-action.button:backdrop:hover GtkLabel, +.suggested-action.button:focus:backdrop GtkLabel, +.suggested-action.button:active:backdrop GtkLabel { + color: @backdrop_text; + text-shadow:none; +} + +.suggested-action.button:insensitive GtkLabel { + color: @insensitive_text; +} + +.suggested-action.button:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/switches.css b/Paper/gtk-3.0/widgets/switches.css new file mode 100644 index 0000000..56ed0a7 --- /dev/null +++ b/Paper/gtk-3.0/widgets/switches.css @@ -0,0 +1,78 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color switch_trough_active #9fb0b9; + +@define-color switch_slider #ffffff; +@define-color switch_slider_border @trough_border; +@define-color backdrop_slider_border @backdrop_trough_border; + + +/************* + * GtkSwitch * + *************/ + +GtkSwitch { + font: 1; + /*min-height: 24px; + min-width: 24px; FIXME: Uncomment for 3.19 */ + -GtkSwitch-slider-width: 20; + -GtkSwitch-slider-height: 20; + transition: all 200ms ease-in; +} + +GtkSwitch.trough { + background-color: alpha (#000, 0.2); + border: none; + border-radius: 14px; + color: transparent; + padding: 2px; +} + +GtkSwitch.trough:active { + background-color: @switch_trough_active; +} + +GtkSwitch.trough:insensitive { + background-color: alpha (#000, 0.2); +} + +GtkSwitch.trough:active:backdrop, +GtkSwitch.trough:active:insensitive { + background-color: alpha (@switch_trough_active, 0.5); +} + +GtkSwitch.slider { + background-color: @switch_slider; + border: none; + border-radius: 50%; + + box-shadow: 0 2px 2px alpha (#000, 0.2), + 0 1px 2px alpha (#000, 0.2); + padding: 2px; +} + +GtkSwitch.slider:focus { + background-color: @switch_slider; +} + +GtkSwitch.slider:insensitive, +GtkSwitch.slider:backdrop { + background-color: @switch_slider; + box-shadow: none; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/tiles.css b/Paper/gtk-3.0/widgets/tiles.css new file mode 100644 index 0000000..4784957 --- /dev/null +++ b/Paper/gtk-3.0/widgets/tiles.css @@ -0,0 +1,141 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/********* + * Tiles * + *********/ + +.tile { + border-radius: 3px; + padding: 4px 9px; + border: 1px solid @border; + background-color: @background; + color: @text; +} + +.featured-tile { + color: @base; +} + +.featured-tile:backdrop { + color: @base; +} + +.tile:focus, +.tile:active:focus { + border: 1px solid @selection; + background-color: shade(@selection, 1.1); + color: @selection; +} + +/* Hover Button */ +.tile:hover, +.tile:active:hover { + border: 1px solid shade(@selection, 1.1); + background-color: shade(@selection, 1.2); + color: @selection_foreground; +} + +/* Active (Pressed) Button */ +.tile:active { + border: 1px solid @selection; + background-color: shade(@selection, 1.1); + color: @selection_foreground; + +} + +/* Insensitive Button */ +.tile:insensitive { + border: 1px solid @insensitive_border; + background-color: @insensitive_background; + color: @insensitive_text; +} + +/* Backdrop Button */ +.tile:backdrop { + border: 1px solid @backdrop_border; + background-color: @backdrop_background; + color: @backdrop_text; +} + +/* Backdrop Button */ +.tile:backdrop:hover { + background-color: shade(@backdrop_background, 1.1); + color: @backdrop_text; +} + +/* Insensitive Button */ +.tile:insensitive:backdrop { + border: 1px solid @insensitive_border; + background-color: @insensitive_background; + color: @insensitive_text; +} + +/* Images */ +.tile GtkImage { + color: @text; +} + +.tile:active GtkImage, +.tile:focus GtkImage, +.tile:hover GtkImage { + color: @selection_foreground; +} + +.tile:backdrop GtkImage, +.tile:backdrop:hover GtkImage, +.tile:active:backdrop GtkImage { + color: @backdrop_text; + -gtk-image-effect: dim; +} + +.tile:insensitive GtkImage { + color: @insensitive_text; + -gtk-image-effect: dim; +} + +.tile:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); + -gtk-image-effect: dim; +} + +/* Labels */ +.tile GtkLabel { + color: @text; +} + +.tile:active GtkLabel, +.tile:focus GtkLabel, +.tile:hover GtkLabel { + color: @selection_foreground; +} + +.tile:backdrop GtkLabel, +.tile:backdrop:hover GtkLabel, +.tile:active:backdrop GtkLabel { + color: @backdrop_text; +} + +.tile:insensitive GtkLabel { + color: @insensitive_text; +} + +.tile:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/titlebar.css b/Paper/gtk-3.0/widgets/titlebar.css new file mode 100644 index 0000000..821bbdf --- /dev/null +++ b/Paper/gtk-3.0/widgets/titlebar.css @@ -0,0 +1,115 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/************ + * Titlebar * + ************/ + +.titlebar { + padding:0; + border: none; + border-radius: 4px 4px 0 0; + background-color: @header; + color: @header_text; + box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1); +} + +.maximized .titlebar { + border-radius: 0px; + box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1); + box-shadow: none; +} + +.titlebar:backdrop { + background-image: none; + background-color: @backdrop_header; + color: @backdrop_header_text; +} + +.titlebar:insensitive { + color: @insensitive_header_text; +} + +.titlebar.default-decoration { + padding: 0; + background-color: @header; + background-image: none; + color: @header_text; +} + +.title, +.titlebar .title { + padding: 0; + padding-left: 13px; + padding-right: 13px; + color: @header_text; + font: Bold; +} + +.titlebar .button.linked .title, +.titlebar .button.flat .title { + padding: 0; +} + +/* Subtitle */ +.titlebar .subtitle { + padding: 0; + font: 9; +} + +.titlebar .subtitle, +.titlebar .subtitle GtkLabel, +.titlebar .subtitle GtkImage { + color: alpha(@header_text,0.8); +} + +.titlebar .subtitle:backdrop, +.titlebar .subtitle:backdrop GtkLabel, +.titlebar .subtitle:backdrop GtkImage { + color: alpha(@backdrop_header_text,0.8); +} + + +/* Separator */ +.titlebar .separator { + background: none; + color: @separator; +} + + +/************************* + * Header bar separator * + *************************/ + +.titlebar > GtkBox > .separator.vertical { + -GtkWidget-wide-separators: 1; + -GtkWidget-separator-width: 0; + background-color: @separator; + color: @separator; + border:none; +} + +/* Separator */ +.titlebar .separator, +.titlebar .button .separator, +.titlebar .button.separator { + background: inherit; + color: @separator; + border:none; +} + diff --git a/Paper/gtk-3.0/widgets/toolbars.css b/Paper/gtk-3.0/widgets/toolbars.css new file mode 100644 index 0000000..6f96229 --- /dev/null +++ b/Paper/gtk-3.0/widgets/toolbars.css @@ -0,0 +1,519 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +@define-color toolbar @header; +@define-color backdrop_toolbar @backdrop_header; +@define-color toolbar_text @header_text; +@define-color backdrop_toolbar_text alpha(@toolbar_text, 0.7); +@define-color insensitive_toolbar_text alpha(@toolbar_text, 0.5); + +/*********** + * Toolbar * + ***********/ + +/* Main Colors*/ +.toolbar { + padding: 0px; + color: @text; + background-color: @background; + box-shadow: none; +} + +.toolbar:insensitive { + color: @insensitive_text; + background-color: @insensitive_background; + box-shadow: none; +} + +.toolbar:backdrop { + color: @backdrop_text; + background-color: @backdrop_background; + box-shadow: none; + -gtk-image-effect: dim; +} + +/* Menubar */ +.toolbar .menubar { + padding: 0px; +} + +/* Buttons */ +.toolbar .button, +.toolbar .text-button, +.toolbar .image-button { + border: none; + background: none; + color: @text; + border-radius: 0px; + padding: 13px; +} + +.toolbar .button:active +.toolbar .text-button:active, +.toolbar .image-button:active { + border: none; + color: @text; + box-shadow: inset 0 -2px 0 0 @selection; + padding: 13px; + background-color: alpha(@base, 0.9); +} + +.toolbar .button.raised +.toolbar .text-button.raised, +.toolbar .image-button.raised { + border: none; + color: @text; + /*box-shadow: inset 0 -2px 0 0 @selection;*/ + padding: 13px; +} + +/* Hover */ +.toolbar .button:hover, +.toolbar .button:active:hover +.toolbar .text-button:hover, +.toolbar .text-button:active:hover, +.toolbar .image-button:hover, +.toolbar .image-button:active:hover, +.toolbar .button:focus, +.toolbar .button:active:focus +.toolbar .text-button:focus, +.toolbar .text-button:active:focus, +.toolbar .image-button:focus, +.toolbar .image-button:active:focus { + padding: 13px; + border: none; + background-color: alpha(@base, 0.5); + color: @text; + box-shadow: inset 0 -2px 0 0 @selection; +} + +/* Insensitive */ +.toolbar .button:insensitive, +.toolbar .text-button:insensitive, +.toolbar .image-button:insensitive { + background: none; + color: @insensitive_header_text; + -gtk-image-effect: dim; +} + + +/* Backdrop */ +.toolbar .button:backdrop, +.toolbar .button:active:backdrop +.toolbar .text-button:backdrop, +.toolbar .text-button:active:backdrop, +.toolbar .image-button:backdrop, +.toolbar .image-button:active:backdrop { + background: none; + color: @backdrop_text; + border: none; + padding: 13px; +} + +/* Insensitive:Backdrop; */ +.toolbar .button:insensitive:backdrop, +.toolbar .text-button:insensitive:backdrop, +.toolbar .image-button:insensitive:backdrop { + padding: 13px; + border: none; + color: mix(@backdrop_text, @insensitive_text, 0.5); +} + + +/* Entries */ + +.toolbar .entry { + background-color: alpha(#000, 0.2); + color: @header_text; + border-radius: 2px; + padding: 6px 4px; + border: none; + box-shadow: none; +} + +.toolbar .entry.image { + color: @header_text; +} + +.toolbar .entry:active, +.toolbar .entry:focus { + background-color: @base; + color: @text; + box-shadow: none; + border: none; +} + +.toolbar .entry:active.image, +.toolbar .entry:focus.image { + padding-right: 6px; + color: @text; +} + +.toolbar .entry:backdrop { + box-shadow: none; + color: alpha(@header_text, 0.5); + border: none; +} + +.toolbar .entry.image { + color: alpha(@header_text, 0.5); +} + + +.toolbar .entry:active:backdrop, +.toolbar .entry:focus:backdrop { + background-color: alpha(@base, 0.5); + color: @text; + box-shadow: none; + border: none; +} + + +/* Images */ +.toolbar GtkImage, +.toolbar .button GtkImage { + color: @text; +} + +.toolbar .button:active GtkImage, +.toolbar .button:focus GtkImage, +.toolbar .button:hover GtkImage { + color: @text; +} + +.toolbar .button:backdrop GtkImage, +.toolbar .button:backdrop:hover GtkImage, +.toolbar .button:active:backdrop GtkImage { + color: @backdrop_text; + -gtk-image-effect: dim; +} + +.toolbar .button:insensitive GtkImage { + color: @insensitive_text; + -gtk-image-effect: dim; +} + +.toolbar .button:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); + -gtk-image-effect: dim; +} + +/* Labels */ +.toolbar GtkLabel, +.toolbar .button GtkLabel { + color: @text; +} + +.toolbar .button:active GtkLabel, +.toolbar .button:focus GtkLabel, +.toolbar .button:hover GtkLabel { + color: @text; +} + +.toolbar .button:backdrop GtkLabel, +.toolbar .button:backdrop:hover GtkLabel, +.toolbar .button:active:backdrop GtkLabel { + color: @backdrop_text; +} + +.toolbar .button:insensitive GtkLabel { + color: @insensitive_text; +} + +.toolbar .button:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} + +/******************* + * Primary Toolbar * + *******************/ + +/* Main Colors*/ +.primary-toolbar.toolbar { + padding-top: 0px; + padding-bottom: 0px; + padding-left: 4px; + padding-right: 4px; + color: @toolbar_text; + background-color: @toolbar; + box-shadow: inset 0 -3px 3px -4px alpha(#000, 0.2); + border: none; +} + +.primary-toolbar.toolbar:insensitive { + color: @insensitive_toolbar_text; + background-color: @insensitive_toolbar; + box-shadow: none; +} + +.primary-toolbar.toolbar:backdrop { + color: @backdrop_toolbar_text; + background-color: @backdrop_toolbar; + box-shadow: none; + -gtk-image-effect: dim; +} + +/* Menubar */ +.primary-toolbar.toolbar .menubar { +} + +/* Buttons */ +.primary-toolbar.toolbar .button, +.primary-toolbar.toolbar .text-button, +.primary-toolbar.toolbar .image-button { + border: none; + background: none; + color: @toolbar_text; + border-radius: 0px; + padding: 13px; +} + +.primary-toolbar .button.image-button:checked { + background-color: alpha(#fff, 0.1); +} + +.primary-toolbar.toolbar .button:active, +.primary-toolbar.toolbar GtkToggleButton:active, +.primary-toolbar.toolbar .text-button:active, +.primary-toolbar.toolbar .image-button:active { + border: none; + color: @toolbar_text; + box-shadow: inset 0 -2px 0 0 @toolbar_text; + padding: 13px; +} + +.primary-toolbar.toolbar .button.raised +.primary-toolbar.toolbar .text-button.raised, +.primary-toolbar.toolbar .image-button.raised { + border: none; + color: @toolbar_text; + /*background-color: alpha(@base, 0.2);*/ + /*box-shadow: inset 0 -2px 0 0 @toolbar_text;*/ + padding: 13px; +} + +/* Hover */ +.primary-toolbar.toolbar .button:hover, +.primary-toolbar.toolbar .button:active:hover +.primary-toolbar.toolbar .text-button:hover, +.primary-toolbar.toolbar .text-button:active:hover, +.primary-toolbar.toolbar .image-button:hover, +.primary-toolbar.toolbar .image-button:active:hover, +.primary-toolbar.toolbar .button:focus, +.primary-toolbar.toolbar .button:active:focus +.primary-toolbar.toolbar .text-button:focus, +.primary-toolbar.toolbar .text-button:active:focus, +.primary-toolbar.toolbar .image-button:focus, +.primary-toolbar.toolbar .image-button:active:focus { + padding: 13px; + border: none; + background-color: alpha(#000, 0.1); + color: @toolbar_text; + /*box-shadow: inset 0 -2px 0 0 @toolbar_text;*/ + box-shadow: none; +} + +/* Insensitive */ +.primary-toolbar.toolbar .button:insensitive, +.primary-toolbar.toolbar .text-button:insensitive, +.primary-toolbar.toolbar .image-button:insensitive { + background: none; + color: @insensitive_header_toolbar_text; + -gtk-image-effect: dim; +} + + +/* Backdrop */ +.primary-toolbar.toolbar .button:backdrop, +.primary-toolbar.toolbar .button:active:backdrop +.primary-toolbar.toolbar .text-button:backdrop, +.primary-toolbar.toolbar .text-button:active:backdrop, +.primary-toolbar.toolbar .image-button:backdrop, +.primary-toolbar.toolbar .image-button:active:backdrop { + background: none; + color: @backdrop_toolbar_text; + border: none; + padding: 13px; +} + +/* Insensitive:Backdrop; */ +.primary-toolbar.toolbar .button:insensitive:backdrop, +.primary-toolbar.toolbar .text-button:insensitive:backdrop, +.primary-toolbar.toolbar .image-button:insensitive:backdrop { + padding: 13px; + border: none; + color: mix(@backdrop_text, @insensitive_text, 0.5); +} + + +.primary-toolbar.toolbar .separator { + color: @separator; +} + + + +/* Entries */ + +.primary-toolbar .entry { + background-color: alpha(#000, 0.2); + color: @header_text; + border-radius: 2px; + padding: 6px 4px; + border: none; + box-shadow: none; +} + +.primary-toolbar .entry.image { + color: @header_text; +} + +.primary-toolbar .entry:active, +.primary-toolbar .entry:focus { + background-color: @base; + color: @text; + box-shadow: none; + border: none; +} + +.primary-toolbar .entry:active.image, +.primary-toolbar .entry:focus.image { + padding-right: 6px; + color: @text; +} + +.primary-toolbar .entry:backdrop { + box-shadow: none; + color: alpha(@header_text, 0.5); + border: none; +} + +.primary-toolbar .entry.image { + color: alpha(@header_text, 0.5); +} + + +.primary-toolbar .entry:active:backdrop, +.primary-toolbar .entry:focus:backdrop { + background-color: alpha(@base, 0.5); + color: @text; + box-shadow: none; + border: none; +} + +/* Images */ +.primary-toolbar.toolbar GtkImage, +.primary-toolbar.toolbar .button GtkImage { + color: @toolbar_text; +} + +.primary-toolbar.toolbar .button:active GtkImage, +.primary-toolbar.toolbar .button:focus GtkImage, +.primary-toolbar.toolbar .button:hover GtkImage { + color: @toolbar_text; +} + +.primary-toolbar.toolbar .button:backdrop GtkImage, +.primary-toolbar.toolbar .button:backdrop:hover GtkImage, +.primary-toolbar.toolbar .button:active:backdrop GtkImage { + color: @backdrop_toolbar_text; + -gtk-image-effect: dim; +} + +.primary-toolbar.toolbar .button:insensitive GtkImage { + color: @insensitive_toolbar_text; + -gtk-image-effect: dim; +} + +.primary-toolbar.toolbar .button:backdrop:insensitive GtkImage, +.primary-toolbar.toolbar .button:insensitive:backdrop GtkImage { + color: mix(@backdrop_text, @insensitive_text, 0.5); + -gtk-image-effect: dim; +} + +/* Labels */ +.primary-toolbar.toolbar GtkLabel, +.primary-toolbar.toolbar .button GtkLabel { + color: @toolbar_text; +} + +.primary-toolbar.toolbar .button:active GtkLabel, +.primary-toolbar.toolbar .button:focus GtkLabel, +.primary-toolbar.toolbar .button:hover GtkLabel { + color: @toolbar_text; +} + +.primary-toolbar.toolbar .button:backdrop GtkLabel, +.primary-toolbar.toolbar .button:backdrop:hover GtkLabel, +.primary-toolbar.toolbar .button:active:backdrop GtkLabel { + color: @backdrop_toolbar_text; +} + +.primary-toolbar.toolbar .button:insensitive GtkLabel { + color: @insensitive_toolbar_text; +} + +.primary-toolbar.toolbar .button:insensitive:backdrop GtkLabel { + color: mix(@backdrop_text, @insensitive_text, 0.5); +} + +/********************* +* Secondary Toolbars * +*********************/ + +.secondary-toolbar.toolbar { + padding: 2px; + background-color: @background; + box-shadow: none; +} + +.secondary-toolbar.toolbar:backdrop { + background-color: @backdrop_background; + border-color: @backdrop_border; + color: @backdrop_text; + -gtk-image-effect: dim; +} + +.secondary-toolbar.toolbar .linked-button, +.secondary-toolbar.toolbar .button { + padding: 2px; +} + +/******************** + * Menubar Toolbars * + ********************/ +.toolbar.menubar { + -GtkToolbar-button-relief: normal; +} + + +/****************** +* Bottom Toolbars * +******************/ + +.bottom-toolbar.toolbar { + padding: 0px; + border: solid @border; + background-image: linear-gradient(to bottom, + shade(@gradient_a, 0.96), + shade(@gradient_b, 0.96) + ); +} + +.bottom-toolbar.toolbar .button { + padding: 2px 3px 2px 3px; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/tooltips.css b/Paper/gtk-3.0/widgets/tooltips.css new file mode 100644 index 0000000..9e0124f --- /dev/null +++ b/Paper/gtk-3.0/widgets/tooltips.css @@ -0,0 +1,41 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/************ + * Tooltips * + ************/ + +.tooltip, +.overlay-bar { + padding: 4px 8px; + border: none; + border-radius: 2px; + background-color: @base; + color: @text; + box-shadow: 0 1px 2px 0 alpha(#000, 0.3); +} + +.tooltip * { + background: none; + background-color: @base; +} + +.tooltip GtkLabel, +.overlay-bar GtkLabel { + color: @text; +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/views.css b/Paper/gtk-3.0/widgets/views.css new file mode 100644 index 0000000..b2570aa --- /dev/null +++ b/Paper/gtk-3.0/widgets/views.css @@ -0,0 +1,328 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + + +/********* + * Frame * + *********/ + +.frame { + background: none; + border: 1px solid @border; + color: @foreground; +} + +.frame:backdrop { + border-color: @backdrop_border; + background: none; + color: @backdrop_text; +} + +.frame:insensitive { + border-color: @insensitive_border; + background: none; + color: @insensitive_text; +} + +.flat { + border:none; +} + + +/******** + * Misc * + ********/ + +GtkAlignment, +GtkEventBox { + background-color: @background; + color: @text; +} + +GtkAlignment:backdrop, +GtkEventBox:backdrop { + background-color: @backdrop_background; + color: @backdrop_text; +} + +/******** + * View * + ********/ + +.view { + background-color: @base; + color: @foreground; +} + +.view:insensitive, +.view:insensitive:insensitive { + background-color: @insensitive_background; + border-color: @insensitive_border; + color: @insensitive_text; +} + +.view:backdrop, +.view:backdrop:backdrop { + background-color: @backdrop_background; + border-color: @backdrop_border; + color: @backdrop_text; +} + +.view:selected, +.view:selected:focus { + background-color: @selection; + border-color: shade(@selection, 0.8); + color: @selection_foreground; +} + +.view:selected:backdrop, +.view:selected:backdrop:focus { + background-color: @backdrop_selection; + border-color: @backdrop_selection; + color: @backdrop_selection_foreground; +} + +.view.separator { + color: @border; +} + +/* Selected */ +.view.rubberband, +.rubberband { + border: 1px solid shade(@selection, 0.9); + border-radius: 4px; + background-color: alpha(@selection, 0.3); +} + + +/************ + * Treeview * + ************/ + +GtkTreeView.view.separator, +GtkTreeView.separator, +.separator, +.separator:hover { + color: @border; + background-color: @border; +} + +GtkTreeView { + -GtkTreeView-vertical-separator: 5px; + -GtkTreeView-horizontal-separator: 6px; + -GtkTreeView-expander-size: 8px; + -GtkTreeView-grid-line-pattern: "\000\000"; + border: 1px solid @border; +} + +GtkTreeView row:nth-child(even) { + background-color: @base; + color: @foreground; +} + +GtkTreeView row:nth-child(odd) { + background-color: shade(@base,0.96); + color: @foreground; +} + +GtkTreeView .entry { + border-radius: 0; +} + +GtkTreeView.dnd { + border: 1px solid @selected_border; + border-radius: 0; +} + +GtkTreeView .entry { + border-radius: 4px; + background-color: @base; + background-image: none; +} + +/************ + * TextView * + ************/ + +GtkTextView { + background-color: @base; + color: @foreground; +} + +GtkTextView:backdrop { + background-color: @backdrop_base; + color: @backdrop_text; +} + +GtkTextView:insensitive { + background-color: @insensitive_base; + color: @insensitive_text; +} + +/************ + * Iconview * + ************/ + +GtkIconView.view { + background-color: @base; + border: solid @selection; + color: @foreground; +} + +GtkIconView.view.cell:hover { + border: 1px solid @selection; + border-radius: 6px; + background-color: alpha(@selection,0.4); + color: @selection; +} + +GtkIconView.view.cell:selected, +GtkIconView.view.cell:selected:focus { + border: 1px solid shade(@selection, 0.8); + border-radius: 6px; + background-color: @selection; + color: @selection_foreground; +} + +GtkIconView.content-view.check { + background: none; +} + +GtkIconView.content-view.check:active { + background: none; +} + +GtkIconView.content-view.check:prelight, +GtkIconView.content-view.check:insensitive, +GtkIconView.content-view.check:selected { + background: none; +} + + +/**************** + * Content View * + ****************/ +.content-view.view { + background-color: @base; + color: @foreground; +} + +.content-view.view:hover { + background-color: alpha(@selection, 0.6); +} + +.content-view.view:selected, +.content-view.view:active { + background-color: @selection; + background-image: none; +} + +.content-view.view:insensitive { + background-color: @insensitive_background; +} + +.content-view.view:backdrop { + background-color: @background_backdrop; + background-image: none; +} + +.content-view.view:selected:backdrop { + background-color: @backdrop_selected_background; + background-image: none; +} + +.content-view.cell { + background: none; + background-image: none; +} + +.content-view.view.check, +.content-view.view.check:active { + background: none; +} + +.content-view column-header .button { + border-width: 0 0 1px 1px; + + background-image: none; + background-color:@base; + + border-color: @border; +} + +.content-view .title, +.content-view .option-title { + color: @foreground; + text-shadow: 0 1px alpha(#fff, 0.3); +} + +.content-view .subtitle, +.content-view .option-description { + color: alpha(@foreground, 0.7); + text-shadow: 0 1px alpha(#fff, 0.4); +} + +/* Drawing area */ +GtkDrawingArea { + background-color: @base; + color: @foreground; +} + +GtkDrawingArea:backdrop { + background-color: @backdrop_base; + color: @backdrop_text; +} + +GtkDrawingArea:insensitive { + background-color: @insensitive_background; +} + +/*********** + * gtkhtml * + ***********/ +GtkHTML { + background-color: @base; + color: @foreground; +} + +GtkHTML:active:backdrop, +GtkHTML:backdrop { + background-color: @backdrop_base; + color: @backdrop_text; +} + +/* needed for webkit/GtkStyle/Evolution compatibility */ +GtkHTML:active, +GtkHTML:active:backdrop, +.entry:active, +.entry:active:backdrop { + color: @backdrop_text; + background-color: @backdrop_background; +} + +.cursor-handle.top, +.cursor-handle.bottom { + background: none; + box-shadow: none; + border-style: none; + border-image: none; + border-radius: 0px; + border-width: 0px; + + /* background-image in assets */ +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/windows.css b/Paper/gtk-3.0/widgets/windows.css new file mode 100644 index 0000000..b1b5e46 --- /dev/null +++ b/Paper/gtk-3.0/widgets/windows.css @@ -0,0 +1,70 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +/********** + * Window * + **********/ + +@define-color window_shadow alpha(#000, 0.4); +@define-color backdrop_window_shadow alpha(#000, 0.2); + +.window-frame { + border:none; + border-radius: 4px; + box-shadow: 0 2px 5px 1px @window_shadow; + margin: 10px; /* this is used for the resize cursor area */ +} + +.window-frame:backdrop { + border-radius: 4px; + box-shadow: 0 2px 3px 0 @backdrop_window_shadow; +} + +.window-frame.menu.csd, +.window-frame.popup.csd { + border-radius: 4px; + box-shadow: 0 3px 6px alpha (#000, 0.16), + 0 3px 6px alpha (#000, 0.23); + margin: 0; +} + +.menu .window-frame.menu.csd, +.menu .window-frame.popup.csd { + box-shadow: 0 10px 20px alpha (#000, 0.19), + 0 6px 6px alpha (#000, 0.23); +} + +.window-frame.tooltip.csd { + border-radius: 4px; + box-shadow: none; + margin: 0; +} + +.window-frame:backdrop { + box-shadow: 0 3px 6px alpha (#000, 0.16), + 0 3px 6px alpha (#000, 0.23); +} + +GtkDialog.window-frame, +GtkDialog.window-frame:backdrop, +.window-frame.dialog, +.window-frame.dialog:backdrop { + border-radius: 4px; + box-shadow: 0 10px 20px alpha (#000, 0.19), + 0 6px 6px alpha (#000, 0.23); +} \ No newline at end of file diff --git a/Paper/gtk-3.0/_apps.scss b/Paper/gtk-3.18/_apps.scss similarity index 100% rename from Paper/gtk-3.0/_apps.scss rename to Paper/gtk-3.18/_apps.scss diff --git a/Paper/gtk-3.0/_colors-public.scss b/Paper/gtk-3.18/_colors-public.scss similarity index 100% rename from Paper/gtk-3.0/_colors-public.scss rename to Paper/gtk-3.18/_colors-public.scss diff --git a/Paper/gtk-3.18/_colors.scss b/Paper/gtk-3.18/_colors.scss new file mode 100644 index 0000000..60006f9 --- /dev/null +++ b/Paper/gtk-3.18/_colors.scss @@ -0,0 +1,95 @@ +// When color definition differs for dark and light variant +// it gets @if ed depending on $variant + +// Main definitions +$base_color: if($variant == 'light', #ffffff, #636E73); +$bg_color: if($variant == 'light', #f7f7f7, #4F585C); +$fg_color: if($variant == 'light', #666666, #A1A8AB); +$text_color: if($variant == 'light', $fg_color, $fg_color); +$headerbar_bg_color: if($variant == 'light', #636E73, #3B4245); +$headerbar_fg_color: if($variant == 'light', #ffffff, transparentize(#ffffff, 0.2)); + +// Primary colors +$red: #f34235; +$orange: #fe9700; +$yellow: #feea3a; +$green: #1ea362; +$blue: #2095f2; +$purple: #9b26af; + +$selected_fg_color: #ffffff; +$selected_bg_color: if($variant == 'light', #347D9F, mix(#347D9F, $bg_color, 50%)); +$selected_borders_color: darken($selected_bg_color, 10%); +$borders_color: if($variant == 'light', darken($bg_color,15%), darken($bg_color,10%)); +$borders_edge: if($variant == 'light', transparentize(white, 0.8), transparentize(white, 0.9)); +$link_color: blue; +$link_visited_color:transparentize($link_color,0.5); +$top_highlight: $borders_edge; +$bottom_highlight: if($variant == 'light', transparentize(white, 0.7), transparentize(white, 0.9)); +$dark_fill: mix($borders_color, $bg_color, 35%); +$menu_color: if($variant == 'light', $base_color, mix($bg_color, $base_color, 20%)); +$popover_bg_color: $bg_color; +$popover_hover_color: lighten($bg_color, 5%); + +$selection_mode_headerbar_bg_color: #347D9F; + +$scrollbar_bg_color: if($variant == 'light', mix($bg_color, $fg_color, 80%), mix($base_color, $bg_color, 50%)); +$scrollbar_slider_color: mix($fg_color, $bg_color, 60%); +$scrollbar_slider_hover_color: mix($fg_color, $bg_color, 80%); +$scrollbar_slider_active_color: if($variant=='light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 10%)); + +$success_color: if($variant == 'light', $green, darken($green,10%)); +$destructive_color: if($variant == 'light', $red, darken($red,10%)); +$suggested_color: if($variant == 'light', $selected_bg_color, darken($selected_bg_color,10%)); + +$osd_fg_color: #A1A8AB; +$osd_text_color: white; +$osd_bg_color: transparentize(#202526, 0.2); +$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5); +$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%); +$osd_borders_color: transparentize(black, 0.3); + +$sidebar_bg_color: mix($bg_color, $base_color, 50%); +$base_hover_color: transparentize($fg_color, 0.95); + +$tooltip_borders_color: transparentize(white, 0.9); +$shadow_color: transparentize(black, 0.9); + +$drop_target_color: #4e9a06; + +// Infobar colors +$warning_color: $yellow; +$error_color: $red; +$info_color: $blue; +$question_color: $green; + +// Panel colors +$panel_bg_color: darken($headerbar_bg_color, 10%); +$backdrop_panel_color: darken($panel_bg_color,10%); +$panel_fg_color: $headerbar_fg_color; +$backdrop_panel_fg_color: darken($panel_fg_color,10%); + +// Insensitive state colors +$insensitive_fg_color: mix($fg_color, $bg_color, 50%); +$insensitive_bg_color: mix($bg_color, $base_color, 60%); +$insensitive_base_color: darken($base_color, 5%); +$insensitive_borders_color: $borders_color; + +// Backdrop state colors +$backdrop_base_color: if($variant == 'light', darken($base_color, 1%), lighten($base_color, 1%)); +$backdrop_text_color: mix($text_color, $backdrop_base_color, 80%); +$backdrop_bg_color: $bg_color; +$backdrop_headerbar_bg_color: darken($headerbar_bg_color, 5%); +$backdrop_headerbar_fg_color: transparentize($headerbar_fg_color, 0.5); +$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%); +$backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%)); +$backdrop_selected_bg_color: if($variant == 'light', lighten($selected_bg_color, 5%), lighten($selected_bg_color, 5%)); +$backdrop_selected_fg_color: if($variant == 'light', transparentize($selected_fg_color, 0.5), transparentize($selected_fg_color, 0.5)); +$backdrop_borders_color: mix($borders_color, $bg_color, 90%); +$backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%); +$backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, 50%); + +$backdrop_scrollbar_bg_color: darken($backdrop_bg_color, 3%); +$backdrop_scrollbar_slider_color: mix($backdrop_fg_color, $backdrop_bg_color, 40%); + +$backdrop_menu_color: if($variant == 'light', $backdrop_base_color, mix($backdrop_bg_color, $backdrop_base_color, 20%)); diff --git a/Paper/gtk-3.18/_common.scss b/Paper/gtk-3.18/_common.scss new file mode 100644 index 0000000..a1069b7 --- /dev/null +++ b/Paper/gtk-3.18/_common.scss @@ -0,0 +1,50 @@ +/********** + * Common * + **********/ + +@function gtkalpha($c,$a) { + @return unquote("alpha(#{$c},#{$a})"); +} + +$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); +$asset_suffix: if($variant=='dark', '-dark', ''); +$backdrop_transition: 200ms ease-out; +$button_transition: all 200ms $ease-out-quad; + +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: $error_color; + + // The size for scrollbars. The slider is 2px smaller, but we keep it + // up so that the whole area is sensitive to button presses for the + // slider. The stepper button is larger in both directions, the slider + // only in the width + + -GtkScrolledWindow-scrollbar-spacing: 0; + + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + + -GtkTreeView-horizontal-separator: 4; + + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 24; + + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + + + -GtkPaned-handle-size: 1; + + // We use the outline properties to signal the focus properties + // to the adwaita engine: using real CSS properties is faster, + // and we don't use any outlines for now. + + // outline-color: transparentize($fg_color, 0.7); + // outline-style: dashed; + // outline-offset: -3px; + // outline-width: 1px; + // outline-radius: 2px; + +} \ No newline at end of file diff --git a/Paper/gtk-3.18/_drawing.scss b/Paper/gtk-3.18/_drawing.scss new file mode 100644 index 0000000..6b7073b --- /dev/null +++ b/Paper/gtk-3.18/_drawing.scss @@ -0,0 +1,597 @@ +// Drawing mixins + +// generic drawing of more complex things + +@function _widget_edge($c:$borders_edge) { +// outer highlight "used" on most widgets + @if $c == none { @return none; } + @else { @return 0 1px $c; } +} + +@mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) { +// +// Helper function to stack up to 4 box-shadows; +// + @if $shadow4!=none { box-shadow: $shadow1, $shadow2, $shadow3, $shadow4; } + @else if $shadow3!=none { box-shadow: $shadow1, $shadow2, $shadow3; } + @else if $shadow2!=none { box-shadow: $shadow1, $shadow2; } + @else { box-shadow: $shadow1; } +} + +// entries + +@function entry_focus_border($fc:$selected_bg_color) { + @if $variant == 'light' { @return $fc; } + @else { @return if($fc==$selected_bg_color, $selected_borders_color, darken($fc, 35%)); } +} + +@function entry_focus_shadow($fc:$selected_bg_color) { + @return inset 0 1px 2px 0 transparentize(black, 0.95), inset 0 1px 1px 0 transparentize(black, 0.9); +} + +@function entry_gradient($c) { + @if $variant=='light' { @return linear-gradient(to bottom, mix($borders_color, $c, 45%), + mix($borders_color, $c, 3%) 2px, + $c 90%); } + @else { @return linear-gradient(to bottom, mix($borders_color, $c, 95%), + mix($borders_color, $c, 40%) 3px, + $c 90%); } +} + +@mixin entry($t, $fc:$selected_bg_color, $edge: none) { +// +// Entries drawing function +// +// $t: entry type +// $fc: focus color +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// +// possible $t values: +// normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop; +// + + $_blank_edge: if($edge == none, none, 0 1px transparentize($edge, 1)); + $_entry_edge: if($edge == none, none, _widget_edge($edge)); + + @if $t==normal { + color: $text_color; + border-color: $borders_color; + background-color:$base_color; + @include _shadows(entry_focus_shadow(transparentize($fc, 1)), $_entry_edge); + // for the transition to work the number of shadows in different states needs to match, hence the transparent shadow here. + } + @if $t==focus { + @include _shadows(entry_focus_shadow($fc), $_entry_edge); + border-color: entry_focus_border($fc); + } + @if $t==insensitive { + color: $insensitive_fg_color; + border-color: $borders_color; + background-image: linear-gradient(to bottom, $insensitive_bg_color); + box-shadow: $_entry_edge; + } + @if $t==backdrop { + color: $backdrop_text_color; + border-color: $backdrop_borders_color; + background-image: linear-gradient(to bottom, $backdrop_base_color); + box-shadow: $_blank_edge; + } + @if $t==backdrop-insensitive { + color: $backdrop_insensitive_color; + border-color: $backdrop_borders_color; + background-image: linear-gradient(to bottom, $insensitive_bg_color); + box-shadow: $_blank_edge; + } + @if $t==osd { + color: $osd_text_color; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, transparentize(opacify($osd_borders_color, 1), 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + } + @if $t==osd-focus { + color: $osd_text_color; + border-color: $selected_bg_color; + background-image: linear-gradient(to bottom, transparentize(opacify($osd_borders_color, 1), 0.5)); + background-clip: padding-box; + box-shadow: entry_focus_shadow($fc); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + } + @if $t==osd-insensitive { + color: $osd_insensitive_fg_color; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + } + @if $t==osd-backdrop { + color: $osd_text_color; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, transparentize(opacify($osd_borders_color, 1), 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + } +} + +// +// Buttons +// + +@function _border_color ($c) { @return darken($c, 25%); } // colored buttons want + // the border form the + // base color + +@function _text_shadow_color ($tc: $fg_color, $bg: $bg_color) { +// +// calculate the color of text shadows +// +// $tc is the text color +// $bg is the background color +// + $_lbg: lightness($bg)/100%; + @if lightness($tc)<50% { @return transparentize(white, 1-$_lbg/($_lbg*1.3)); } + @else { @return transparentize(black, $_lbg*0.8); } +} + +@function _button_hilight_color($c) { +// +// calculate the right top hilight color for buttons +// +// $c: base color; +// + @if lightness($c)>95% { @return white; } + @else if lightness($c)>90% { @return transparentize(white, 0.2); } + @else if lightness($c)>80% { @return transparentize(white, 0.4); } + @else if lightness($c)>50% { @return transparentize(white, 0.6); } + @else if lightness($c)>40% { @return transparentize(white, 0.8); } + @else { @return transparentize(white, 0.95); } +} + +@mixin _button_text_shadow ($tc:$fg_color, $bg:$bg_color) { +// +// helper function for the text emboss effect +// +// $tc is the optional text color, not the shadow color +// +// TODO: this functions needs a way to deal with special cases +// + + $_shadow: _text_shadow_color($tc, $bg); + + @if lightness($tc)<50% { + text-shadow: 0 1px $_shadow; + icon-shadow: 0 1px $_shadow; + } + @else { + text-shadow: 0 1px $_shadow; + icon-shadow: 0 -1px $_shadow; + } +} + +@mixin button($t, $c:$bg_color, $tc:$fg_color, $edge: none) { +// +// Button drawing function +// +// $t: button type, +// $c: base button color for colored* types +// $tc: optional text color for colored* types +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// +// possible $t values: +// normal, hover, active, insensitive, insensitive-active, +// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active, +// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated +// + + $_hilight_color: _button_hilight_color($c); + $_button_edge: if($edge == none, none, _widget_edge($edge)); + $_blank_edge: if($edge == none, none, _widget_edge(transparentize($edge,1))); + + // Normal Button + @if $t==normal { + + color: $tc; + outline-color: transparentize($tc, 0.7); + border-color: if($c!=$bg_color, _border_color($c), $borders_color); + background-image: linear-gradient(to bottom, $c, darken($c, 5%)); + @include _button_text_shadow($tc, $c); + @include _shadows(inset 0 1px $_hilight_color, $_button_edge); + + @if $variant == 'light' { + box-shadow:0 1px 0 0 transparentize(white, 0.2); + } + @else { + box-shadow:0 1px 0 0 transparentize(white, 0.95); + } + + } + + // Hover Button + + @else if $t==hover { + + color: $tc; + outline-color: transparentize($tc, 0.7); + border-color: if($c!=$bg_color, _border_color($c), $borders_color); + @if $variant == 'light' { + background-image: linear-gradient(to bottom, lighten($c, 6%), $c 60%, darken($c, 4%)); + @include _button_text_shadow($tc,lighten($c, 6%)); + @include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)), $_button_edge); + } + @else { + background-image: linear-gradient(to bottom, lighten($c, 1%), darken($c, 2%) 60%, darken($c, 4%)); + @include _button_text_shadow($tc,lighten($c, 6%)); + @include _shadows(inset 0 1px _button_hilight_color(darken($c, 2%)), $_button_edge); + } + } + + // Pressed button + @else if $t==active { + + color: $tc; + outline-color: transparentize($tc, 0.7); + border-color: if($c!=$bg_color, _border_color($c), $borders_color); + background-image: linear-gradient(to bottom, darken($c, 7%), darken($c, 2%)); + @include _button_text_shadow($tc, darken($c,10%)); + @include _shadows(inset 0 2px 1px -2px transparentize(black,0.4), + $_button_edge); + + @if $variant == 'light' { + box-shadow:inset 0 1px 1px 0 transparentize(black, 0.95), 0 1px 0 0 transparentize(white, 0.2); + } + @else { + box-shadow:inset 0 1px 1px 0 transparentize(black, 0.95), 0 1px 0 0 transparentize(white, 0.95); + } + } + + // Insensitive Button + @else if $t==insensitive { + + $_bg: if($c!=$bg_color, mix($c, $base_color, 85%), $insensitive_bg_color); + + GtkLabel, & { color: if($tc!=$fg_color, mix($tc, $_bg, 50%), $insensitive_fg_color); } + label, & { color: if($tc!=$fg_color, mix($tc, $_bg, 50%), $insensitive_fg_color); } + + border-color: if($c!=$bg_color, _border_color($c), $insensitive_borders_color); + background-image: none; + background-color: $_bg; + text-shadow: none; + box-shadow: none; + icon-shadow: none; + } + + // Insensitive Pushed Button + @else if $t==insensitive-active { + $_bg: if($c!=$bg_color, darken(mix($c,$base_color, 85%), 5%), + $insensitive_bg_color); + $_bc: if($c!=$bg_color, _border_color($c), $insensitive_borders_color); + + GtkLabel, & { color: if($c!=$bg_color, mix($tc, $_bg, 60%), $insensitive_fg_color); } + label, & { color: if($c!=$bg_color, mix($tc, $_bg, 60%), $insensitive_fg_color); } + + border-color: $_bc; + background-image: none; + background-color: $_bg; + text-shadow: none; + + @if $variant == 'light' { + box-shadow:inset 0 1px 1px 0 transparentize(black, 0.95), 0 1px 0 0 transparentize(white, 0.2); + } + @else { + box-shadow:inset 0 1px 1px 0 transparentize(black, 0.95), 0 1px 0 0 transparentize(white, 0.95); + } + } + + // Backdrop Button + @else if $t==backdrop { + + $_bg: if($c!=$bg_color,$c,$backdrop_bg_color); + $_bc: if($variant=='light',$c,_border_color($c)); + + GtkLabel, & { color: if($tc!=$fg_color,mix($tc, $_bg, 80%), $backdrop_fg_color); } + label, & { color: if($tc!=$fg_color,mix($tc, $_bg, 80%), $backdrop_fg_color); } + + border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color); + background-image: linear-gradient(to bottom, $_bg); + text-shadow: none; + icon-shadow: none; + @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); + } + + // Backdrop Pressed Button + @else if $t==backdrop-active { + + $_bg: if($c!=$bg_color, darken($c, 10%), $backdrop_dark_fill); + $_bc: if($variant=='light',$_bg,_border_color($c)); + + GtkLabel, & { color: if($tc!=$fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); } + label, & { color: if($tc!=$fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); } + + border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color); + background-image: none; + + @if $variant == 'light' { + box-shadow:inset 0 1px 1px 0 transparentize(black, 0.95), 0 1px 0 0 transparentize(white, 0.2); + } + @else { + box-shadow:inset 0 1px 1px 0 transparentize(black, 0.95), 0 1px 0 0 transparentize(white, 0.95); + } + } + + // Insensitive Backdrop Button + @else if $t==backdrop-insensitive { + + $_bg: if($c!=$bg_color, mix($c, $base_color, 85%), $insensitive_bg_color); + $_bc: if($variant=='light', $_bg,_border_color($c)); + + GtkLabel, & { color: if($c!=$bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); } + label, & { color: if($c!=$bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); } + + border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color); + background-image: none; + background-color: $_bg; + text-shadow: none; + icon-shadow: none; + // white with 0 alpha to avoid an ugly transition, since no color means + // black with 0 alpha + @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); + } + + // Insensitive Backdrop Pushed Button + @else if $t==backdrop-insensitive-active { + + $_bg: if($c!=$bg_color, darken(mix($c, $base_color, 85%), 5%), + darken($insensitive_bg_color, 5%)); + $_bc: if($variant=='light', $_bg,_border_color($c)); + + label { color: if($c!=$bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); } + + border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color); + background-image: none; + background-color: $_bg; + + @if $variant == 'light' { + box-shadow:inset 0 1px 1px 0 transparentize(black, 0.95), 0 1px 0 0 transparentize(white, 0.2); + } + @else { + box-shadow:inset 0 1px 1px 0 transparentize(black, 0.95), 0 1px 0 0 transparentize(white, 0.95); + } + } + + // OSD Button + @else if $t==osd { + $_bg: if($c!=$bg_color, transparentize($c, 0.5), + $osd_bg_color); + + color: $osd_fg_color; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $_bg); + background-clip: padding-box; + box-shadow: inset 0 1px transparentize(white, 0.9); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: transparentize($osd_fg_color, 0.7); + } + + // Hover OSD Button + @else if $t==osd-hover { + $_bg: if($c!=$bg_color, transparentize($c, 0.3), + lighten($osd_bg_color, 12%)); + + color: white; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $_bg); + background-clip: padding-box; + box-shadow: inset 0 1px transparentize(white, 0.9); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: transparentize($osd_fg_color, 0.7); + } + + // ACtive OSD Button + @else if $t==osd-active { + $_bg: if($c!=$bg_color, $c, $osd_borders_color); + + color: white; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $_bg); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: transparentize($osd_fg_color, 0.7); + } + + // Insensitive OSD Button + @else if $t==osd-insensitive { + color: $osd_insensitive_fg_color; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + } + + // Backdrop OSD Button + @else if $t==osd-backdrop { + + $_bg: if($c!=$bg_color, transparentize($c, 0.5), + $osd_bg_color); + + color: $osd_fg_color; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $_bg); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + } + + + // Reset + @else if $t==undecorated { + border-color: transparent; + background-color: transparent; + background-image: none; + + @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); + + text-shadow: none; + icon-shadow: none; + } +} + +@mixin trough($flat:false, $c:$bg_color, $tc:$fg_color, $noedge:true) { + color: mix($tc, $bg_color, 80%); + @if $flat { background-image: linear-gradient(to bottom, $c); } + @else { + background-image: linear-gradient(to bottom, + mix(black,$c,15%) 5%, + mix(black,$c,10%) 20%, + mix(black,$c,10%) 90%, + $c); + } + + border-color: if($c!=$bg_color, _border_color($c), $border_color); + + @if not($noedge) { + @if lightness($c) > 60% { + box-shadow: inset 0 -1px $borders_edge, + 0 1px $borders_edge; + } + @else { + box-shadow: inset 0 -1px transparentize($borders_edge, 0.5), + 0 1px transparentize($borders_edge, 0.5); + } + } + @else { box-shadow: none; } +} + +@mixin overshoot($p, $t:normal, $c:$fg_color) { +// +// overshoot +// +// $p: position +// $t: type +// $c: base color +// +// possible $p values: +// top, bottom, right, left +// +// possible $t values: +// normal, backdrop +// + + $_small_gradient_length: 5%; + $_big_gradient_length: 100%; + + $_position: center top; + $_small_gradient_size: 100% $_small_gradient_length; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $p==bottom { + $_position: center bottom; + $_linear_gradient_direction: to top; + } + + @else if $p==right { + $_position: right center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + @else if $p==left { + $_position: left center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + $_small_gradient_color: $c; + $_big_gradient_color: $c; + + @if $c==$fg_color { + $_small_gradient_color: darken($borders_color, 10%); + $_big_gradient_color: $fg_color; + + @if $t==backdrop { $_small_gradient_color: $backdrop_borders_color; } + } + + $_small_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, 0.5, + to($_small_gradient_color), + to(transparentize($_small_gradient_color, 1))); + + $_big_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, 0.6, + from(transparentize($_big_gradient_color, 0.93)), + to(transparentize($_big_gradient_color, 1))); + + @if $t==normal { + background-image: $_small_gradient, $_big_gradient; + background-size: $_small_gradient_size, $_big_gradient_size; + } + + @else if $t==backdrop { + background-image: $_small_gradient; + background-size: $_small_gradient_size; + } + + background-repeat: no-repeat; + background-position: $_position; + + background-color: transparent; // reset some properties to be sure to not inherit them somehow + border: none; // + box-shadow: none; // +} + +@mixin undershoot($p) { +// +// undershoot +// +// $p: position +// +// possible $p values: +// top, bottom, right, left +// + + $_undershoot_color_dark: transparentize(black, 0.8); + $_undershoot_color_light: transparentize(white, 0.8); + + $_gradient_dir: left; + $_dash_bg_size: 10px 1px; + $_gradient_repeat: repeat-x; + $_bg_pos: center $p; + + background-color: transparent; // shouldn't be needed, but better to be sure; + + @if ($p == left) or ($p == right) { + $_gradient_dir: top; + $_dash_bg_size: 1px 10px; + $_gradient_repeat: repeat-y; + $_bg_pos: $p center; + } + + background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%); + + padding-#{$p}: 1px; + background-size: $_dash_bg_size; + background-repeat: $_gradient_repeat; + background-origin: content-box; + background-position: $_bg_pos; + border: none; + box-shadow: none; +} diff --git a/Paper/gtk-3.18/_widgets.scss b/Paper/gtk-3.18/_widgets.scss new file mode 100644 index 0000000..877b4b4 --- /dev/null +++ b/Paper/gtk-3.18/_widgets.scss @@ -0,0 +1,40 @@ +/*********** + * Widgets * + ***********/ + +@import 'widgets/action-bars'; +@import 'widgets/app-notifications'; +@import 'widgets/base-states'; +@import 'widgets/buttons'; +@import 'widgets/calendar'; +@import 'widgets/checks-radios'; +@import 'widgets/color-chooser'; +@import 'widgets/comboboxes'; +@import 'widgets/dialogs'; +@import 'widgets/entries'; +@import 'widgets/expanders'; +@import 'widgets/floating-bar'; +@import 'widgets/frames'; +@import 'widgets/granite'; +@import 'widgets/header-bars'; +@import 'widgets/infobars'; +@import 'widgets/level-bars'; +@import 'widgets/links'; +@import 'widgets/lists'; +@import 'widgets/menus'; +@import 'widgets/misc'; +@import 'widgets/notebooks'; +@import 'widgets/paned'; +@import 'widgets/pathbars'; +@import 'widgets/popovers'; +@import 'widgets/progress-bars'; +@import 'widgets/scales'; +@import 'widgets/scrollbars'; +@import 'widgets/sidebar'; +@import 'widgets/spinbuttons'; +@import 'widgets/spinner'; +@import 'widgets/switches'; +@import 'widgets/toolbars'; +@import 'widgets/tooltips'; +@import 'widgets/treeviews'; +@import 'widgets/windows'; \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/_archive-manager.scss b/Paper/gtk-3.18/apps/_archive-manager.scss similarity index 100% rename from Paper/gtk-3.0/apps/_archive-manager.scss rename to Paper/gtk-3.18/apps/_archive-manager.scss diff --git a/Paper/gtk-3.0/apps/_birdie.scss b/Paper/gtk-3.18/apps/_birdie.scss similarity index 100% rename from Paper/gtk-3.0/apps/_birdie.scss rename to Paper/gtk-3.18/apps/_birdie.scss diff --git a/Paper/gtk-3.0/apps/_budgie.scss b/Paper/gtk-3.18/apps/_budgie.scss similarity index 100% rename from Paper/gtk-3.0/apps/_budgie.scss rename to Paper/gtk-3.18/apps/_budgie.scss diff --git a/Paper/gtk-3.0/apps/_geary.scss b/Paper/gtk-3.18/apps/_geary.scss similarity index 100% rename from Paper/gtk-3.0/apps/_geary.scss rename to Paper/gtk-3.18/apps/_geary.scss diff --git a/Paper/gtk-3.0/apps/_gnome.scss b/Paper/gtk-3.18/apps/_gnome.scss similarity index 98% rename from Paper/gtk-3.0/apps/_gnome.scss rename to Paper/gtk-3.18/apps/_gnome.scss index 80c029b..8511c2a 100644 --- a/Paper/gtk-3.0/apps/_gnome.scss +++ b/Paper/gtk-3.18/apps/_gnome.scss @@ -99,24 +99,24 @@ NautilusCanvasView { .unknown { background-color: #888a85; - border-color: shade(#888a85, 0.8); + border-color: darken(#888a85, 20%); } .used { background-color: #9FB0B9; - border-color: shade(#9FB0B9, 0.8); + border-color: darken(#9FB0B9, 20%); } .free { background-color: #D8D8D8; - border-color: shade(#D8D8D8, 0.8); + border-color: darken(#D8D8D8, 20%); } } .nautilus-desktop { - color: $fg_color; + color: $fg_color; .nautilus-canvas-item { border-radius: 5px; diff --git a/Paper/gtk-3.18/apps/_lightdm.scss b/Paper/gtk-3.18/apps/_lightdm.scss new file mode 100644 index 0000000..d09e7a9 --- /dev/null +++ b/Paper/gtk-3.18/apps/_lightdm.scss @@ -0,0 +1,115 @@ +/*********** + * LightDm * + ***********/ + +// the panel widget at the top +#panel_window { + background-color: $panel_bg_color; + color: $panel_fg_color; + font: bold; + box-shadow: inset 0 -1px darken($panel_bg_color, 7%); + + // the menubars/menus of the panel, i.e. indicators + .menubar, + .menubar > .menuitem + menubar, + menubar > menuitem { + background-color: transparent; + color: $panel_fg_color; + font: bold; + } + + .menubar .menuitem:insensitive, + menubar menuitem:insensitive { + color: transparentize($panel_fg_color, 0.5); + + GtkLabel { color: inherit; } + label { color: inherit; } + } + .menubar .menu > .menuitem, + menubar menu > menuitem { font: normal; } +} + +// the login window +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: $fg_color; +} + +// the top half of the login-window, in GtkDialog terms, the content +#content_frame { + padding-bottom: 14px; + background-color: $bg_color; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid transparentize(black, 0.9); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + @include button(normal); + + &:hover { @include button(hover); } + &:active, &:checked { @include button(active); } + &:insensitive { @include button(insensitive); } +} + +// the lower half of the login-window, in GtkDialog terms the buttonbox or action area +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: if($variant=='light', $osd_bg_color, $headerbar_bg_color); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid transparentize(black, 0.9); + border-width: 0 1px 1px 1px; +} + +#buttonbox_frame button{ + @include button(osd); + + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); } + &:insensitive { @include button(osd-insensitive); } +} + +#login_window #user_combobox { + color: $fg_color; + font: 13px; + + .menu, + menu { font: normal; } +} + +// the user's avatar box +#user_image { + padding: 3px; + border-radius: 2px; +} + +// the shutdown button +#shutdown_button.button { + @include button(suggested_destructive, $destructive_color); + + &:hover { @include button(suggested_destructive, lighten($destructive_color, 10%)); } + &:active, &:checked { @include button(suggested_destructive, darken($destructive_color, 10%)); } +} + +// the restart button +#restart_button.button { + @include button(suggested_destructive, $suggested_color); + + &:hover { @include button(suggested_destructive, lighten($suggested_color, 10%)); } + &:active, &:checked { @include button(suggested_destructive, darken($suggested_color, 10%)); } +} + +// the warning, in case a wrong password is entered or something else goes wrong according to PAM +#greeter_infobar { + border-bottom-width: 0; + font: bold; +} diff --git a/Paper/gtk-3.0/apps/_midori.scss b/Paper/gtk-3.18/apps/_midori.scss similarity index 100% rename from Paper/gtk-3.0/apps/_midori.scss rename to Paper/gtk-3.18/apps/_midori.scss diff --git a/Paper/gtk-3.0/apps/_pantheon.scss b/Paper/gtk-3.18/apps/_pantheon.scss similarity index 100% rename from Paper/gtk-3.0/apps/_pantheon.scss rename to Paper/gtk-3.18/apps/_pantheon.scss diff --git a/Paper/gtk-3.0/apps/_unity.scss b/Paper/gtk-3.18/apps/_unity.scss similarity index 94% rename from Paper/gtk-3.0/apps/_unity.scss rename to Paper/gtk-3.18/apps/_unity.scss index 124a314..a9331c6 100644 --- a/Paper/gtk-3.0/apps/_unity.scss +++ b/Paper/gtk-3.18/apps/_unity.scss @@ -73,10 +73,6 @@ UnityDecoration.right { $unity_color, darken($unity_color, 0.6) ); - background-image: -gtk-gradient (linear, left top, left bottom, - color-stop (0, $unity_color), - color-stop (0.5, $unity_color), - color-stop (1, darken($unity_color, 0.6))); } UnityDecoration.bottom { diff --git a/Paper/gtk-3.0/apps/_vocal.scss b/Paper/gtk-3.18/apps/_vocal.scss similarity index 100% rename from Paper/gtk-3.0/apps/_vocal.scss rename to Paper/gtk-3.18/apps/_vocal.scss diff --git a/Paper/gtk-3.18/gtk-dark.css b/Paper/gtk-3.18/gtk-dark.css new file mode 100644 index 0000000..b6e7971 --- /dev/null +++ b/Paper/gtk-3.18/gtk-dark.css @@ -0,0 +1,6052 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #A1A8AB; +/* text color for entries, views and content in general */ +@define-color theme_text_color #A1A8AB; +/* widget base background color */ +@define-color theme_bg_color #4F585C; +/* text widgets and the like base background color */ +@define-color theme_base_color #636E73; +/* base background color of selections */ +@define-color theme_selected_bg_color #426b7e; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #ffffff; +/* base background color of insensitive widgets */ +@define-color insensitive_bg_color #576165; +/* text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #788084; +/* insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #636E73; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #788084; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #A1A8AB; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #4F585C; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #657176; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #426b7e; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #ffffff; +/* widgets main borders color */ +@define-color borders #373e41; +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders #394144; +/* these are pretty self explicative */ +@define-color warning_color #feea3a; +@define-color error_color #f34235; +@define-color success_color #167848; +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#A1A8AB, 1.8); +@define-color wm_unfocused_title #788084; +@define-color wm_highlight transparent; +@define-color wm_borders_edge rgba(255, 255, 255, 0.1); +@define-color wm_bg_a shade(#4F585C, 1.2); +@define-color wm_bg_b #4F585C; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#4F585C, 1.3); +@define-color wm_button_hover_color_b #4F585C; +@define-color wm_button_active_color_a shade(#4F585C, 0.85); +@define-color wm_button_active_color_b shade(#4F585C, 0.89); +@define-color wm_button_active_color_c shade(#4F585C, 0.9); +@define-color content_view_bg #636E73; +/********** + * Common * + **********/ +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #f34235; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 24; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + -GtkPaned-handle-size: 1; } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar { + background-color: #373e41; + border: solid #373e41; + border-width: 1px 0 0 0; + color: #A1A8AB; + box-shadow: none; } + .action-bar:backdrop { + background-color: #373e41; + box-shadow: none; + -gtk-image-effect: dim; } + .action-bar:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; } + .action-bar:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: rgba(32, 37, 38, 0.8); + background-clip: padding-box; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; + transition: 200ms ease-out; } + +/*************** + * Base States * + ***************/ +.background { + color: #A1A8AB; + background-color: #4F585C; } + .background:backdrop { + color: #788084; + background-color: #4F585C; + text-shadow: none; + icon-shadow: none; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ +*:insensitive { + -gtk-image-effect: dim; } + +.gtkstyle-fallback { + color: #A1A8AB; + background-color: #4F585C; } + .gtkstyle-fallback:hover { + color: #A1A8AB; + background-color: #677277; } + .gtkstyle-fallback:active { + color: #A1A8AB; + background-color: #373e41; } + .gtkstyle-fallback:insensitive { + color: #788084; + background-color: #576165; } + .gtkstyle-fallback:selected { + color: #ffffff; + background-color: #426b7e; } + +.view, GtkIconView, +GtkTextView GtkLabel { + color: #A1A8AB; + background-color: #636E73; } + .view:backdrop, GtkIconView:backdrop, + GtkTextView GtkLabel:backdrop { + color: #959da0; + background-color: #657176; } + .view:selected:focus, GtkIconView:selected:focus, .view:selected, GtkIconView:selected, + GtkTextView GtkLabel:selected:focus, + GtkTextView GtkLabel:selected { + border-radius: 3px; } + +GtkTextView { + background-color: #596368; } + GtkTextView:backdrop { + background-color: #5a6569; } + GtkTextView.bottom { + background-size: 100% 1px; + background-position: top; } + GtkTextView.top { + background-size: 100% 1px; + background-position: bottom; } + GtkTextView.left { + background-size: 1px 100%; + background-position: right; } + GtkTextView.right { + background-size: 1px 100%; + background-position: left; } + +GtkIconView { + background-color: transparent; } + GtkIconView:backdrop { + background-color: transparent; } + +.rubberband, +GtkFlow rubberband, +GtkFlow GtkTreeView.view .rubberband, +GtkTreeView.view GtkFlow .rubberband, +GtkFlow GtkTreeView.view rubberband, +GtkTreeView.view GtkFlow rubberband, +GtkFlow treeview.view .rubberband, +treeview.view GtkFlow .rubberband, +GtkFlow treeview.view rubberband, +treeview.view GtkFlow rubberband { + border: 1px solid #304f5d; + background-color: rgba(48, 79, 93, 0.2); } + +GtkFlow flowboxchild { + padding: 3px; + border-radius: 3px; } + GtkFlow flowboxchild:selected { + outline-offset: -2px; } + +GtkLabel.separator { + color: #A1A8AB; } + GtkLabel.separator:backdrop { + color: #788084; } +GtkLabel:selected { + background-color: #426b7e; + color: #ffffff; } +GtkLabel:insensitive { + color: #788084; } + GtkLabel:insensitive:backdrop { + color: #727f85; } +GtkLabel:backdrop { + color: #788084; } + +.dim-label, GtkLabel.separator, .titlebar:not(headerbar) .subtitle, +.header-bar .subtitle { + opacity: 0.55; + text-shadow: none; } + +.app-notification, +.app-notification.frame, .osd .scale-popup, .csd GtkPopover.touch-selection, .csd GtkPopover.magnifier, GtkPopover.touch-selection, GtkPopover.magnifier, .csd +.popover.background.touch-selection, .csd +.popover.background.magnifier, +.popover.background.touch-selection, +.popover.background.magnifier, .csd GtkPopover.osd, GtkPopover.osd, .csd +.popover.background.osd, +.popover.background.osd, +.osd { + color: #A1A8AB; + border: none; + background-color: rgba(32, 37, 38, 0.8); + background-clip: padding-box; + outline-color: rgba(161, 168, 171, 0.3); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .app-notification:backdrop, .osd .scale-popup:backdrop, GtkPopover.touch-selection:backdrop, GtkPopover.magnifier:backdrop, + .popover.background.touch-selection:backdrop, + .popover.background.magnifier:backdrop, GtkPopover.osd:backdrop, + .popover.background.osd:backdrop, + .osd:backdrop { + text-shadow: none; + icon-shadow: none; } + +.view:selected:focus, GtkIconView:selected:focus, .view:selected, GtkIconView:selected, +GtkTextView GtkLabel:selected:focus, +GtkTextView GtkLabel:selected, GtkTextView GtkLabel selection:focus, GtkTextView GtkLabel selection, GtkFlow flowboxchild:selected, modelbutton.flat:selected, GtkPopover .check:selected, +GtkPopover .radio:selected, +.popover.background .check:selected, +.popover.background .radio:selected, +.menuitem.button.flat:selected, GtkCalendar:selected, .spinbutton:selected:not(.vertical), +.entry:selected:focus, +.entry:selected, .list-row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, +treeview.view:selected:focus, +treeview.view:selected { + background-color: #426b7e; } + .list-row:selected GtkLabel, row:selected GtkLabel, GtkLabel:selected, .view:selected:focus, GtkIconView:selected:focus, .view:selected, GtkIconView:selected, + GtkTextView GtkLabel:selected:focus, + GtkTextView GtkLabel:selected, GtkTextView GtkLabel selection:focus, GtkTextView GtkLabel selection, GtkFlow flowboxchild:selected, modelbutton.flat:selected, GtkPopover .check:selected, + GtkPopover .radio:selected, + .popover.background .check:selected, + .popover.background .radio:selected, + .menuitem.button.flat:selected, GtkCalendar:selected, .spinbutton:selected:not(.vertical), + .entry:selected:focus, + .entry:selected, .list-row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + color: #ffffff; } + .list-row:selected GtkLabel:insensitive, row:selected GtkLabel:insensitive, GtkLabel:insensitive:selected, GtkIconView:insensitive:selected:focus, .view:insensitive:selected, GtkIconView:insensitive:selected, + GtkTextView GtkLabel:insensitive:selected:focus, GtkTextView GtkLabel selection:insensitive, GtkFlow flowboxchild:insensitive:selected, GtkLabel:insensitive:selected, modelbutton.flat:insensitive:selected, GtkPopover .check:insensitive:selected, + GtkPopover .radio:insensitive:selected, + .popover.background .check:insensitive:selected, + .popover.background .radio:insensitive:selected, + .menuitem.button.flat:insensitive:selected, GtkCalendar:insensitive:selected, .spinbutton:insensitive:selected:not(.vertical), + .entry:insensitive:selected, .list-row:insensitive:selected { + color: #a1b5bf; } + .list-row:selected GtkLabel:backdrop, row:selected GtkLabel:backdrop, GtkLabel:backdrop:selected, GtkIconView:backdrop:selected:focus, .view:backdrop:selected, GtkIconView:backdrop:selected, + GtkTextView GtkLabel:backdrop:selected:focus, GtkTextView GtkLabel selection:backdrop, GtkFlow flowboxchild:backdrop:selected, GtkLabel:backdrop:selected, modelbutton.flat:backdrop:selected, GtkPopover .check:backdrop:selected, + GtkPopover .radio:backdrop:selected, + .popover.background .check:backdrop:selected, + .popover.background .radio:backdrop:selected, + .menuitem.button.flat:backdrop:selected, GtkCalendar:backdrop:selected, .spinbutton:backdrop:selected:not(.vertical), + .entry:backdrop:selected, .list-row:backdrop:selected { + color: rgba(255, 255, 255, 0.5); } + .list-row:selected GtkLabel:backdrop:insensitive, row:selected GtkLabel:backdrop:insensitive, GtkLabel:backdrop:insensitive:selected, .view:backdrop:insensitive:selected, GtkIconView:backdrop:insensitive:selected, GtkTextView GtkLabel selection:backdrop:insensitive, GtkFlow flowboxchild:backdrop:insensitive:selected, GtkLabel:backdrop:insensitive:selected, modelbutton.flat:backdrop:insensitive:selected, GtkPopover .check:backdrop:insensitive:selected, + GtkPopover .radio:backdrop:insensitive:selected, + .popover.background .check:backdrop:insensitive:selected, + .popover.background .radio:backdrop:insensitive:selected, + .menuitem.button.flat:backdrop:insensitive:selected, GtkCalendar:backdrop:insensitive:selected, .spinbutton:backdrop:insensitive:selected:not(.vertical), + .entry:backdrop:insensitive:selected, .list-row:backdrop:insensitive:selected { + color: rgba(90, 126, 142, 0.85); } + +.monospace { + font: Monospace; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#6194ac), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#426b7e), to(transparent)); } } +.button { + padding: 4px 9px; + border: 1px solid #373e41; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #373e41; + background-image: linear-gradient(to bottom, #4F585C, #434b4e); + text-shadow: 0 1px rgba(0, 0, 0, 0.73176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + transition: none; } + .button.flat:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; } + .button.flat:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + .button:hover { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #373e41; + background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); + text-shadow: 0 1px rgba(0, 0, 0, 0.68376); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + -gtk-image-effect: highlight; } + .button:active, + .button:checked { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #373e41; + background-image: linear-gradient(to bottom, #3f4649, #4a5357); + text-shadow: 0 1px rgba(0, 0, 0, 0.81176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); + transition-duration: 50ms; } + .button:backdrop.flat, + .button:backdrop { + border-color: #394144; + background-image: linear-gradient(to bottom, #4F585C); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + transition: 200ms ease-out; + -gtk-image-effect: none; } + .button:backdrop.flat GtkLabel, + .button:backdrop.flat, + .button:backdrop GtkLabel, + .button:backdrop { + color: #788084; } + .button:backdrop.flat label, + .button:backdrop.flat, + .button:backdrop label, + .button:backdrop { + color: #788084; } + .button:backdrop.flat:active, + .button:backdrop.flat:checked, + .button:backdrop:active, + .button:backdrop:checked { + border-color: #394144; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button:backdrop.flat:active GtkLabel, + .button:backdrop.flat:active, + .button:backdrop.flat:checked GtkLabel, + .button:backdrop.flat:checked, + .button:backdrop:active GtkLabel, + .button:backdrop:active, + .button:backdrop:checked GtkLabel, + .button:backdrop:checked { + color: #788084; } + .button:backdrop.flat:active label, + .button:backdrop.flat:active, + .button:backdrop.flat:checked label, + .button:backdrop.flat:checked, + .button:backdrop:active label, + .button:backdrop:active, + .button:backdrop:checked label, + .button:backdrop:checked { + color: #788084; } + .button:backdrop.flat:insensitive, + .button:backdrop:insensitive { + border-color: #394144; + background-image: none; + background-color: #576165; + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button:backdrop.flat:insensitive GtkLabel, + .button:backdrop.flat:insensitive, + .button:backdrop:insensitive GtkLabel, + .button:backdrop:insensitive { + color: #727f85; } + .button:backdrop.flat:insensitive label, + .button:backdrop.flat:insensitive, + .button:backdrop:insensitive label, + .button:backdrop:insensitive { + color: #727f85; } + .button:backdrop.flat:insensitive:active, + .button:backdrop.flat:insensitive:checked, + .button:backdrop:insensitive:active, + .button:backdrop:insensitive:checked { + border-color: #394144; + background-image: none; + background-color: #4b5457; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button:backdrop.flat:insensitive:active label, + .button:backdrop.flat:insensitive:checked label, + .button:backdrop:insensitive:active label, + .button:backdrop:insensitive:checked label { + color: #727f85; } + .button.flat:backdrop, + .button.flat:insensitive, + .button.flat:backdrop:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; } + .button:insensitive, + .button:insensitive { + border-color: #373e41; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: none; + icon-shadow: none; } + .button:insensitive GtkLabel, + .button:insensitive, + .button:insensitive GtkLabel, + .button:insensitive { + color: #788084; } + .button:insensitive label, + .button:insensitive, + .button:insensitive label, + .button:insensitive { + color: #788084; } + .button:insensitive:active, + .button:insensitive:checked, + .button:insensitive:active, + .button:insensitive:checked { + border-color: #373e41; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button:insensitive:active GtkLabel, + .button:insensitive:active, + .button:insensitive:checked GtkLabel, + .button:insensitive:checked, + .button:insensitive:active GtkLabel, + .button:insensitive:active, + .button:insensitive:checked GtkLabel, + .button:insensitive:checked { + color: #788084; } + .button:insensitive:active label, + .button:insensitive:active, + .button:insensitive:checked label, + .button:insensitive:checked, + .button:insensitive:active label, + .button:insensitive:active, + .button:insensitive:checked label, + .button:insensitive:checked { + color: #788084; } + .button.image-button { + padding-left: 4px; + padding-right: 4px; } + .button.text-button { + padding-left: 16px; + padding-right: 16px; } + .button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + .button.text-button.image-button GtkLabel, + .button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } +row:selected +.button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #ffffff; + border-color: transparent; } + row:selected + .button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #788084; } +.button.osd { + color: #A1A8AB; + border-radius: 5px; + outline-color: rgba(161, 168, 171, 0.3); + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + .button.osd:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + .button.osd:active, + .button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + .button.osd:insensitive:backdrop, + .button.osd:insensitive, + .button.osd:insensitive:backdrop, + .button.osd:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + border: none; } + .button.osd:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + border: none; } +.app-notification .button, .app-notification button, +.app-notification.frame .button, +.app-notification.frame button, .csd GtkPopover.touch-selection button, .csd GtkPopover.magnifier button, GtkPopover.touch-selection button, GtkPopover.magnifier button, .csd +.popover.background.touch-selection button, .csd +.popover.background.magnifier button, +.popover.background.touch-selection button, +.popover.background.magnifier button, .osd +.button { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:hover, .app-notification button:hover, GtkPopover.touch-selection button:hover, GtkPopover.magnifier button:hover, + .popover.background.touch-selection button:hover, + .popover.background.magnifier button:hover, .osd + .button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:active:backdrop, .app-notification button:active:backdrop, GtkPopover.touch-selection button:active:backdrop, GtkPopover.magnifier button:active:backdrop, + .popover.background.touch-selection button:active:backdrop, + .popover.background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, GtkPopover.touch-selection button:active, GtkPopover.magnifier button:active, + .popover.background.touch-selection button:active, + .popover.background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, GtkPopover.touch-selection button:checked:backdrop, GtkPopover.magnifier button:checked:backdrop, + .popover.background.touch-selection button:checked:backdrop, + .popover.background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, GtkPopover.touch-selection button:checked, GtkPopover.magnifier button:checked, + .popover.background.touch-selection button:checked, + .popover.background.magnifier button:checked, .osd + .button:active:backdrop, .osd + .button:active, .osd + .button:checked:backdrop, .osd + .button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:insensitive:backdrop, .app-notification button:insensitive:backdrop, GtkPopover.touch-selection button:insensitive:backdrop, GtkPopover.magnifier button:insensitive:backdrop, + .popover.background.touch-selection button:insensitive:backdrop, + .popover.background.magnifier button:insensitive:backdrop, .app-notification .button:insensitive, .app-notification button:insensitive, GtkPopover.touch-selection button:insensitive, GtkPopover.magnifier button:insensitive, + .popover.background.touch-selection button:insensitive, + .popover.background.magnifier button:insensitive, .osd + .button:insensitive:backdrop, .osd + .button:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .app-notification .button:backdrop, .app-notification button:backdrop, GtkPopover.touch-selection button:backdrop, GtkPopover.magnifier button:backdrop, + .popover.background.touch-selection button:backdrop, + .popover.background.magnifier button:backdrop, .osd + .button:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .app-notification .flat.button, .app-notification button.flat, GtkPopover.touch-selection button.flat, GtkPopover.magnifier button.flat, + .popover.background.touch-selection button.flat, + .popover.background.magnifier button.flat, .osd + .button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + box-shadow: none; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .app-notification .flat.button:hover, .app-notification button.flat:hover, GtkPopover.touch-selection button.flat:hover, GtkPopover.magnifier button.flat:hover, + .popover.background.touch-selection button.flat:hover, + .popover.background.magnifier button.flat:hover, .osd + .button.flat:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .flat.button:insensitive, .app-notification button.flat:insensitive, GtkPopover.touch-selection button.flat:insensitive, GtkPopover.magnifier button.flat:insensitive, + .popover.background.touch-selection button.flat:insensitive, + .popover.background.magnifier button.flat:insensitive, .osd + .button.flat:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + background-image: none; + border-color: transparent; + box-shadow: none; } + .app-notification .flat.button:backdrop, .app-notification button.flat:backdrop, GtkPopover.touch-selection button.flat:backdrop, GtkPopover.magnifier button.flat:backdrop, + .popover.background.touch-selection button.flat:backdrop, + .popover.background.magnifier button.flat:backdrop, .osd + .button.flat:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; } + .app-notification .flat.button:active, .app-notification button.flat:active, GtkPopover.touch-selection button.flat:active, GtkPopover.magnifier button.flat:active, + .popover.background.touch-selection button.flat:active, + .popover.background.magnifier button.flat:active, .app-notification .flat.button:checked, .app-notification button.flat:checked, GtkPopover.touch-selection button.flat:checked, GtkPopover.magnifier button.flat:checked, + .popover.background.touch-selection button.flat:checked, + .popover.background.magnifier button.flat:checked, .osd + .button.flat:active, .osd + .button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } +.button.suggested-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #16242a; + background-image: linear-gradient(to bottom, #426b7e, #395d6d); + text-shadow: 0 1px rgba(0, 0, 0, 0.69882); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.69882); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #426b7e; } + .button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #16242a; + background-image: linear-gradient(to bottom, #446e81, #3e6577 60%, #3b6071); + text-shadow: 0 1px rgba(0, 0, 0, 0.65082); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.65082); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + .button.suggested-action:active, + .button.suggested-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #16242a; + background-image: linear-gradient(to bottom, #365767, #3e6577); + text-shadow: 0 1px rgba(0, 0, 0, 0.77882); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.77882); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button.suggested-action:backdrop, + .button.suggested-action.flat:backdrop { + border-color: #16242a; + background-image: linear-gradient(to bottom, #426b7e); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button.suggested-action:backdrop GtkLabel, + .button.suggested-action:backdrop, + .button.suggested-action.flat:backdrop GtkLabel, + .button.suggested-action.flat:backdrop { + color: #d9e1e5; } + .button.suggested-action:backdrop label, + .button.suggested-action:backdrop, + .button.suggested-action.flat:backdrop label, + .button.suggested-action.flat:backdrop { + color: #d9e1e5; } + .button.suggested-action:backdrop:active, + .button.suggested-action:backdrop:checked, + .button.suggested-action.flat:backdrop:active, + .button.suggested-action.flat:backdrop:checked { + border-color: #16242a; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button.suggested-action:backdrop:active GtkLabel, + .button.suggested-action:backdrop:active, + .button.suggested-action:backdrop:checked GtkLabel, + .button.suggested-action:backdrop:checked, + .button.suggested-action.flat:backdrop:active GtkLabel, + .button.suggested-action.flat:backdrop:active, + .button.suggested-action.flat:backdrop:checked GtkLabel, + .button.suggested-action.flat:backdrop:checked { + color: #d6dcdf; } + .button.suggested-action:backdrop:active label, + .button.suggested-action:backdrop:active, + .button.suggested-action:backdrop:checked label, + .button.suggested-action:backdrop:checked, + .button.suggested-action.flat:backdrop:active label, + .button.suggested-action.flat:backdrop:active, + .button.suggested-action.flat:backdrop:checked label, + .button.suggested-action.flat:backdrop:checked { + color: #d6dcdf; } + .button.suggested-action:backdrop:insensitive, + .button.suggested-action.flat:backdrop:insensitive { + border-color: #394144; + background-image: none; + background-color: #576165; + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button.suggested-action:backdrop:insensitive GtkLabel, + .button.suggested-action:backdrop:insensitive, + .button.suggested-action.flat:backdrop:insensitive GtkLabel, + .button.suggested-action.flat:backdrop:insensitive { + color: #727f85; } + .button.suggested-action:backdrop:insensitive label, + .button.suggested-action:backdrop:insensitive, + .button.suggested-action.flat:backdrop:insensitive label, + .button.suggested-action.flat:backdrop:insensitive { + color: #727f85; } + .button.suggested-action:backdrop:insensitive:active, + .button.suggested-action:backdrop:insensitive:checked, + .button.suggested-action.flat:backdrop:insensitive:active, + .button.suggested-action.flat:backdrop:insensitive:checked { + border-color: #16242a; + background-image: none; + background-color: #3e5d6c; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button.suggested-action:backdrop:insensitive:active label, + .button.suggested-action:backdrop:insensitive:checked label, + .button.suggested-action.flat:backdrop:insensitive:active label, + .button.suggested-action.flat:backdrop:insensitive:checked label { + color: #82969f; } + .button.suggested-action.flat:backdrop, + .button.suggested-action.flat:insensitive, + .button.suggested-action.flat:backdrop:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: rgba(66, 107, 126, 0.8); } + .button.suggested-action:insensitive { + border-color: #373e41; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: none; + icon-shadow: none; } + .button.suggested-action:insensitive GtkLabel, + .button.suggested-action:insensitive { + color: #788084; } + .button.suggested-action:insensitive label, + .button.suggested-action:insensitive { + color: #788084; } + .button.suggested-action:insensitive:active, + .button.suggested-action:insensitive:checked { + border-color: #16242a; + background-image: none; + background-color: #3e5d6c; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button.suggested-action:insensitive:active GtkLabel, + .button.suggested-action:insensitive:active, + .button.suggested-action:insensitive:checked GtkLabel, + .button.suggested-action:insensitive:checked { + color: #b2bec4; } + .button.suggested-action:insensitive:active label, + .button.suggested-action:insensitive:active, + .button.suggested-action:insensitive:checked label, + .button.suggested-action:insensitive:checked { + color: #b2bec4; } + .osd + .button.suggested-action { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(66, 107, 126, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.suggested-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(66, 107, 126, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.suggested-action:active:backdrop, .osd + .button.suggested-action:active, .osd + .button.suggested-action:checked:backdrop, .osd + .button.suggested-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #426b7e); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.suggested-action:insensitive:backdrop, .osd + .button.suggested-action:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .osd + .button.suggested-action:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(66, 107, 126, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } +.button.destructive-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #6f0e07; + background-image: linear-gradient(to bottom, #e71d0e, #cf1a0c); + text-shadow: 0 1px rgba(0, 0, 0, 0.61569); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.61569); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #e71d0e; } + .button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #6f0e07; + background-image: linear-gradient(to bottom, #ec1d0e, #de1b0d 60%, #d41a0d); + text-shadow: 0 1px rgba(0, 0, 0, 0.56769); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.56769); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + .button.destructive-action:active, + .button.destructive-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #6f0e07; + background-image: linear-gradient(to bottom, #c6180c, #de1b0d); + text-shadow: 0 1px rgba(0, 0, 0, 0.69569); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.69569); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button.destructive-action:backdrop, + .button.destructive-action.flat:backdrop { + border-color: #6f0e07; + background-image: linear-gradient(to bottom, #e71d0e); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button.destructive-action:backdrop GtkLabel, + .button.destructive-action:backdrop, + .button.destructive-action.flat:backdrop GtkLabel, + .button.destructive-action.flat:backdrop { + color: #fad2cf; } + .button.destructive-action:backdrop label, + .button.destructive-action:backdrop, + .button.destructive-action.flat:backdrop label, + .button.destructive-action.flat:backdrop { + color: #fad2cf; } + .button.destructive-action:backdrop:active, + .button.destructive-action:backdrop:checked, + .button.destructive-action.flat:backdrop:active, + .button.destructive-action.flat:backdrop:checked { + border-color: #6f0e07; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button.destructive-action:backdrop:active GtkLabel, + .button.destructive-action:backdrop:active, + .button.destructive-action:backdrop:checked GtkLabel, + .button.destructive-action:backdrop:checked, + .button.destructive-action.flat:backdrop:active GtkLabel, + .button.destructive-action.flat:backdrop:active, + .button.destructive-action.flat:backdrop:checked GtkLabel, + .button.destructive-action.flat:backdrop:checked { + color: #f1d1ce; } + .button.destructive-action:backdrop:active label, + .button.destructive-action:backdrop:active, + .button.destructive-action:backdrop:checked label, + .button.destructive-action:backdrop:checked, + .button.destructive-action.flat:backdrop:active label, + .button.destructive-action.flat:backdrop:active, + .button.destructive-action.flat:backdrop:checked label, + .button.destructive-action.flat:backdrop:checked { + color: #f1d1ce; } + .button.destructive-action:backdrop:insensitive, + .button.destructive-action.flat:backdrop:insensitive { + border-color: #394144; + background-image: none; + background-color: #576165; + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button.destructive-action:backdrop:insensitive GtkLabel, + .button.destructive-action:backdrop:insensitive, + .button.destructive-action.flat:backdrop:insensitive GtkLabel, + .button.destructive-action.flat:backdrop:insensitive { + color: #727f85; } + .button.destructive-action:backdrop:insensitive label, + .button.destructive-action:backdrop:insensitive, + .button.destructive-action.flat:backdrop:insensitive label, + .button.destructive-action.flat:backdrop:insensitive { + color: #727f85; } + .button.destructive-action:backdrop:insensitive:active, + .button.destructive-action:backdrop:insensitive:checked, + .button.destructive-action.flat:backdrop:insensitive:active, + .button.destructive-action.flat:backdrop:insensitive:checked { + border-color: #6f0e07; + background-image: none; + background-color: #bd251a; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button.destructive-action:backdrop:insensitive:active label, + .button.destructive-action:backdrop:insensitive:checked label, + .button.destructive-action.flat:backdrop:insensitive:active label, + .button.destructive-action.flat:backdrop:insensitive:checked label { + color: #d4716a; } + .button.destructive-action.flat:backdrop, + .button.destructive-action.flat:insensitive, + .button.destructive-action.flat:backdrop:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: rgba(231, 29, 14, 0.8); } + .button.destructive-action:insensitive { + border-color: #373e41; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: none; + icon-shadow: none; } + .button.destructive-action:insensitive GtkLabel, + .button.destructive-action:insensitive { + color: #788084; } + .button.destructive-action:insensitive label, + .button.destructive-action:insensitive { + color: #788084; } + .button.destructive-action:insensitive:active, + .button.destructive-action:insensitive:checked { + border-color: #6f0e07; + background-image: none; + background-color: #bd251a; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .button.destructive-action:insensitive:active GtkLabel, + .button.destructive-action:insensitive:active, + .button.destructive-action:insensitive:checked GtkLabel, + .button.destructive-action:insensitive:checked { + color: #e5a8a3; } + .button.destructive-action:insensitive:active label, + .button.destructive-action:insensitive:active, + .button.destructive-action:insensitive:checked label, + .button.destructive-action:insensitive:checked { + color: #e5a8a3; } + .osd + .button.destructive-action { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.destructive-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.destructive-action:active:backdrop, .osd + .button.destructive-action:active, .osd + .button.destructive-action:checked:backdrop, .osd + .button.destructive-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #e71d0e); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.destructive-action:insensitive:backdrop, .osd + .button.destructive-action:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .osd + .button.destructive-action:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } +.stack-switcher > +.button { + outline-offset: -3px; } + .stack-switcher > + .button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > + .button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > + .button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > + .button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > + .button.needs-attention:active > label, + .stack-switcher > + .button.needs-attention:active > image, .stack-switcher > + .button.needs-attention:checked > label, + .stack-switcher > + .button.needs-attention:checked > image { + animation: none; + background-image: none; } +.inline-toolbar +.button, .inline-toolbar +.button:backdrop { + border-radius: 2px; + border-width: 1px; } +.primary-toolbar +.button { + icon-shadow: none; } + +.stack-switcher > +.button.needs-attention > label, +.stack-switcher > +.button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#6194ac), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.73176)), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; } + .stack-switcher > + .button.needs-attention > label:backdrop, + .stack-switcher > + .button.needs-attention > image:backdrop { + background-size: 6px 6px, 0 0; } + .stack-switcher > + .button.needs-attention > label:dir(rtl), + .stack-switcher > + .button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 2px; } + +.inline-toolbar toolbutton > button { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #373e41; + background-image: linear-gradient(to bottom, #4F585C, #434b4e); + text-shadow: 0 1px rgba(0, 0, 0, 0.73176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:hover { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #373e41; + background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); + text-shadow: 0 1px rgba(0, 0, 0, 0.68376); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #373e41; + background-image: linear-gradient(to bottom, #3f4649, #4a5357); + text-shadow: 0 1px rgba(0, 0, 0, 0.81176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:insensitive { + border-color: #373e41; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: none; + icon-shadow: none; } + .inline-toolbar toolbutton > button:insensitive GtkLabel, .inline-toolbar toolbutton > button:insensitive { + color: #788084; } + .inline-toolbar toolbutton > button:insensitive label, .inline-toolbar toolbutton > button:insensitive { + color: #788084; } + .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked { + border-color: #373e41; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:insensitive:active GtkLabel, .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked GtkLabel, .inline-toolbar toolbutton > button:insensitive:checked { + color: #788084; } + .inline-toolbar toolbutton > button:insensitive:active label, .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked label, .inline-toolbar toolbutton > button:insensitive:checked { + color: #788084; } + .inline-toolbar toolbutton > button:backdrop { + border-color: #394144; + background-image: linear-gradient(to bottom, #4F585C); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop { + color: #788084; } + .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { + color: #788084; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + border-color: #394144; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:backdrop:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked GtkLabel, .inline-toolbar toolbutton > button:backdrop:checked { + color: #788084; } + .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { + color: #788084; } + .inline-toolbar toolbutton > button:backdrop:insensitive { + border-color: #394144; + background-image: none; + background-color: #576165; + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .inline-toolbar toolbutton > button:backdrop:insensitive GtkLabel, .inline-toolbar toolbutton > button:backdrop:insensitive { + color: #727f85; } + .inline-toolbar toolbutton > button:backdrop:insensitive label, .inline-toolbar toolbutton > button:backdrop:insensitive { + color: #727f85; } + .inline-toolbar toolbutton > button:backdrop:insensitive:active, .inline-toolbar toolbutton > button:backdrop:insensitive:checked { + border-color: #394144; + background-image: none; + background-color: #4b5457; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:backdrop:insensitive:active label, .inline-toolbar toolbutton > button:backdrop:insensitive:checked label { + color: #727f85; } + +toolbar.inline-toolbar toolbutton > button.flat, +toolbar.inline-toolbar toolbutton:backdrop > button.flat, .inline-toolbar +.button, .inline-toolbar +.button:backdrop, .linked > +.button, .linked > +.button:hover, .linked > +.button:active, .linked > +.button:checked, .linked > +.button:backdrop, .linked:not(.vertical) > .spinbutton:not(.vertical), .linked:not(.vertical) > +.entry, .linked > GtkComboBox > box > button.combo:dir(ltr), .linked > GtkComboBox > box > button.combo:dir(rtl) { + border-radius: 0; + border-right-style: none; } + +.inline-toolbar +.button:first-child, .linked > +.button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, GtkComboBox.linked .button:nth-child(2):dir(rtl), .linked:not(.vertical) > GtkComboBox:first-child > box > button.combo, .linked:not(.vertical) > .spinbutton:first-child:not(.vertical), .linked:not(.vertical) > +.entry:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } +.inline-toolbar +.button:last-child, .linked > +.button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, GtkComboBox.linked .button:nth-child(2):dir(ltr), .linked:not(.vertical) > GtkComboBox:last-child > box > button.combo, .linked:not(.vertical) > .spinbutton:last-child:not(.vertical), .linked:not(.vertical) > +.entry:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } +.inline-toolbar +.button:only-child, .linked > +.button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > GtkComboBox:only-child > box > button.combo, .linked:not(.vertical) > .spinbutton:only-child:not(.vertical), .linked:not(.vertical) > +.entry:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > +.button, .linked.vertical > +.button:hover, .linked.vertical > +.button:active, .linked.vertical > +.button:checked, .linked.vertical > +.button:backdrop, .linked.vertical > .spinbutton:not(.vertical), .linked.vertical > +.entry, .linked.vertical > GtkComboBox > box > button.combo { + border-style: solid solid none solid; + border-radius: 0; } + +.linked.vertical > +.button:first-child, .linked.vertical > GtkComboBox:first-child > box > button.combo, .linked.vertical > .spinbutton:first-child:not(.vertical), .linked.vertical > +.entry:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.linked.vertical > +.button:last-child, .linked.vertical > GtkComboBox:last-child > box > button.combo, .linked.vertical > .spinbutton:last-child:not(.vertical), .linked.vertical > +.entry:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; } +.linked.vertical > +.button:only-child, .linked.vertical > GtkComboBox:only-child > box > button.combo, .linked.vertical > .spinbutton:only-child:not(.vertical), .linked.vertical > +.entry:only-child { + border-radius: 3px; + border-style: solid; } + +modelbutton.flat, GtkPopover .check, +GtkPopover .radio, +.popover.background .check, +.popover.background .radio, +.menuitem.button.flat, modelbutton.flat:backdrop, GtkPopover .check:backdrop, +GtkPopover .radio:backdrop, modelbutton.flat:backdrop:hover, GtkPopover .check:backdrop:hover, +GtkPopover .radio:backdrop:hover, +.popover.background .check:backdrop:hover, +.popover.background .radio:backdrop:hover, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, GtkCalendar.button, GtkCalendar.button:hover, GtkCalendar.button:backdrop, GtkCalendar.button:insensitive, .button:link, +.button:visited, .button:link:hover, .button:link:active, .button:link:checked, +.button:visited:hover, +.button:visited:active, +.button:visited:checked, .scale-popup .button:hover, +.scale-popup button:hover, .scale-popup .button:backdrop:hover, .scale-popup .button:backdrop:insensitive, .scale-popup .button:backdrop, +.scale-popup button:backdrop:hover, +.scale-popup button:backdrop:insensitive, +.scale-popup button:backdrop { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, GtkPopover .check, +GtkPopover .radio, +.popover.background .check, +.popover.background .radio, +.menuitem.button.flat { + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; } + modelbutton.flat:hover, GtkPopover .check:hover, + GtkPopover .radio:hover, + .popover.background .check:hover, + .popover.background .radio:hover, + .menuitem.button.flat:hover { + background-color: #5b656a; } + modelbutton.flat check:last-child, GtkPopover .check check:last-child, + GtkPopover .radio check:last-child, + .popover.background .check check:last-child, + .popover.background .radio check:last-child, + modelbutton.flat radio:last-child, + GtkPopover .check radio:last-child, + GtkPopover .radio radio:last-child, + .popover.background .check radio:last-child, + .popover.background .radio radio:last-child, + .menuitem.button.flat check:last-child, + .menuitem.button.flat radio:last-child { + margin-left: 8px; } + modelbutton.flat check:first-child, GtkPopover .check check:first-child, + GtkPopover .radio check:first-child, + .popover.background .check check:first-child, + .popover.background .radio check:first-child, + modelbutton.flat radio:first-child, + GtkPopover .check radio:first-child, + GtkPopover .radio radio:first-child, + .popover.background .check radio:first-child, + .popover.background .radio radio:first-child, + .menuitem.button.flat check:first-child, + .menuitem.button.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, GtkPopover .check arrow, +GtkPopover .radio arrow, +.popover.background .check arrow, +.popover.background .radio arrow { + background: none; } + modelbutton.flat arrow:hover, GtkPopover .check arrow:hover, + GtkPopover .radio arrow:hover, + .popover.background .check arrow:hover, + .popover.background .radio arrow:hover { + background: none; } + modelbutton.flat arrow.left, GtkPopover .check arrow.left, + GtkPopover .radio arrow.left, + .popover.background .check arrow.left, + .popover.background .radio arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right, GtkPopover .check arrow.right, + GtkPopover .radio arrow.right, + .popover.background .check arrow.right, + .popover.background .radio arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { + padding: 4px; } + button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; } + +/************ + * Calendar * + ***********/ +GtkCalendar { + color: #A1A8AB; + border: 1px solid #373e41; } + GtkCalendar:selected { + border-radius: 3px; } + GtkCalendar.header { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0; } + GtkCalendar.header:backdrop { + border-color: rgba(0, 0, 0, 0.1); } + GtkCalendar.button { + color: rgba(161, 168, 171, 0.45); } + GtkCalendar.button:hover { + color: #A1A8AB; } + GtkCalendar.button:backdrop { + color: rgba(120, 128, 132, 0.45); } + GtkCalendar.button:insensitive { + color: rgba(120, 128, 132, 0.45); } + GtkCalendar.highlight, GtkCalendar.highlight:backdrop { + font-size: smaller; + color: #A1A8AB; } + GtkCalendar:backdrop { + color: #959da0; + border-color: #394144; } + +/************************* + * Check and Radio Items * + *************************/ +.check { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked-dark@2.png")); + icon-shadow: none; } + +.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-dark.png"), url("../assets/radio-unchecked-dark@2.png")); + icon-shadow: none; } + +.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover-dark.png"), url("../assets/checkbox-unchecked-hover-dark@2.png")); + icon-shadow: none; } + +.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover-dark.png"), url("../assets/radio-unchecked-hover-dark@2.png")); + icon-shadow: none; } + +.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active-dark.png"), url("../assets/checkbox-unchecked-active-dark@2.png")); + icon-shadow: none; } + +.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active-dark.png"), url("../assets/radio-unchecked-active-dark@2.png")); + icon-shadow: none; } + +.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop-dark.png"), url("../assets/checkbox-unchecked-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-dark.png"), url("../assets/radio-unchecked-backdrop-dark@2.png")); + icon-shadow: none; } + +.check:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive-dark@2.png")); + icon-shadow: none; } + +.radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive-dark@2.png")); + icon-shadow: none; } + +.check:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-backdrop-dark.png"), url("../assets/checkbox-unchecked-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-backdrop-dark.png"), url("../assets/radio-unchecked-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked-dark@2.png")); + icon-shadow: none; } + +.radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-dark.png"), url("../assets/radio-checked-dark@2.png")); + icon-shadow: none; } + +.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover-dark.png"), url("../assets/checkbox-checked-hover-dark@2.png")); + icon-shadow: none; } + +.radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover-dark.png"), url("../assets/radio-checked-hover-dark@2.png")); + icon-shadow: none; } + +.check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active-dark.png"), url("../assets/checkbox-checked-active-dark@2.png")); + icon-shadow: none; } + +.radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active-dark.png"), url("../assets/radio-checked-active-dark@2.png")); + icon-shadow: none; } + +.check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop-dark.png"), url("../assets/checkbox-checked-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-dark.png"), url("../assets/radio-checked-backdrop-dark@2.png")); + icon-shadow: none; } + +.check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive-dark@2.png")); + icon-shadow: none; } + +.radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive-dark@2.png")); + icon-shadow: none; } + +.check:checked:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-backdrop-dark.png"), url("../assets/checkbox-checked-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:checked:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-backdrop-dark.png"), url("../assets/radio-checked-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-dark.png"), url("../assets/checkbox-mixed-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-dark.png"), url("../assets/radio-mixed-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover-dark.png"), url("../assets/checkbox-mixed-hover-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover-dark.png"), url("../assets/radio-mixed-hover-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active-dark.png"), url("../assets/checkbox-mixed-active-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active-dark.png"), url("../assets/radio-mixed-active-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop-dark.png"), url("../assets/checkbox-mixed-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop-dark.png"), url("../assets/radio-mixed-backdrop-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive-dark.png"), url("../assets/checkbox-mixed-insensitive-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive-dark.png"), url("../assets/radio-mixed-insensitive-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive-backdrop-dark.png"), url("../assets/checkbox-mixed-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive-backdrop-dark.png"), url("../assets/radio-mixed-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.check:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png")); + icon-shadow: none; } + +.radio:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png")); + icon-shadow: none; } + +.check:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-hover-dark.png"), url("../assets/selected-checkbox-unchecked-hover-dark@2.png")); + icon-shadow: none; } + +.radio:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-hover-dark.png"), url("../assets/selected-radio-unchecked-hover-dark@2.png")); + icon-shadow: none; } + +.check:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-active-dark.png"), url("../assets/selected-checkbox-unchecked-active-dark@2.png")); + icon-shadow: none; } + +.radio:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-active-dark.png"), url("../assets/selected-radio-unchecked-active-dark@2.png")); + icon-shadow: none; } + +.check:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-backdrop-dark.png"), url("../assets/selected-checkbox-unchecked-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-backdrop-dark.png"), url("../assets/selected-radio-unchecked-backdrop-dark@2.png")); + icon-shadow: none; } + +.check:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-insensitive-dark.png"), url("../assets/selected-checkbox-unchecked-insensitive-dark@2.png")); + icon-shadow: none; } + +.radio:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-insensitive-dark.png"), url("../assets/selected-radio-unchecked-insensitive-dark@2.png")); + icon-shadow: none; } + +.check:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-insensitive-backdrop-dark.png"), url("../assets/selected-checkbox-unchecked-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-insensitive-backdrop-dark.png"), url("../assets/selected-radio-unchecked-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.check:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png")); + icon-shadow: none; } + +.radio:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png")); + icon-shadow: none; } + +.check:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-hover-dark.png"), url("../assets/selected-checkbox-checked-hover-dark@2.png")); + icon-shadow: none; } + +.radio:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-hover-dark.png"), url("../assets/selected-radio-checked-hover-dark@2.png")); + icon-shadow: none; } + +.check:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-active-dark.png"), url("../assets/selected-checkbox-checked-active-dark@2.png")); + icon-shadow: none; } + +.radio:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-active-dark.png"), url("../assets/selected-radio-checked-active-dark@2.png")); + icon-shadow: none; } + +.check:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-backdrop-dark.png"), url("../assets/selected-checkbox-checked-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-backdrop-dark.png"), url("../assets/selected-radio-checked-backdrop-dark@2.png")); + icon-shadow: none; } + +.check:checked:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-insensitive-dark.png"), url("../assets/selected-checkbox-checked-insensitive-dark@2.png")); + icon-shadow: none; } + +.radio:checked:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-insensitive-dark.png"), url("../assets/selected-radio-checked-insensitive-dark@2.png")); + icon-shadow: none; } + +.check:checked:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-insensitive-backdrop-dark.png"), url("../assets/selected-checkbox-checked-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:checked:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-insensitive-backdrop-dark.png"), url("../assets/selected-radio-checked-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-hover-dark.png"), url("../assets/selected-checkbox-mixed-hover-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-hover-dark.png"), url("../assets/selected-radio-mixed-hover-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-active-dark.png"), url("../assets/selected-checkbox-mixed-active-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-active-dark.png"), url("../assets/selected-radio-mixed-active-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-backdrop-dark.png"), url("../assets/selected-checkbox-mixed-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-backdrop-dark.png"), url("../assets/selected-radio-mixed-backdrop-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-insensitive-dark.png"), url("../assets/selected-checkbox-mixed-insensitive-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-insensitive-dark.png"), url("../assets/selected-radio-mixed-insensitive-dark@2.png")); + icon-shadow: none; } + +.check:inconsistent:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-insensitive-backdrop-dark.png"), url("../assets/selected-checkbox-mixed-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.radio:inconsistent:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-insensitive-backdrop-dark.png"), url("../assets/selected-radio-mixed-insensitive-backdrop-dark@2.png")); + icon-shadow: none; } + +.view.content-view.check, GtkIconView.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + icon-shadow: none; } + +.view.content-view.radio, GtkIconView.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + icon-shadow: none; } + +.view.content-view.check:hover, GtkIconView.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + icon-shadow: none; } + +.view.content-view.radio:hover, GtkIconView.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + icon-shadow: none; } + +.view.content-view.check:active, GtkIconView.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + icon-shadow: none; } + +.view.content-view.radio:active, GtkIconView.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + icon-shadow: none; } + +.view.content-view.check:backdrop, GtkIconView.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.radio:backdrop, GtkIconView.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.check:insensitive, GtkIconView.content-view.check:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + icon-shadow: none; } + +.view.content-view.radio:insensitive, GtkIconView.content-view.radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + icon-shadow: none; } + +.view.content-view.check:insensitive:backdrop, GtkIconView.content-view.check:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive-backdrop.png"), url("../assets/checkbox-unchecked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.radio:insensitive:backdrop, GtkIconView.content-view.radio:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive-backdrop.png"), url("../assets/radio-unchecked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.check, GtkIconView.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + icon-shadow: none; } + +.view.content-view.radio, GtkIconView.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked.png"), url("../assets/radio-checked@2.png")); + icon-shadow: none; } + +.view.content-view.check:hover, GtkIconView.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-hover.png"), url("../assets/checkbox-checked-hover@2.png")); + icon-shadow: none; } + +.view.content-view.radio:hover, GtkIconView.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); + icon-shadow: none; } + +.view.content-view.check:active, GtkIconView.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-active.png"), url("../assets/checkbox-checked-active@2.png")); + icon-shadow: none; } + +.view.content-view.radio:active, GtkIconView.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); + icon-shadow: none; } + +.view.content-view.check:backdrop, GtkIconView.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-backdrop.png"), url("../assets/checkbox-checked-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.radio:backdrop, GtkIconView.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.check:insensitive, GtkIconView.content-view.check:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-insensitive.png"), url("../assets/checkbox-checked-insensitive@2.png")); + icon-shadow: none; } + +.view.content-view.radio:insensitive, GtkIconView.content-view.radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); + icon-shadow: none; } + +.view.content-view.check:insensitive:backdrop, GtkIconView.content-view.check:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-insensitive-backdrop.png"), url("../assets/checkbox-checked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.radio:insensitive:backdrop, GtkIconView.content-view.radio:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-insensitive-backdrop.png"), url("../assets/radio-checked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.check.text-button, .radio.text-button { + padding: 2px 0; + outline-offset: 0; } + .check.text-button label:not(:only-child):first-child, .radio.text-button label:not(:only-child):first-child { + margin-left: 4px; } + .check.text-button label:not(:only-child):last-child, .radio.text-button label:not(:only-child):last-child { + margin-right: 4px; } + +.check, +.radio { + margin: 0 4px; } + .menu .menuitem .check, .menu .menuitem + .radio { + margin: 0; } + +GtkTreeView.view check:selected:focus, GtkTreeView.view check:selected, +GtkTreeView.view radio:selected:focus, +GtkTreeView.view radio:selected { + color: #A1A8AB; } +GtkTreeView.view check:selected:insensitive, +GtkTreeView.view radio:selected:insensitive { + color: #788084; } + GtkTreeView.view check:selected:insensitive:backdrop, + GtkTreeView.view radio:selected:insensitive:backdrop { + color: #727f85; } +GtkTreeView.view check:backdrop:selected, GtkTreeView.view check:backdrop, +GtkTreeView.view radio:backdrop:selected, +GtkTreeView.view radio:backdrop { + color: #788084; } + +/***************** + * Color Chooser * + *****************/ +GtkColorSwatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; } + GtkColorSwatch.top overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } +GtkColorSwatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + GtkColorSwatch.bottom overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +GtkColorSwatch.left, GtkColorSwatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; } + GtkColorSwatch.left overlay, GtkColorSwatch:first-child:not(.top) overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } +GtkColorSwatch.right, GtkColorSwatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + GtkColorSwatch.right overlay, GtkColorSwatch:last-child:not(.bottom) overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } +GtkColorSwatch.dark overlay { + color: #ffffff; } + GtkColorSwatch.dark overlay:hover { + border-color: #373e41; } + GtkColorSwatch.dark overlay:backdrop { + color: rgba(255, 255, 255, 0.5); } +GtkColorSwatch.light overlay { + color: #A1A8AB; } + GtkColorSwatch.light overlay:hover { + border-color: #373e41; } + GtkColorSwatch.light overlay:backdrop { + color: #959da0; } +GtkColorSwatch overlay { + box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); + border: 1px solid #373e41; } + GtkColorSwatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + GtkColorSwatch overlay:backdrop, GtkColorSwatch overlay:backdrop:hover { + border-color: #373e41; + box-shadow: none; } +GtkColorSwatch#add-color-button { + border-radius: 5px 5px 0 0; } + GtkColorSwatch#add-color-button:only-child { + border-radius: 5px; } + GtkColorSwatch#add-color-button overlay { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #373e41; + background-image: linear-gradient(to bottom, #4F585C, #434b4e); + text-shadow: 0 1px rgba(0, 0, 0, 0.73176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + GtkColorSwatch#add-color-button overlay:hover { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #373e41; + background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); + text-shadow: 0 1px rgba(0, 0, 0, 0.68376); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + GtkColorSwatch#add-color-button overlay:backdrop { + border-color: #394144; + background-image: linear-gradient(to bottom, #4F585C); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + GtkColorSwatch#add-color-button overlay:backdrop GtkLabel, GtkColorSwatch#add-color-button overlay:backdrop { + color: #788084; } + GtkColorSwatch#add-color-button overlay:backdrop label, GtkColorSwatch#add-color-button overlay:backdrop { + color: #788084; } +GtkColorSwatch:insensitive { + opacity: 0.5; } + GtkColorSwatch:insensitive overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +row:selected GtkColorSwatch { + box-shadow: 0 0 0 2px #ffffff; } +GtkColorSwatch#editor-color-sample { + border-radius: 4px; } + GtkColorSwatch#editor-color-sample overlay { + border-radius: 4.5px; } + +colorchooser .popover.osd { + border-radius: 5px; } + +/************** + * ComboBoxes * + **************/ +GtkComboBox .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/****************** + * Combobox Entry * + ******************/ +.combobox-entry .button { + box-shadow: none; } + .combobox-entry .button:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; } + .combobox-entry .button:last-child { + border-radius: 0 4px 4px 0; } +.combobox-entry .entry { + box-shadow: none; } + .combobox-entry .entry:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; } + .combobox-entry .entry:last-child { + border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } + +/*********** + * Dialogs * + ***********/ +GtkMessageDialog .header-bar, +GtkMessageDialog .titlebar, +.message-dialog .header-bar, +.message-dialog .titlebar { + background-image: none; + background-color: #4F585C; + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + GtkMessageDialog .header-bar:backdrop, + GtkMessageDialog .titlebar:backdrop, + .message-dialog .header-bar:backdrop, + .message-dialog .titlebar:backdrop { + background-color: #4F585C; } + GtkMessageDialog .header-bar.default-decoration, + GtkMessageDialog .titlebar.default-decoration, + .message-dialog .header-bar.default-decoration, + .message-dialog .titlebar.default-decoration { + padding: 6px; + background-color: #4F585C; + color: #A1A8AB; } + GtkMessageDialog .header-bar.default-decoration:backdrop, + GtkMessageDialog .titlebar.default-decoration:backdrop, + .message-dialog .header-bar.default-decoration:backdrop, + .message-dialog .titlebar.default-decoration:backdrop { + background-color: #4F585C; + color: #788084; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton, + .message-dialog .header-bar.default-decoration .button.titlebutton, + .message-dialog .titlebar.default-decoration .button.titlebutton { + padding: 1px; + border-radius: 50%; + background-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton GtkImage, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton GtkImage, + .message-dialog .header-bar.default-decoration .button.titlebutton GtkImage, + .message-dialog .titlebar.default-decoration .button.titlebutton GtkImage { + color: #A1A8AB; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:hover, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:hover, + .message-dialog .header-bar.default-decoration .button.titlebutton:hover, + .message-dialog .titlebar.default-decoration .button.titlebutton:hover { + background-color: #373e41; + color: #bcc1c3; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:hover GtkImage, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:hover GtkImage, + .message-dialog .header-bar.default-decoration .button.titlebutton:hover GtkImage, + .message-dialog .titlebar.default-decoration .button.titlebutton:hover GtkImage { + color: #bcc1c3; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:backdrop, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:backdrop, + .message-dialog .header-bar.default-decoration .button.titlebutton:backdrop, + .message-dialog .titlebar.default-decoration .button.titlebutton:backdrop { + background-color: transparent; + color: #788084; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:backdrop GtkImage, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:backdrop GtkImage, + .message-dialog .header-bar.default-decoration .button.titlebutton:backdrop GtkImage, + .message-dialog .titlebar.default-decoration .button.titlebutton:backdrop GtkImage { + color: #93999c; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:active, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:active, + .message-dialog .header-bar.default-decoration .button.titlebutton:active, + .message-dialog .titlebar.default-decoration .button.titlebutton:active { + background-color: #A1A8AB; + color: #4F585C; + border-radius: 50%; + box-shadow: none; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:active GtkImage, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:active GtkImage, + .message-dialog .header-bar.default-decoration .button.titlebutton:active GtkImage, + .message-dialog .titlebar.default-decoration .button.titlebutton:active GtkImage { + color: #677277; } +GtkMessageDialog.csd, +.message-dialog.csd { + border: none; + box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); } + GtkMessageDialog.csd.background, + .message-dialog.csd.background { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + GtkMessageDialog.csd .dialog-action-area .button, + .message-dialog.csd .dialog-action-area .button { + padding: 10px 14px; + border-radius: 0; + background-image: none; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; } + GtkMessageDialog.csd .dialog-action-area .button:first-child, + .message-dialog.csd .dialog-action-area .button:first-child { + border-left-style: none; + border-bottom-left-radius: 4px; } + GtkMessageDialog.csd .dialog-action-area .button:last-child, + .message-dialog.csd .dialog-action-area .button:last-child { + border-bottom-right-radius: 4px; } + +GtkFileChooserDialog { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + GtkFileChooserDialog .dialog-action-box { + border-top: 1px solid #373e41; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + GtkFileChooserDialog .dialog-action-box:backdrop { + border-top-color: #394144; } + GtkFileChooserDialog #pathbarbox { + border-bottom: 1px solid #4F585C; } + +/**************** + * Text Entries * + ****************/ +.spinbutton:not(.vertical), +.entry { + padding: 4px 6px; + border: 1px solid; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #A1A8AB; + border-color: #373e41; + background-color: #636E73; + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); } + .spinbutton:not(.vertical) GtkImage, + .entry GtkImage { + color: #959ca0; } + .spinbutton:not(.vertical) GtkImage:hover, + .entry GtkImage:hover { + color: #A1A8AB; } + .spinbutton:not(.vertical) GtkImage:active, + .entry GtkImage:active { + color: #426b7e; } + .spinbutton:not(.vertical) GtkImage:backdrop, + .entry GtkImage:backdrop { + color: #747d81; } + .spinbutton:not(.vertical) GtkImage.left, + .entry GtkImage.left { + padding-left: 0; + padding-right: 6px; } + .spinbutton:not(.vertical) GtkImage.right, + .entry GtkImage.right { + padding-left: 6px; + padding-right: 0; } + .spinbutton:not(.vertical) .undershoot.left, + .entry .undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; + box-shadow: none; } + .spinbutton:not(.vertical) .undershoot.right, + .entry .undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; + box-shadow: none; } + .flat.spinbutton:focus:not(.vertical), .flat.spinbutton:not(.vertical), + .entry.flat:focus, + .entry.flat { + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; } + .spinbutton:focus:not(.vertical), + .entry:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #304f5d; } + .spinbutton:insensitive:not(.vertical), + .entry:insensitive { + color: #788084; + border-color: #373e41; + background-image: linear-gradient(to bottom, #576165); + box-shadow: none; } + .spinbutton:backdrop:not(.vertical), + .entry:backdrop { + color: #959da0; + border-color: #394144; + background-image: linear-gradient(to bottom, #657176); + box-shadow: none; + transition: 200ms ease-out; } + .spinbutton:backdrop:insensitive:not(.vertical), + .entry:backdrop:insensitive { + color: #727f85; + border-color: #394144; + background-image: linear-gradient(to bottom, #576165); + box-shadow: none; } + .spinbutton:backdrop:insensitive:not(.vertical), + .entry:backdrop:insensitive { + color: #727f85; + border-color: #394144; + background-image: linear-gradient(to bottom, #576165); + box-shadow: none; } + .error.spinbutton:not(.vertical), + .entry.error { + color: #f34235; + border-color: #6f0e07; } + .error.spinbutton:focus:not(.vertical), + .entry.error:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #6f0e07; } + .error.spinbutton:selected:focus:not(.vertical), .error.spinbutton:selected:not(.vertical), + .entry.error:selected:focus, + .entry.error:selected { + background-color: #f34235; } + .warning.spinbutton:not(.vertical), + .entry.warning { + color: #feea3a; + border-color: #857701; } + .warning.spinbutton:focus:not(.vertical), + .entry.warning:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #857701; } + .warning.spinbutton:selected:focus:not(.vertical), .warning.spinbutton:selected:not(.vertical), + .entry.warning:selected:focus, + .entry.warning:selected { + background-color: #feea3a; } +.spinbutton:not(.vertical) .progressbar, +.entry .progressbar { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: #426b7e; + border-style: solid; + box-shadow: none; } + .spinbutton:not(.vertical) .progressbar:backdrop, + .entry .progressbar:backdrop { + background-color: transparent; } +.linked:not(.vertical) > .spinbutton:focus:not(.vertical) + .spinbutton:not(.vertical), .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +.entry:focus + .spinbutton:not(.vertical), .linked:not(.vertical) > +.entry:focus + button, .linked:not(.vertical) > +.entry:focus + combobox > box > button.combo, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + +.entry, .linked:not(.vertical) > +.entry:focus + +.entry { + border-left-color: #304f5d; } +.linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + entry:not(:insensitive), .linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + .spinbutton:not(:insensitive):not(.vertical), .linked.vertical > +.entry:not(:insensitive) + entry:not(:insensitive), .linked.vertical > +.entry:not(:insensitive) + .spinbutton:not(:insensitive):not(.vertical) { + border-top-color: #566064; + background-image: linear-gradient(to bottom, #636E73); } + .linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + entry:not(:insensitive):backdrop, .linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + .spinbutton:not(:insensitive):backdrop:not(.vertical), .linked.vertical > + .entry:not(:insensitive) + entry:not(:insensitive):backdrop, .linked.vertical > + .entry:not(:insensitive) + .spinbutton:not(:insensitive):backdrop:not(.vertical) { + border-top-color: #586367; + background-image: linear-gradient(to bottom, #657176); } +.linked.vertical > .spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical), .linked.vertical > +.entry:insensitive + .spinbutton:insensitive:not(.vertical) { + border-top-color: #566064; } +.linked.vertical > .spinbutton:not(.vertical) + .spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > +.entry + .spinbutton:focus:not(:only-child):not(.vertical) { + border-top-color: #304f5d; } +.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .spinbutton:not(.vertical), +.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .entry, +.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .button, +.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + GtkComboBox > box > .button.combo, .linked.vertical > +.entry:focus:not(:only-child) + .spinbutton:not(.vertical), +.linked.vertical > +.entry:focus:not(:only-child) + .entry, +.linked.vertical > +.entry:focus:not(:only-child) + .button, +.linked.vertical > +.entry:focus:not(:only-child) + GtkComboBox > box > .button.combo { + border-top-color: #304f5d; } + +GtkTreeView .acceleditor > GtkLabel { + background-color: #426b7e; } + +GtkTreeView .entry.flat, GtkTreeView .entry { + border-radius: 0; + background-image: none; + background-color: #636E73; } + GtkTreeView .entry.flat:focus, GtkTreeView .entry:focus { + border-color: #426b7e; } + +/************* + * Expanders * + *************/ +expander .arrow { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander .arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander .arrow:hover { + color: #f2f3f3; } + expander .arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: #4F585C; + padding-top: 1px; + border-width: 1px; + border-style: solid solid none; + border-color: #373e41; + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .floating-bar.bottom.left { + border-left-style: none; + border-top-left-radius: 0; + border-top-right-radius: 4px; } + .floating-bar.bottom.right { + border-right-style: none; + border-top-right-radius: 0; + border-top-left-radius: 4px; } + .floating-bar > .button { + padding: 4px; } + .floating-bar:backdrop { + background-color: #4F585C; + border-color: #394144; } + +/********** + * Frames * + **********/ +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #373e41; } + .frame.flat { + border-style: none; } + .frame:backdrop { + border-color: #394144; } + +GtkScrolledWindow GtkViewport.frame { + border-style: none; } +GtkScrolledWindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + GtkScrolledWindow overshoot.top:backdrop { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#394144), to(rgba(57, 65, 68, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } +GtkScrolledWindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + GtkScrolledWindow overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#394144), to(rgba(57, 65, 68, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } +GtkScrolledWindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + GtkScrolledWindow overshoot.left:backdrop { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#394144), to(rgba(57, 65, 68, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } +GtkScrolledWindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + GtkScrolledWindow overshoot.right:backdrop { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#394144), to(rgba(57, 65, 68, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } +GtkScrolledWindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; + box-shadow: none; } +GtkScrolledWindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; + box-shadow: none; } +GtkScrolledWindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; + box-shadow: none; } +GtkScrolledWindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; + box-shadow: none; } +GtkScrolledWindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #373e41 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #596368; } + GtkScrolledWindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + GtkScrolledWindow junction:backdrop { + border-image-source: linear-gradient(to bottom, #394144 1px, transparent 1px); + background-color: #485054; + transition: 200ms ease-out; } + +.separator { + background: rgba(0, 0, 0, 0.1); } + +/************ + * Popovers * + ************/ +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 8px; + -GraniteWidgetsPopOver-border-width: 0; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid #636E73; + background: #636E73; + color: #A1A8AB; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: #426b7e; } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver GtkIconView.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #636E73; + border: 1px solid #636E73; + color: #A1A8AB; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #636E73; } + GraniteWidgetsWelcome GtkLabel { + color: #A1A8AB; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(161, 168, 171, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + -GtkTreeView-horizontal-separator: 4px; + -GtkTreeView-vertical-separator: 4px; + background-color: #4F585C; + border: solid #373e41; + color: #A1A8AB; + border-right-width: 1px; } + .source-list .view, .source-list GtkIconView { + border-width: 0; + border-style: solid; + border-color: #373e41; } + .source-list .category-expander { + border: none; + color: #A1A8AB; } + .source-list .badge { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + color: #4F585C; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { + background-color: rgba(0, 0, 0, 0.2); + color: #434b4e; } + .source-list .list-row { + border: none; + padding: 0; } + .source-list .list-row > GtkLabel { + padding-left: 6px; + padding-right: 6px; } + .source-list.sidebar { + border-width: 0; + border-style: solid; + border-color: #373e41; } + .source-list.sidebar.left, .source-list.sidebar.right { + border-width: 0; } + +/************** +* Text Styles * +**************/ +.h1 { + font-size: 24px; } + +.h2 { + font-weight: 300; + font-size: 18px; } + +.h3 { + font-size: 9px; } + +.h4 { + font-weight: bold; + font-size: 9px; } + +.category-label { + font-size: 9px; + padding: 6px; + color: rgba(161, 168, 171, 0.9); + font-weight: bold; + text-shadow: 0 1px rgba(255, 255, 255, 0.2); } + +/************** +* Storage Bar * +**************/ +.storage-bar .trough { + border: none; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1); + background-image: none; + background-color: transparent; + padding: 8px 6px; } +.storage-bar .fill-block { + background-color: #feea3a; + border: none; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); + transition: all 200ms ease-in-out; + padding: 8px 6px; } + .storage-bar .fill-block:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block.empty-block { + background-color: #636E73; } + .storage-bar .fill-block.app { + background-color: #2095f2; } + .storage-bar .fill-block.audio { + background-color: #fe9700; } + .storage-bar .fill-block.photo { + background-color: #f34235; } + .storage-bar .fill-block.video { + background-color: #9b26af; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header Bars * + ***************/ +.titlebar:not(headerbar), +.header-bar { + padding: 0 8px; + border: none; + border-radius: 4px 4px 0 0; + background-color: #3B4245; + color: rgba(255, 255, 255, 0.8); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .titlebar:backdrop:not(headerbar), + .header-bar:backdrop { + background-color: #3B4245; + color: rgba(255, 255, 255, 0.3); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + transition: 200ms ease-out; } + .titlebar:not(headerbar) .title, + .header-bar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) .title:backdrop, + .header-bar .title:backdrop { + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) .subtitle, + .header-bar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + color: rgba(255, 255, 255, 0.8); } + .selection-mode.titlebar:not(headerbar), + .header-bar.selection-mode { + border-radius: 4px 4px 0 0; + color: #ffffff; + text-shadow: 0 -1px rgba(0, 0, 0, 0.5); + border-color: #304f5d; + background-color: #347D9F; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .selection-mode.titlebar:backdrop:not(headerbar), + .header-bar.selection-mode:backdrop { + background-color: #275f79; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, + .header-bar.selection-mode .selection-menu:backdrop, + .header-bar.selection-mode .selection-menu { + border-color: rgba(66, 107, 126, 0); + background-image: linear-gradient(to bottom, rgba(66, 107, 126, 0)); + box-shadow: none; + text-shadow: none; + padding-left: 10px; + padding-right: 10px; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, + .header-bar.selection-mode .selection-menu:backdrop GtkArrow, + .header-bar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, + .header-bar.selection-mode .selection-menu:backdrop .arrow, + .header-bar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(255, 255, 255, 0.5); + icon-shadow: none; } + .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .tiled + .header-bar:backdrop, .tiled + .header-bar, .maximized + .header-bar:backdrop, .maximized + .header-bar { + border-radius: 0; } + .default-decoration.titlebar:not(headerbar), + .header-bar.default-decoration { + padding: 6px; + background-color: #3B4245; + color: rgba(255, 255, 255, 0.8); } + .default-decoration.titlebar:not(headerbar) .maximized, + .header-bar.default-decoration .maximized { + padding: 6px; } + .default-decoration.titlebar:backdrop:not(headerbar), + .header-bar.default-decoration:backdrop { + background-color: #2f3537; + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) .entry, + .header-bar .entry { + margin: 6px 0; + border-radius: 2px; + padding: 4px; + border: none; + box-shadow: none; + background: rgba(99, 110, 115, 0.95); + color: #A1A8AB; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .titlebar:not(headerbar) .entry > .image, + .header-bar .entry > .image { + padding-right: 6px; + color: rgba(161, 168, 171, 0.8); } + .titlebar:not(headerbar) .entry:active, .titlebar:not(headerbar) .entry:focus, + .header-bar .entry:active, + .header-bar .entry:focus { + background: #636E73; + color: #A1A8AB; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .titlebar:not(headerbar) .entry:active > .image, .titlebar:not(headerbar) .entry:focus > .image, + .header-bar .entry:active > .image, + .header-bar .entry:focus > .image { + padding-right: 6px; + color: #A1A8AB; } + .titlebar:not(headerbar) .entry:active:backdrop, .titlebar:not(headerbar) .entry:focus:backdrop, + .header-bar .entry:active:backdrop, + .header-bar .entry:focus:backdrop { + background: rgba(99, 110, 115, 0.8); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) .entry:insensitive, + .header-bar .entry:insensitive { + background: rgba(99, 110, 115, 0.6); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) .entry:insensitive > .image, + .header-bar .entry:insensitive > .image { + padding-right: 6px; + color: rgba(161, 168, 171, 0.5); } + .titlebar:not(headerbar) .entry:insensitive:backdrop, + .header-bar .entry:insensitive:backdrop { + background: rgba(99, 110, 115, 0.5); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) .entry:backdrop, + .header-bar .entry:backdrop { + background: rgba(99, 110, 115, 0.8); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) .entry:backdrop > .image, + .header-bar .entry:backdrop > .image { + color: rgba(161, 168, 171, 0.5); } + .titlebar:not(headerbar) .button, + .header-bar .button { + background-color: transparent; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 10px; + text-shadow: none; } + .titlebar:not(headerbar) .button.back-button, .titlebar:not(headerbar) .button.suggested-action, .titlebar:not(headerbar) .button.menu-button, .titlebar:not(headerbar) .button.text-button, .titlebar:not(headerbar) .button.image-button, .titlebar:not(headerbar) .button.linked, .titlebar:not(headerbar) .button.flat, + .header-bar .button.back-button, + .header-bar .button.suggested-action, + .header-bar .button.menu-button, + .header-bar .button.text-button, + .header-bar .button.image-button, + .header-bar .button.linked, + .header-bar .button.flat { + background-color: transparent; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 10px; + text-shadow: none; + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) .button.back-button:backdrop, .titlebar:not(headerbar) .button.suggested-action:backdrop, .titlebar:not(headerbar) .button.menu-button:backdrop, .titlebar:not(headerbar) .button.text-button:backdrop, .titlebar:not(headerbar) .button.image-button:backdrop, .titlebar:not(headerbar) .button.linked:backdrop, .titlebar:not(headerbar) .button.flat:backdrop, + .header-bar .button.back-button:backdrop, + .header-bar .button.suggested-action:backdrop, + .header-bar .button.menu-button:backdrop, + .header-bar .button.text-button:backdrop, + .header-bar .button.image-button:backdrop, + .header-bar .button.linked:backdrop, + .header-bar .button.flat:backdrop { + background-color: transparent; + background-image: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) .button.back-button:hover, .titlebar:not(headerbar) .button.suggested-action:hover, .titlebar:not(headerbar) .button.menu-button:hover, .titlebar:not(headerbar) .button.text-button:hover, .titlebar:not(headerbar) .button.image-button:hover, .titlebar:not(headerbar) .button.linked:hover, .titlebar:not(headerbar) .button.flat:hover, + .header-bar .button.back-button:hover, + .header-bar .button.suggested-action:hover, + .header-bar .button.menu-button:hover, + .header-bar .button.text-button:hover, + .header-bar .button.image-button:hover, + .header-bar .button.linked:hover, + .header-bar .button.flat:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: rgba(255, 255, 255, 0.8); + box-shadow: none; + text-shadow: none; } + .titlebar:not(headerbar) .button GtkImage, + .header-bar .button GtkImage { + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) .button:focus, .titlebar:not(headerbar) .button:hover, + .header-bar .button:focus, + .header-bar .button:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: rgba(255, 255, 255, 0.8); + box-shadow: none; + text-shadow: none; } + .titlebar:not(headerbar) .button:backdrop, + .header-bar .button:backdrop { + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) .button:backdrop GtkImage, + .header-bar .button:backdrop GtkImage { + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) .button:active, .titlebar:not(headerbar) .button:checked, + .header-bar .button:active, + .header-bar .button:checked { + border-radius: 0px; + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) .button:active:backdrop, .titlebar:not(headerbar) .button:checked:backdrop, + .header-bar .button:active:backdrop, + .header-bar .button:checked:backdrop { + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) .button:active:focus, .titlebar:not(headerbar) .button:active:hover, .titlebar:not(headerbar) .button:checked:focus, .titlebar:not(headerbar) .button:checked:hover, + .header-bar .button:active:focus, + .header-bar .button:active:hover, + .header-bar .button:checked:focus, + .header-bar .button:checked:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: rgba(255, 255, 255, 0.8); + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) .button:insensitive, .titlebar:not(headerbar) .button:insensitive:backdrop, + .header-bar .button:insensitive, + .header-bar .button:insensitive:backdrop { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + background-image: none; } + .titlebar:not(headerbar) .button:insensitive image, + .titlebar:not(headerbar) .button:insensitive GtkImage, .titlebar:not(headerbar) .button:insensitive:backdrop image, + .titlebar:not(headerbar) .button:insensitive:backdrop GtkImage, + .header-bar .button:insensitive image, + .header-bar .button:insensitive GtkImage, + .header-bar .button:insensitive:backdrop image, + .header-bar .button:insensitive:backdrop GtkImage { + -gtk-image-effect: dim; } + .titlebar:not(headerbar) .button.titlebutton, + .header-bar .button.titlebutton { + background-color: transparent; + background-image: none; + border-radius: 50%; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 1px; + text-shadow: none; + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) .button.titlebutton:hover, + .header-bar .button.titlebutton:hover { + background-color: rgba(255, 255, 255, 0); + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) .button.titlebutton:backdrop, + .header-bar .button.titlebutton:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) .button.titlebutton:active, + .header-bar .button.titlebutton:active { + background-color: rgba(255, 255, 255, 0.8); + color: #3B4245; + border-radius: 50%; + box-shadow: none; } + .titlebar:not(headerbar) .button.titlebutton:active GtkImage, + .header-bar .button.titlebutton:active GtkImage { + color: #3B4245; } + .titlebar:not(headerbar) .button.linked:first-child, .titlebar:not(headerbar) .button.linked:last-child, + .header-bar .button.linked:first-child, + .header-bar .button.linked:last-child { + border-radius: 0; } + .titlebar:not(headerbar) .separator, + .header-bar .separator { + color: transparent; + background-color: transparent; } + +.titlebar, .titlebar:backdrop { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +.separator:first-child + .header-bar, .separator:first-child + .header-bar:backdrop, separator:first-child + .header-bar, separator:first-child + .header-bar:backdrop, .header-bar:first-child, .header-bar:first-child:backdrop { + border-top-left-radius: 4px; } +.header-bar:last-child, .header-bar:last-child:backdrop { + border-top-right-radius: 4px; } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: #3B4245; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } + window.csd > .titlebar:not(headerbar):backdrop { + background-color: #2f3537; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +GtkInfoBar, +infobar { + text-shadow: none; + color: #A1A8AB; + background-color: #4F585C; + border-bottom: 1px solid #373e41; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } + +.info, .warning, .question, .error { + text-shadow: none; + color: #ffffff; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #ffffff; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(255, 255, 255, 0.5); } + .info .button, .warning .button, .question .button, .error .button, + .info button, + .warning button, + .question button, + .error button { + border-radius: 2px; + border: none; + background: rgba(99, 110, 115, 0.95); + color: #A1A8AB; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .info .button .label, .warning .button .label, .question .button .label, .error .button .label, + .info button .label, + .warning button .label, + .question button .label, + .error button .label { + color: #A1A8AB; } + .info .button:active, .warning .button:active, .question .button:active, .error .button:active, + .info button:active, + .warning button:active, + .question button:active, + .error button:active { + background: #636E73; + color: #A1A8AB; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info .button:active:backdrop, .warning .button:active:backdrop, .question .button:active:backdrop, .error .button:active:backdrop, + .info button:active:backdrop, + .warning button:active:backdrop, + .question button:active:backdrop, + .error button:active:backdrop { + background: rgba(99, 110, 115, 0.8); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .info .button:hover, .warning .button:hover, .question .button:hover, .error .button:hover, .info .button:focus, .warning .button:focus, .question .button:focus, .error .button:focus, + .info button:hover, + .warning button:hover, + .question button:hover, + .error button:hover, + .info button:focus, + .warning button:focus, + .question button:focus, + .error button:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info .button:insensitive, .warning .button:insensitive, .question .button:insensitive, .error .button:insensitive, + .info button:insensitive, + .warning button:insensitive, + .question button:insensitive, + .error button:insensitive { + background: rgba(99, 110, 115, 0.6); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .info .button:insensitive:backdrop, .warning .button:insensitive:backdrop, .question .button:insensitive:backdrop, .error .button:insensitive:backdrop, + .info button:insensitive:backdrop, + .warning button:insensitive:backdrop, + .question button:insensitive:backdrop, + .error button:insensitive:backdrop { + background: rgba(99, 110, 115, 0.5); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .info .button:backdrop, .warning .button:backdrop, .question .button:backdrop, .error .button:backdrop, + .info button:backdrop, + .warning button:backdrop, + .question button:backdrop, + .error button:backdrop { + background: rgba(99, 110, 115, 0.8); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + +.info { + background-color: #2095f2; } + .info:backdrop { + background-color: #50acf5; + color: rgba(255, 255, 255, 0.5); } + +.warning { + background-color: #feea3a; } + .warning:backdrop { + background-color: #feef6d; + color: rgba(255, 255, 255, 0.5); } + +.question { + background-color: #1ea362; } + .question:backdrop { + background-color: #26ce7c; + color: rgba(255, 255, 255, 0.5); } + +.error { + background-color: #f34235; } + .error:backdrop { + background-color: #f66f65; + color: rgba(255, 255, 255, 0.5); } + +/************* + * Level Bar * + *************/ +GtkLevelBar, +.level-bar { + -GtkLevelBar-min-block-width: 32; + -GtkLevelBar-min-block-height: 8; } + GtkLevelBar:backdrop, + .level-bar:backdrop { + transition: 200ms ease-out; } + GtkLevelBar .trough, + .level-bar .trough { + margin: 0; + padding: 2px; + border-radius: 3px; } + GtkLevelBar.horizontal.indicator-discrete.fill-block, + .level-bar.horizontal.indicator-discrete.fill-block { + margin: 0 1px; } + GtkLevelBar.horizontal.discrete block, + .level-bar.horizontal.discrete block { + margin: 0 1px; } + GtkLevelBar.vertical.indicator-discrete.fill-block, + .level-bar.vertical.indicator-discrete.fill-block { + margin: 1px 0; } + GtkLevelBar.vertical.discrete block, + .level-bar.vertical.discrete block { + margin: 1px 0; } + GtkLevelBar.vertical .fill-block, + GtkLevelBar .level-bar.vertical .fill-block, + .level-bar.vertical GtkLevelBar .fill-block, + GtkLevelBar .fill-block, + .level-bar GtkLevelBar.vertical .fill-block, + GtkLevelBar.vertical .level-bar .fill-block, + .level-bar.vertical .fill-block, + .level-bar .fill-block { + border-radius: 2px; } + GtkLevelBar.vertical .low.fill-block, + GtkLevelBar .level-bar.vertical .low.fill-block, + .level-bar.vertical GtkLevelBar .low.fill-block, GtkLevelBar.vertical .level-low.fill-block, + GtkLevelBar .level-bar.vertical .level-low.fill-block, + .level-bar.vertical GtkLevelBar .level-low.fill-block, + GtkLevelBar .fill-block.low, + GtkLevelBar .fill-block.level-low, + .level-bar GtkLevelBar.vertical .low.fill-block, + GtkLevelBar.vertical .level-bar .low.fill-block, + .level-bar.vertical .low.fill-block, + .level-bar GtkLevelBar.vertical .level-low.fill-block, + GtkLevelBar.vertical .level-bar .level-low.fill-block, + .level-bar.vertical .level-low.fill-block, + .level-bar .fill-block.low, + .level-bar .fill-block.level-low { + border: 1px solid #fee507; + background-color: #feea3a; } + GtkLevelBar.vertical .low.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .low.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .low.fill-block:backdrop, GtkLevelBar.vertical .level-low.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .level-low.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .level-low.fill-block:backdrop, + GtkLevelBar .fill-block.low:backdrop, + GtkLevelBar .fill-block.level-low:backdrop, + .level-bar GtkLevelBar.vertical .low.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .low.fill-block:backdrop, + .level-bar.vertical .low.fill-block:backdrop, + .level-bar GtkLevelBar.vertical .level-low.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .level-low.fill-block:backdrop, + .level-bar.vertical .level-low.fill-block:backdrop, + .level-bar .fill-block.low:backdrop, + .level-bar .fill-block.level-low:backdrop { + border: 1px solid #feea3a; } + GtkLevelBar.vertical .high.fill-block, + GtkLevelBar .level-bar.vertical .high.fill-block, + .level-bar.vertical GtkLevelBar .high.fill-block, GtkLevelBar.vertical .level-high.fill-block, + GtkLevelBar .level-bar.vertical .level-high.fill-block, + .level-bar.vertical GtkLevelBar .level-high.fill-block, + GtkLevelBar .fill-block.high, + GtkLevelBar .fill-block.level-high, + .level-bar GtkLevelBar.vertical .high.fill-block, + GtkLevelBar.vertical .level-bar .high.fill-block, + .level-bar.vertical .high.fill-block, + .level-bar GtkLevelBar.vertical .level-high.fill-block, + GtkLevelBar.vertical .level-bar .level-high.fill-block, + .level-bar.vertical .level-high.fill-block, + .level-bar .fill-block.high, + .level-bar .fill-block.level-high { + border: 1px solid #304f5d; + background-color: #426b7e; } + GtkLevelBar.vertical .high.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .high.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .high.fill-block:backdrop, GtkLevelBar.vertical .level-high.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .level-high.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .level-high.fill-block:backdrop, + GtkLevelBar .fill-block.high:backdrop, + GtkLevelBar .fill-block.level-high:backdrop, + .level-bar GtkLevelBar.vertical .high.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .high.fill-block:backdrop, + .level-bar.vertical .high.fill-block:backdrop, + .level-bar GtkLevelBar.vertical .level-high.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .level-high.fill-block:backdrop, + .level-bar.vertical .level-high.fill-block:backdrop, + .level-bar .fill-block.high:backdrop, + .level-bar .fill-block.level-high:backdrop { + border: 1px solid #426b7e; } + GtkLevelBar.vertical .full.fill-block, + GtkLevelBar .level-bar.vertical .full.fill-block, + .level-bar.vertical GtkLevelBar .full.fill-block, GtkLevelBar.vertical .level-full.fill-block, + GtkLevelBar .level-bar.vertical .level-full.fill-block, + .level-bar.vertical GtkLevelBar .level-full.fill-block, + GtkLevelBar .fill-block.full, + GtkLevelBar .fill-block.level-full, + .level-bar GtkLevelBar.vertical .full.fill-block, + GtkLevelBar.vertical .level-bar .full.fill-block, + .level-bar.vertical .full.fill-block, + .level-bar GtkLevelBar.vertical .level-full.fill-block, + GtkLevelBar.vertical .level-bar .level-full.fill-block, + .level-bar.vertical .level-full.fill-block, + .level-bar .fill-block.full, + .level-bar .fill-block.level-full { + border: 1px solid #0e4d2e; + background-color: #167848; } + GtkLevelBar.vertical .full.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .full.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .full.fill-block:backdrop, GtkLevelBar.vertical .level-full.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .level-full.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .level-full.fill-block:backdrop, + GtkLevelBar .fill-block.full:backdrop, + GtkLevelBar .fill-block.level-full:backdrop, + .level-bar GtkLevelBar.vertical .full.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .full.fill-block:backdrop, + .level-bar.vertical .full.fill-block:backdrop, + .level-bar GtkLevelBar.vertical .level-full.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .level-full.fill-block:backdrop, + .level-bar.vertical .level-full.fill-block:backdrop, + .level-bar .fill-block.full:backdrop, + .level-bar .fill-block.level-full:backdrop { + border: 1px solid #167848; } + GtkLevelBar.vertical .empty.fill-block, + GtkLevelBar .level-bar.vertical .empty.fill-block, + .level-bar.vertical GtkLevelBar .empty.fill-block, GtkLevelBar.vertical .level-empty.fill-block, + GtkLevelBar .level-bar.vertical .level-empty.fill-block, + .level-bar.vertical GtkLevelBar .level-empty.fill-block, + GtkLevelBar .fill-block.empty, + GtkLevelBar .fill-block.level-empty, + .level-bar GtkLevelBar.vertical .empty.fill-block, + GtkLevelBar.vertical .level-bar .empty.fill-block, + .level-bar.vertical .empty.fill-block, + .level-bar GtkLevelBar.vertical .level-empty.fill-block, + GtkLevelBar.vertical .level-bar .level-empty.fill-block, + .level-bar.vertical .level-empty.fill-block, + .level-bar .fill-block.empty, + .level-bar .fill-block.level-empty { + background-color: transparent; + border: 1px solid rgba(161, 168, 171, 0.1); + box-shadow: none; } + GtkLevelBar.vertical .empty.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .empty.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .empty.fill-block:backdrop, GtkLevelBar.vertical .level-empty.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .level-empty.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .level-empty.fill-block:backdrop, + GtkLevelBar .fill-block.empty:backdrop, + GtkLevelBar .fill-block.level-empty:backdrop, + .level-bar GtkLevelBar.vertical .empty.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .empty.fill-block:backdrop, + .level-bar.vertical .empty.fill-block:backdrop, + .level-bar GtkLevelBar.vertical .level-empty.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .level-empty.fill-block:backdrop, + .level-bar.vertical .level-empty.fill-block:backdrop, + .level-bar .fill-block.empty:backdrop, + .level-bar .fill-block.level-empty:backdrop { + border-color: rgba(120, 128, 132, 0.15); } + GtkLevelBar.vertical, + .level-bar.vertical { + -GtkLevelBar-min-block-width: 8; + -GtkLevelBar-min-block-height: 32; } + +/********* + * Links * + *********/ +*:link, .button:link, +.button:visited { + color: blue; } + *:link:visited, + .button:visited { + color: rgba(0, 0, 255, 0.5); } + *:selected *:link:visited, + *:selected .button:visited { + color: #b3c4cb; } + *:link:hover, .button:hover:link, + .button:hover:visited { + color: #3333ff; } + *:selected *:link:hover, *:selected .button:hover:link, + *:selected .button:hover:visited { + color: #ecf0f2; } + *:link:active, .button:active:link, + .button:active:visited { + color: blue; } + *:selected *:link:active, *:selected .button:active:link, + *:selected .button:active:visited { + color: #d9e1e5; } + *:link:backdrop:backdrop:hover, .button:backdrop:backdrop:hover:link, + .button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, + .header-bar.selection-mode .subtitle:backdrop:backdrop:hover:link, .button:backdrop:backdrop:hover:selected:link, + .button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, .button:backdrop:link, + .button:backdrop:visited { + color: #426b7e; } + *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, + .header-bar.selection-mode .subtitle:link, .button:selected:link, + .button:selected:visited, *:selected *:link, *:selected .button:link, + *:selected .button:visited { + color: #d9e1e5; } + +.button:link, +.button:visited { + text-shadow: none; } + .button:link:hover, .button:link:active, .button:link:checked, + .button:visited:hover, + .button:visited:active, + .button:visited:checked { + text-shadow: none; } + .button:link > GtkLabel, + .button:visited > GtkLabel { + text-decoration-line: underline; } + +/********* + * Lists * + *********/ +.list { + color: #A1A8AB; + background-color: #636E73; + border-color: #373e41; } + .list:backdrop { + background-color: #657176; + border-color: #394144; } + +.list-row { + border-radius: 0; + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + .list-row GtkImage { + padding-right: 6px; } + .list-row:hover { + transition: none; } + .list-row:backdrop { + transition: 200ms ease-out; } + +/********* + * Menus * + *********/ +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); + background-color: #3B4245; + color: rgba(255, 255, 255, 0.8); } + .menubar:backdrop { + background-color: #2f3537; } + .menubar > .menuitem { + padding: 4px 8px; } + .menubar > .menuitem:hover { + box-shadow: inset 0 -3px #426b7e; + color: rgba(255, 255, 255, 0.8); } + .menubar > .menuitem:insensitive { + color: #788084; + box-shadow: none; } + +.menu, +.popup { + padding: 4px 0px; + background-color: #5f6a6e; + border: 1px solid #373e41; + border-radius: 4px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + .csd .menu, .csd + .popup { + border: none; } + .menu:backdrop, + .popup:backdrop { + background-color: #616c71; } + .menu .menuitem, + .popup .menuitem { + padding: 8px 4px; + text-shadow: none; } + .menu .menuitem:hover, + .popup .menuitem:hover { + color: #ffffff; + background-color: #426b7e; } + .menu .menuitem:insensitive, + .popup .menuitem:insensitive { + color: #788084; } + .menu .menuitem:insensitive:backdrop, + .popup .menuitem:insensitive:backdrop { + color: #727f85; } + .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover, + .popup .menuitem:backdrop, + .popup .menuitem:backdrop:hover { + color: #788084; + background-color: transparent; } + .menu .menuitem .arrow:dir(ltr), + .popup .menuitem .arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + .menu .menuitem .arrow:dir(rtl), + .popup .menuitem .arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + .menu > .arrow, + .popup > .arrow { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + padding: 4px; + background-color: #5f6a6e; + border-radius: 0; } + .menu > .arrow.top, + .popup > .arrow.top { + margin-top: -6px; + border-bottom: 1px solid #697479; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + .menu > .arrow.bottom, + .popup > .arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid #697479; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .menu > .arrow:hover, + .popup > .arrow:hover { + background-color: #697479; } + .menu > .arrow:backdrop, + .popup > .arrow:backdrop { + background-color: #616c71; } + .menu > .arrow:insensitive, + .popup > .arrow:insensitive { + color: transparent; + background-color: transparent; + border-color: transparent; } + +.menuitem .accelerator { + color: alpha(currentColor,0.55); } +.menuitem .check:dir(ltr), +.menuitem .radio:dir(ltr) { + margin-right: 7px; } +.menuitem .check:dir(rtl), +.menuitem .radio:dir(rtl) { + margin-left: 7px; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #3f4649; } + .content-view:hover { + -gtk-image-effect: highlight; } + .content-view:backdrop { + background-color: #3f4649; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } +.scale-popup .button:hover, +.scale-popup button:hover { + background-color: rgba(161, 168, 171, 0.1); + border-radius: 5px; } + +.separator { + color: #373e41; } + +/************ +* Assistant * +*************/ +GtkAssistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + GtkAssistant .sidebar { + background-color: #636E73; + border-top: 1px solid #373e41; + border-bottom-left-radius: 4px; } + GtkAssistant .sidebar:backdrop { + background-color: #657176; + border-color: #394144; } + GtkAssistant.csd .sidebar { + border-top-style: none; } + GtkAssistant .sidebar GtkLabel { + padding: 6px 12px; } + GtkAssistant .sidebar GtkLabel.highlight { + background-color: #5f686c; } + +/************* + * Notebooks * + *************/ +.dynamic-notebook, +.notebook { + padding: 0; + background-color: #636E73; + box-shadow: 0 0 0 1px #373e41; + background-clip: border-box; } + .dynamic-notebook > .header, + .notebook > .header { + border: none; + box-shadow: none; + background-color: #4F585C; } + .dynamic-notebook > tab, + .notebook > tab { + border-radius: 0; + background-color: #4F585C; } + .dynamic-notebook > tab.top, + .notebook > tab.top { + padding: 6px 8px 8px 8px; + box-shadow: inset 0 -1px 0 0 #373e41; } + .dynamic-notebook > tab.top:active, + .notebook > tab.top:active { + box-shadow: inset 0 -3px 0 0 #426b7e; } + .dynamic-notebook > tab.top:active:backdrop, + .notebook > tab.top:active:backdrop { + box-shadow: inset 0 -3px 0 0 #4b798f; } + .dynamic-notebook > tab.top:backdrop, + .notebook > tab.top:backdrop { + box-shadow: inset 0 -1px 0 0 #394144; } + .dynamic-notebook > tab.top:insensitive, + .notebook > tab.top:insensitive { + box-shadow: inset 0 -1px 0 0 #373e41; } + .dynamic-notebook > tab.bottom, + .notebook > tab.bottom { + padding: 8px 8px 6px 8px; + box-shadow: inset 0 1px 0 0 #373e41; } + .dynamic-notebook > tab.bottom:active, + .notebook > tab.bottom:active { + box-shadow: inset 0 3px 0 0 #426b7e; } + .dynamic-notebook > tab.bottom:active:backdrop, + .notebook > tab.bottom:active:backdrop { + box-shadow: inset 0 3px 0 0 #4b798f; } + .dynamic-notebook > tab.bottom:backdrop, + .notebook > tab.bottom:backdrop { + box-shadow: inset 0 1px 0 0 #394144; } + .dynamic-notebook > tab.bottom:insensitive, + .notebook > tab.bottom:insensitive { + box-shadow: inset 0 1px 0 0 #373e41; } + .dynamic-notebook > tab.left, + .notebook > tab.left { + padding: 8px; + box-shadow: inset -1px 0 0 0 #373e41; } + .dynamic-notebook > tab.left:active, + .notebook > tab.left:active { + box-shadow: inset -3px 0 0 0 #426b7e; } + .dynamic-notebook > tab.left:active:backdrop, + .notebook > tab.left:active:backdrop { + box-shadow: inset -3px 0 0 0 #4b798f; } + .dynamic-notebook > tab.left:backdrop, + .notebook > tab.left:backdrop { + box-shadow: inset -1px 0 0 0 #394144; } + .dynamic-notebook > tab.left:insensitive, + .notebook > tab.left:insensitive { + box-shadow: inset -1px 0 0 0 #373e41; } + .dynamic-notebook > tab.right, + .notebook > tab.right { + padding: 8px; + box-shadow: inset 1px 0 0 0 #373e41; } + .dynamic-notebook > tab.right:active, + .notebook > tab.right:active { + box-shadow: inset 3px 0 0 0 #426b7e; } + .dynamic-notebook > tab.right:active:backdrop, + .notebook > tab.right:active:backdrop { + box-shadow: inset 3px 0 0 0 #4b798f; } + .dynamic-notebook > tab.right:backdrop, + .notebook > tab.right:backdrop { + box-shadow: inset 1px 0 0 0 #394144; } + .dynamic-notebook > tab.right:insensitive, + .notebook > tab.right:insensitive { + box-shadow: inset 1px 0 0 0 #373e41; } + .dynamic-notebook > tab:active, + .notebook > tab:active { + font-weight: bold; } + .dynamic-notebook > tab:hover, + .notebook > tab:hover { + background: #434b4e; } + +/********* + * Paned * + *********/ +.paned { + border: solid #373e41; + border-left-width: 1px; } + .paned > .separator { + -gtk-icon-source: none; + border-style: none; + background-color: #373e41; + background-size: 1px 1px; } + .paned > .separator:selected { + background-color: #426b7e; } + .paned > .separator:backdrop { + background-color: #394144; } + .paned.horizontal > .separator { + background-repeat: repeat-y; } + .paned.horizontal > .separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + .paned.horizontal > .separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + .paned.horizontal > .separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + .paned.vertical > .separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + .paned.vertical > .separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +/************ + * Pathbars * + ************/ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 4px; + padding-right: 4px; } +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 8px; } +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 8px; } +.path-bar button image { + padding-left: 4px; + padding-right: 4px; } +.path-bar button.slider-button { + padding-left: 0; + padding-right: 0; } + +/************ + * Popovers * + ************/ +GtkPopover, +.popover.background { + padding: 2px; + border-radius: 4px; + border: none; + background-color: #4F585C; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + .csd GtkPopover, GtkPopover, .csd + .popover.background, + .popover.background { + border: 1px solid #373e41; } + GtkPopover:backdrop, + .popover.background:backdrop { + background-color: #4F585C; + box-shadow: none; } + GtkPopover > .view, GtkPopover > GtkIconView, + GtkPopover > .toolbar, + .popover.background > .view, + .popover.background > GtkIconView, + .popover.background > .toolbar { + border-style: none; + background-color: transparent; } + .csd GtkPopover.touch-selection, .csd GtkPopover.magnifier, GtkPopover.touch-selection, GtkPopover.magnifier, .csd + .popover.background.touch-selection, .csd + .popover.background.magnifier, + .popover.background.touch-selection, + .popover.background.magnifier { + border: 1px solid rgba(255, 255, 255, 0.1); } + GtkPopover .separator, + .popover.background .separator { + margin: 3px; } + +/***************** + * Progress bars * + *****************/ +GtkProgressBar, +.progressbar { + font-size: smaller; + color: rgba(161, 168, 171, 0.4); } + GtkProgressBar.horizontal progress, + .progressbar.horizontal progress { + margin: 0 -1px; } + GtkProgressBar.vertical progress, + .progressbar.vertical progress { + margin: -1px 0; } + GtkProgressBar:active, + .progressbar:active { + border-radius: 0px; + color: rgba(0, 0, 0, 0.5); + background-color: #426b7e; + border-color: #304f5d; } + GtkProgressBar:active:backdrop, + .progressbar:active:backdrop { + background-color: #54879f; + border-color: #426b7e; } + GtkProgressBar:backdrop, + .progressbar:backdrop { + transition: 200ms ease-out; } + GtkProgressBar .progressbar, + .progressbar .progressbar { + border-radius: 0px; } + GtkProgressBar .progressbar.left, + .progressbar .progressbar.left { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } + GtkProgressBar .progressbar.right, + .progressbar .progressbar.right { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; } + GtkProgressBar .progressbar.top, + .progressbar .progressbar.top { + border-top-right-radius: 0px; + border-top-left-radius: 0px; } + GtkProgressBar .progressbar.bottom, + .progressbar .progressbar.bottom { + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; } + GtkProgressBar.osd, + .progressbar.osd { + background-color: transparent; } + GtkProgressBar.osd .trough, + .progressbar.osd .trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + GtkProgressBar.osd .progressbar, + .progressbar.osd .progressbar { + border-style: none; + border-radius: 0; } + GtkProgressBar row:selected, + GtkProgressBar .list-row:selected, + .progressbar row:selected, + .progressbar .list-row:selected { + border: 1px solid #304f5d; + color: rgba(0, 0, 0, 0.5); + background-color: #426b7e; } + +/********** + * Scales * + **********/ +GtkLevelBar .trough, +.level-bar .trough, GtkLevelBar.horizontal .trough, GtkLevelBar.vertical .trough, +.level-bar.horizontal .trough, +.level-bar.vertical .trough, GtkProgressBar, +.progressbar, .scale .trough, .scale.fine-tune .trough, .scale fill { + border: none; + background-color: #636E73; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(255, 255, 255, 0.1); + padding: 0; + margin: 0; } + GtkLevelBar .trough:insensitive, + .level-bar .trough:insensitive, GtkProgressBar:insensitive, + .progressbar:insensitive, .scale .trough:insensitive, .scale fill:insensitive { + background-color: #576165; } + GtkLevelBar .trough:backdrop, + .level-bar .trough:backdrop, GtkProgressBar:backdrop, + .progressbar:backdrop, .scale .trough:backdrop, .scale fill:backdrop { + background-color: #657176; + transition: 200ms ease-out; } + GtkLevelBar .trough:backdrop:insensitive, + .level-bar .trough:backdrop:insensitive, GtkProgressBar:backdrop:insensitive, + .progressbar:backdrop:insensitive, .scale .trough:backdrop:insensitive, .scale fill:backdrop:insensitive { + background-color: #576165; } + row:selected GtkLevelBar .trough, GtkLevelBar row:selected .trough, + row:selected .level-bar .trough, + .level-bar row:selected .trough, row:selected GtkProgressBar, + row:selected .progressbar, row:selected .scale .trough, .scale row:selected .trough, row:selected .scale fill, .scale row:selected fill { + box-shadow: none; } + row:selected GtkLevelBar .trough, GtkLevelBar row:selected .trough, + row:selected .level-bar .trough, + .level-bar row:selected .trough, row:selected GtkProgressBar, + row:selected .progressbar, row:selected .scale .trough, .scale row:selected .trough, row:selected .scale fill, .scale row:selected fill, row:selected GtkLevelBar .trough:insensitive, GtkLevelBar row:selected .trough:insensitive, + row:selected .level-bar .trough:insensitive, + .level-bar row:selected .trough:insensitive, row:selected GtkProgressBar:insensitive, + row:selected .progressbar:insensitive, row:selected .scale .trough:insensitive, .scale row:selected .trough:insensitive, row:selected .scale fill:insensitive, .scale row:selected fill:insensitive { + border-color: #304f5d; } + .osd GtkLevelBar .trough, GtkLevelBar .osd .trough, + .osd .level-bar .trough, + .level-bar .osd .trough, .osd GtkProgressBar, + .osd .progressbar, .osd .scale .trough, .scale .osd .trough, .osd .scale fill, .scale .osd fill { + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + box-shadow: none; + outline-color: rgba(161, 168, 171, 0.2); } + .osd GtkLevelBar .trough:insensitive, GtkLevelBar .osd .trough:insensitive, + .osd .level-bar .trough:insensitive, + .level-bar .osd .trough:insensitive, .osd GtkProgressBar:insensitive, + .osd .progressbar:insensitive, .osd .scale .trough:insensitive, .scale .osd .trough:insensitive, .osd .scale fill:insensitive, .scale .osd fill:insensitive { + background-color: rgba(45, 50, 51, 0.5); } + +GtkProgressBar .progressbar, +.progressbar .progressbar, .scale .highlight, .scale.fine-tune .highlight { + border: 1px solid #304f5d; + background-color: #426b7e; + box-shadow: 0px 1px rgba(255, 255, 255, 0.1); + border-radius: 4px; } + GtkProgressBar .progressbar:insensitive, + .progressbar .progressbar:insensitive, .scale .highlight:insensitive { + border: 1px solid #141617; + background-color: #202425; } + GtkProgressBar .progressbar:backdrop, + .progressbar .progressbar:backdrop, GtkProgressBar:backdrop .progressbar, + .progressbar:backdrop .progressbar, GtkProgressBar:backdrop progress, + .progressbar:backdrop progress, .scale .highlight:backdrop, GtkProgressBar .progressbar:active:backdrop, + .progressbar .progressbar:active:backdrop, GtkProgressBar:backdrop .progressbar:active, + .progressbar:backdrop .progressbar:active, GtkProgressBar:backdrop progress:active, + .progressbar:backdrop progress:active, .scale .highlight:active:backdrop { + border-color: #304f5d; + background-color: #54879f; } + GtkProgressBar .progressbar:backdrop:insensitive, + .progressbar .progressbar:backdrop:insensitive, GtkProgressBar:backdrop .progressbar:insensitive, + .progressbar:backdrop .progressbar:insensitive, GtkProgressBar:backdrop progress:insensitive, + .progressbar:backdrop progress:insensitive, .scale .highlight:backdrop:insensitive, GtkProgressBar .progressbar:active:backdrop:insensitive, + .progressbar .progressbar:active:backdrop:insensitive, GtkProgressBar:backdrop .progressbar:active:insensitive, + .progressbar:backdrop .progressbar:active:insensitive, GtkProgressBar:backdrop progress:active:insensitive, + .progressbar:backdrop progress:active:insensitive, .scale .highlight:active:backdrop:insensitive { + background-color: transparent; + border-color: transparent; } + .list-row:selected GtkProgressBar .progressbar:insensitive, GtkProgressBar .list-row:selected .progressbar:insensitive, + .list-row:selected .progressbar .progressbar:insensitive, + .progressbar .list-row:selected .progressbar:insensitive, .list-row:selected .scale .highlight:insensitive, .scale .list-row:selected .highlight:insensitive, .list-row:selected GtkProgressBar .progressbar, GtkProgressBar .list-row:selected .progressbar, + .list-row:selected .progressbar .progressbar, + .progressbar .list-row:selected .progressbar, .list-row:selected .scale .highlight, .scale .list-row:selected .highlight { + border-color: #304f5d; } + row:selected GtkProgressBar .progressbar:insensitive, GtkProgressBar row:selected .progressbar:insensitive, + row:selected .progressbar .progressbar:insensitive, + .progressbar row:selected .progressbar:insensitive, row:selected .scale .highlight:insensitive, .scale row:selected .highlight:insensitive, row:selected GtkProgressBar .progressbar, GtkProgressBar row:selected .progressbar, + row:selected .progressbar .progressbar, + .progressbar row:selected .progressbar, row:selected .scale .highlight, .scale row:selected .highlight { + border-color: #304f5d; } + .osd GtkProgressBar .progressbar, GtkProgressBar .osd .progressbar, + .osd .progressbar .progressbar, + .progressbar .osd .progressbar, .osd .scale .highlight, .scale .osd .highlight { + border-color: rgba(0, 0, 0, 0.7); } + .osd GtkProgressBar .progressbar:insensitive, GtkProgressBar .osd .progressbar:insensitive, + .osd .progressbar .progressbar:insensitive, + .progressbar .osd .progressbar:insensitive, .osd .scale .highlight:insensitive, .scale .osd .highlight:insensitive { + border-color: transparent; } + +.scale { + -GtkScale-slider-length: 16px; + -GtkRange-slider-width: 16px; + -GtkRange-trough-border: 0px; + padding: 8px; } + .scale .highlight { + margin: -1px; } + .scale .slider { + margin: 2px; + background-color: #636E73; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); + border: 1px solid rgba(0, 0, 0, 0.3); + border-radius: 12px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + .scale .slider:active { + box-shadow: 0 1px 1px 0 rgba(66, 107, 126, 0.5); + border: 1px solid #426b7e; } + .scale .slider:active:insensitive { + box-shadow: none; + border: 1px solid rgba(0, 0, 0, 0.2); } + .scale .slider:insensitive { + box-shadow: none; } + .list-row:selected .scale .slider, .list-row:selected .scale .slider:insensitive { + border-color: #304f5d; } + row:selected .scale .slider, row:selected .scale .slider:insensitive { + border-color: #304f5d; } + .osd .scale .slider { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border-color: rgba(0, 0, 0, 0.7); + background-color: #202526; } + .osd .scale .slider:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd .scale .slider:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd .scale .slider:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .osd .scale .slider:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .scale .trough { + border-radius: 2px; + margin: 6px; + outline-offset: 2px; + outline-radius: 5px; } + .scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; } + .scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; } + .scale.fine-tune .slider { + background-color: #636E73; + border-color: #636E73; + border: 1px solid rgba(0, 0, 0, 0.3); + border-radius: 12px; + box-shadow: none; } + .scale.fine-tune .trough { + border-radius: 6px; + outline-offset: 2px; + outline-radius: 5px; + margin: 2px; } + .scale fill { + border-radius: 2px; } + .scale fill, .scale fill:backdrop { + background-color: #373e41; + box-shadow: none; } + .scale fill:insensitive, .scale fill:insensitive:backdrop { + border-color: transparent; + background-color: transparent; } + .osd .scale fill { + background-color: rgba(62, 64, 65, 0.775); } + .osd .scale fill:insensitive, .osd .scale fill:insensitive:backdrop { + border-color: transparent; + background-color: transparent; } + .scale value { + color: alpha(currentColor,0.4); } + .scale marks { + color: alpha(currentColor,0.4); } + .scale marks.top { + margin-bottom: 6px; + margin-top: -12px; } + .scale marks.bottom { + margin-top: 6px; + margin-bottom: -12px; } + .scale marks.top { + margin-right: 6px; + margin-left: -12px; } + .scale marks.bottom { + margin-left: 6px; + margin-right: -12px; } + .scale.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -9px; } + .scale.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -9px; } + .scale.fine-tune marks.top { + margin-right: 6px; + margin-left: -9px; } + .scale.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -9px; } + +/************** + * Scrollbars * + **************/ +.scrollbar { + background-color: #596368; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + .scrollbar.top { + border-bottom: 1px solid #373e41; } + .scrollbar.bottom { + border-top: 1px solid #373e41; } + .scrollbar.left { + border-right: 1px solid #373e41; } + .scrollbar.right { + border-left: 1px solid #373e41; } + .scrollbar:backdrop { + background-color: #485054; + border-color: #394144; + transition: 200ms ease-out; } + .scrollbar .slider { + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #80888b; } + .scrollbar .slider:hover { + background-color: #91989b; } + .scrollbar .slider:hover:active { + background-color: #54879f; } + .scrollbar .slider:backdrop { + background-color: #5f686c; } + .scrollbar .slider:insensitive { + background-color: transparent; } + .scrollbar.fine-tune.horizontal .slider { + border-width: 5px 4px; } + .scrollbar.fine-tune.vertical .slider { + border-width: 4px 5px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { + margin: 0; + background-color: #A1A8AB; + border: 1px solid black; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + background-color: #A1A8AB; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid black; + -gtk-icon-source: none; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + margin: 1px 2px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider { + margin: 2px 0; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button { + margin: 2px 1px; } + .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + .scrollbar .button { + padding: 0; + border-style: none; + border-radius: 0; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #80888b; } + .scrollbar .button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #91989b; } + .scrollbar .button:active, .scrollbar .button:checked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #54879f; } + .scrollbar .button:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: rgba(128, 136, 139, 0.2); } + .scrollbar .button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #5f686c; } + .scrollbar .button:backdrop:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: rgba(95, 104, 108, 0.2); } + .scrollbar.vertical .button.down, + .scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .scrollbar.vertical .button.up, + .scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + .scrollbar.horizontal .button.down, + .scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + .scrollbar.horizontal .button.up, + .scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +GtkTreeView ~ .scrollbar.vertical { + border-top: 1px solid #373e41; + margin-top: -1px; } + +/********************** + * Overlay Scrollbars * + *********************/ +OsThumb, +OsScrollbar { + color: #426b7e; } + OsThumb:active, OsThumb:selected, + OsScrollbar:active, + OsScrollbar:selected { + background-color: #426b7e; } + OsThumb:backdrop, OsThumb:active:backdrop, + OsScrollbar:backdrop, + OsScrollbar:active:backdrop { + background-color: #788084; } + OsThumb:insensitive, + OsScrollbar:insensitive { + background-color: #788084; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + padding: 0; + border-style: solid; + background-color: #4F585C; } + .sidebar.left { + border-right: 1px solid #373e41; + border-left-style: none; } + .sidebar.right { + border-left: 1px solid #373e41; + border-right-style: none; } + .sidebar:backdrop { + background-color: #5a6569; + border-color: #394144; + transition: 200ms ease-out; } + .sidebar .frame { + border-width: 0; + border-left-width: 1px; + border-right-width: 1px; } + .sidebar .sidebar-item, + .sidebar .sidebar-row { + padding: 5px 8px; } + .sidebar .sidebar-item GtkImage, + .sidebar .sidebar-row GtkImage { + padding-right: 6px; + padding-left: 6px; } + .sidebar .sidebar-item:selected, .sidebar .sidebar-item:active, + .sidebar .sidebar-row:selected, + .sidebar .sidebar-row:active { + background-color: #426b7e; + color: #ffffff; } + .sidebar .sidebar-item:selected:hover, .sidebar .sidebar-item:active:hover, + .sidebar .sidebar-row:selected:hover, + .sidebar .sidebar-row:active:hover { + background-color: #426b7e; + color: #ffffff; + box-shadow: none; } + .sidebar .sidebar-item:selected:backdrop, .sidebar .sidebar-item:active:backdrop, + .sidebar .sidebar-row:selected:backdrop, + .sidebar .sidebar-row:active:backdrop { + background-color: #719fb5; } + .sidebar .sidebar-item:hover, + .sidebar .sidebar-row:hover { + background-color: #636E73; + color: #A1A8AB; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } + .sidebar .sidebar-item:hover:backdrop, + .sidebar .sidebar-row:hover:backdrop { + box-shadow: none; } + .sidebar .separator { + color: #373e41; } + .paned .sidebar.left, .paned .sidebar.right, .paned .sidebar.left:dir(rtl), .paned .sidebar:dir(rtl), .paned .sidebar:dir(ltr), .paned .sidebar { + border-style: none; } + +/***************** + * GtkSpinButton * + *****************/ +.spinbutton:not(.vertical) .entry { + padding: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } +.spinbutton:not(.vertical) .button { + margin: 0; + padding: 6px; + color: #9ba2a5; + background-image: none; + border-style: none none none solid; + border-color: rgba(55, 62, 65, 0.3); + border-radius: 0; + box-shadow: none; } + .spinbutton:not(.vertical) .button:dir(rtl) { + border-style: none solid none none; } + .spinbutton:not(.vertical) .button:hover { + color: #A1A8AB; + background-color: rgba(161, 168, 171, 0.05); } + .spinbutton:not(.vertical) .button:insensitive { + color: rgba(120, 128, 132, 0.3); } + .spinbutton:not(.vertical) .button:active { + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + .spinbutton:not(.vertical) .button:backdrop { + color: #767f83; + background-color: transparent; + border-color: rgba(57, 65, 68, 0.3); + transition: 200ms ease-out; } + .spinbutton:not(.vertical) .button:backdrop:insensitive { + color: rgba(114, 127, 133, 0.3); + background-image: none; + border-style: none none none solid; } + .spinbutton:not(.vertical) .button:backdrop:insensitive:dir(rtl) { + border-style: none solid none none; } +.osd .spinbutton:not(.vertical) .button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #A1A8AB; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.4); + border-radius: 0; + box-shadow: none; } + .osd .spinbutton:not(.vertical) .button:dir(rtl) { + border-style: none solid none none; } + .osd .spinbutton:not(.vertical) .button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(161, 168, 171, 0.1); + box-shadow: none; } + .osd .spinbutton:not(.vertical) .button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.5); + box-shadow: none; } + .osd .spinbutton:not(.vertical) .button:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #616769; + border-color: rgba(0, 0, 0, 0.5); + box-shadow: none; } + .osd .spinbutton:not(.vertical) .button:last-child { + border-radius: 0 3px 3px 0; } + .osd .spinbutton:not(.vertical) .button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } +.spinbutton.vertical:insensitive { + color: #788084; } +.spinbutton.vertical:backdrop:insensitive { + color: #727f85; } +.spinbutton.vertical .entry { + padding: 0; + border-radius: 0; } +.spinbutton.vertical .button { + padding: 0; + border: none; + background: none; + box-shadow: none; + color: #A1A8AB; } + .spinbutton.vertical .button:hover { + background-color: #426b7e; + color: #ffffff; + icon-shadow: none; } + .spinbutton.vertical .button:active { + background-color: transparent; + color: #A1A8AB; } +.spinbutton.vertical .button.up { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; } +.spinbutton.vertical .button.down { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; } +.osd .spinbutton.vertical button:first-child { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd .spinbutton.vertical button:first-child:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd .spinbutton.vertical button:first-child:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd .spinbutton.vertical button:first-child:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .osd .spinbutton.vertical button:first-child:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } +GtkTreeView .spinbutton:not(.vertical) { + border-style: none; + border-radius: 0; } + GtkTreeView .spinbutton:not(.vertical) .entry { + padding: 1px 2px; } + +/*********** + * Spinner * + ***********/ +.menu.spinner, +menu spinner, +.primary-toolbar .spinner { + color: #426b7e; } + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +.spinner, +spinner { + background-image: none; + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + .spinner:active, .spinner:checked, + spinner:active, + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + .spinner:active:insensitive, .spinner:active:insensitive, .spinner:checked:insensitive, .spinner:checked:insensitive, + spinner:active:insensitive, + spinner:active:insensitive, + spinner:checked:insensitive, + spinner:checked:insensitive { + opacity: 0.5; } + +/********** + * Switch * + **********/ +GtkSwitch { + -GtkSwitch-slider-width: 24px; + -GtkSwitch-slider-height: 24px; + font: 1; + font-weight: bold; + outline-offset: -4px; + transition: all 200ms ease-in; + border: none; + border-radius: 14px; + color: transparent; + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(255, 255, 255, 0.1); } + GtkSwitch:insensitive { + background-color: #576165; } + GtkSwitch:backdrop { + background-color: #4F585C; + transition: 200ms ease-out; } + GtkSwitch:backdrop:insensitive { + background-color: #576165; } + GtkSwitch:active, GtkSwitch:checked { + background-color: #426b7e; } + GtkSwitch:active:backdrop, GtkSwitch:checked:backdrop { + background-color: #4b798f; } + GtkSwitch:active:backdrop .slider:backdrop, + GtkSwitch:active:backdrop slider:backdrop, GtkSwitch:checked:backdrop .slider:backdrop, + GtkSwitch:checked:backdrop slider:backdrop { + box-shadow: none; + background-color: rgba(99, 110, 115, 0.9); + border: none; } + GtkSwitch .slider { + padding: 2px; + border-radius: 50%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: #636E73; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); } + GtkSwitch .slider:backdrop { + padding: 2px; + box-shadow: none; + background-color: #636E73; } + GtkSwitch .trough:active, GtkSwitch .trough:checked { + background-color: #426b7e; } + GtkSwitch .trough:active:backdrop, GtkSwitch .trough:checked:backdrop { + background-color: #4b798f; } + +/************ + * Toolbars * + ************/ +.toolbar, +toolbar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #3B4245; + color: rgba(255, 255, 255, 0.8); } + .toolbar:backdrop, + toolbar:backdrop { + background-color: #2f3537; + color: rgba(255, 255, 255, 0.3); } + +.osd .toolbar, .osd +toolbar { + box-shadow: none; + background-color: transparent; } +.toolbar button, +.toolbar .button, +.toolbar .flat, +.toolbar .text-button, +.toolbar .image-button, +toolbar button, +toolbar .button, +toolbar .flat, +toolbar .text-button, +toolbar .image-button { + border: none; + background: none; + text-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.8); + border-radius: 0px; + padding: 10px; } + .toolbar button:focus, .toolbar button:active, + .toolbar .button:focus, + .toolbar .button:active, + .toolbar .flat:focus, + .toolbar .flat:active, + .toolbar .text-button:focus, + .toolbar .text-button:active, + .toolbar .image-button:focus, + .toolbar .image-button:active, + toolbar button:focus, + toolbar button:active, + toolbar .button:focus, + toolbar .button:active, + toolbar .flat:focus, + toolbar .flat:active, + toolbar .text-button:focus, + toolbar .text-button:active, + toolbar .image-button:focus, + toolbar .image-button:active { + color: rgba(255, 255, 255, 0.8); + text-shadow: none; + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); + background-color: rgba(255, 255, 255, 0.1); } + .toolbar button:focus:backdrop, .toolbar button:active:backdrop, + .toolbar .button:focus:backdrop, + .toolbar .button:active:backdrop, + .toolbar .flat:focus:backdrop, + .toolbar .flat:active:backdrop, + .toolbar .text-button:focus:backdrop, + .toolbar .text-button:active:backdrop, + .toolbar .image-button:focus:backdrop, + .toolbar .image-button:active:backdrop, + toolbar button:focus:backdrop, + toolbar button:active:backdrop, + toolbar .button:focus:backdrop, + toolbar .button:active:backdrop, + toolbar .flat:focus:backdrop, + toolbar .flat:active:backdrop, + toolbar .text-button:focus:backdrop, + toolbar .text-button:active:backdrop, + toolbar .image-button:focus:backdrop, + toolbar .image-button:active:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.3); } + .toolbar button:hover, + .toolbar .button:hover, + .toolbar .flat:hover, + .toolbar .text-button:hover, + .toolbar .image-button:hover, + toolbar button:hover, + toolbar .button:hover, + toolbar .flat:hover, + toolbar .text-button:hover, + toolbar .image-button:hover { + background-color: rgba(255, 255, 255, 0.1); + text-shadow: none; + color: rgba(255, 255, 255, 0.8); + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); } + .toolbar button:insensitive, + .toolbar .button:insensitive, + .toolbar .flat:insensitive, + .toolbar .text-button:insensitive, + .toolbar .image-button:insensitive, + toolbar button:insensitive, + toolbar .button:insensitive, + toolbar .flat:insensitive, + toolbar .text-button:insensitive, + toolbar .image-button:insensitive { + background: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.3); } + .toolbar button:backdrop, + .toolbar .button:backdrop, + .toolbar .flat:backdrop, + .toolbar .text-button:backdrop, + .toolbar .image-button:backdrop, + toolbar button:backdrop, + toolbar .button:backdrop, + toolbar .flat:backdrop, + toolbar .text-button:backdrop, + toolbar .image-button:backdrop { + background: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.3); } +.toolbar .separator, +toolbar .separator { + color: transparent; + background-color: transparent; } +.toolbar.osd, +toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(32, 37, 38, 0.8); } + .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, + toolbar.osd.left, + toolbar.osd.right, + toolbar.osd.top, + toolbar.osd.bottom { + border-radius: 0; } +.toolbar.horizontal separator, +toolbar.horizontal separator { + margin: 0 7px 1px 6px; } +.toolbar.vertical separator, +toolbar.vertical separator { + margin: 6px 1px 7px 0; } + +/******************* + * Inline Toolbars * + *******************/ +searchbar, +.search-bar, .location-bar, +.inline-toolbar { + -GtkWidget-window-dragging: true; + background-color: #4a5357; + color: #A1A8AB; + border: 1px solid #373e41; + border-top-width: 0; + border-radius: 0 0 5px 5px; + box-shadow: inset 0 -1px 1px -2px rgba(0, 0, 0, 0.5); + padding: 0px; } + searchbar:backdrop, + .search-bar:backdrop, .location-bar:backdrop, + .inline-toolbar:backdrop { + background-color: #434b4e; } + searchbar button, + .search-bar button, .location-bar button, + searchbar .button, + .search-bar .button, + .location-bar .button, + searchbar .flat, + .search-bar .flat, + .location-bar .flat, + searchbar .text-button, + .search-bar .text-button, + .location-bar .text-button, + searchbar .image-button, + .search-bar .image-button, + .location-bar .image-button, + .inline-toolbar button, + .inline-toolbar .button, + .inline-toolbar .flat, + .inline-toolbar .text-button, + .inline-toolbar .image-button { + border: none; + background: none; + text-shadow: none; + box-shadow: none; + background-color: transparent; + color: #A1A8AB; + border-radius: 0px; + padding: 10px; } + searchbar button:focus, + .search-bar button:focus, .location-bar button:focus, searchbar button:active, + .search-bar button:active, .location-bar button:active, + searchbar .button:focus, + .search-bar .button:focus, + .location-bar .button:focus, + searchbar .button:active, + .search-bar .button:active, + .location-bar .button:active, + searchbar .flat:focus, + .search-bar .flat:focus, + .location-bar .flat:focus, + searchbar .flat:active, + .search-bar .flat:active, + .location-bar .flat:active, + searchbar .text-button:focus, + .search-bar .text-button:focus, + .location-bar .text-button:focus, + searchbar .text-button:active, + .search-bar .text-button:active, + .location-bar .text-button:active, + searchbar .image-button:focus, + .search-bar .image-button:focus, + .location-bar .image-button:focus, + searchbar .image-button:active, + .search-bar .image-button:active, + .location-bar .image-button:active, + .inline-toolbar button:focus, + .inline-toolbar button:active, + .inline-toolbar .button:focus, + .inline-toolbar .button:active, + .inline-toolbar .flat:focus, + .inline-toolbar .flat:active, + .inline-toolbar .text-button:focus, + .inline-toolbar .text-button:active, + .inline-toolbar .image-button:focus, + .inline-toolbar .image-button:active { + font: bold; + color: #A1A8AB; + text-shadow: none; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.05); } + searchbar button:focus:backdrop, + .search-bar button:focus:backdrop, .location-bar button:focus:backdrop, searchbar button:active:backdrop, + .search-bar button:active:backdrop, .location-bar button:active:backdrop, + searchbar .button:focus:backdrop, + .search-bar .button:focus:backdrop, + .location-bar .button:focus:backdrop, + searchbar .button:active:backdrop, + .search-bar .button:active:backdrop, + .location-bar .button:active:backdrop, + searchbar .flat:focus:backdrop, + .search-bar .flat:focus:backdrop, + .location-bar .flat:focus:backdrop, + searchbar .flat:active:backdrop, + .search-bar .flat:active:backdrop, + .location-bar .flat:active:backdrop, + searchbar .text-button:focus:backdrop, + .search-bar .text-button:focus:backdrop, + .location-bar .text-button:focus:backdrop, + searchbar .text-button:active:backdrop, + .search-bar .text-button:active:backdrop, + .location-bar .text-button:active:backdrop, + searchbar .image-button:focus:backdrop, + .search-bar .image-button:focus:backdrop, + .location-bar .image-button:focus:backdrop, + searchbar .image-button:active:backdrop, + .search-bar .image-button:active:backdrop, + .location-bar .image-button:active:backdrop, + .inline-toolbar button:focus:backdrop, + .inline-toolbar button:active:backdrop, + .inline-toolbar .button:focus:backdrop, + .inline-toolbar .button:active:backdrop, + .inline-toolbar .flat:focus:backdrop, + .inline-toolbar .flat:active:backdrop, + .inline-toolbar .text-button:focus:backdrop, + .inline-toolbar .text-button:active:backdrop, + .inline-toolbar .image-button:focus:backdrop, + .inline-toolbar .image-button:active:backdrop { + border: none; + background-color: transparent; + color: #788084; } + searchbar button:hover, + .search-bar button:hover, .location-bar button:hover, + searchbar .button:hover, + .search-bar .button:hover, + .location-bar .button:hover, + searchbar .flat:hover, + .search-bar .flat:hover, + .location-bar .flat:hover, + searchbar .text-button:hover, + .search-bar .text-button:hover, + .location-bar .text-button:hover, + searchbar .image-button:hover, + .search-bar .image-button:hover, + .location-bar .image-button:hover, + .inline-toolbar button:hover, + .inline-toolbar .button:hover, + .inline-toolbar .flat:hover, + .inline-toolbar .text-button:hover, + .inline-toolbar .image-button:hover { + background-color: rgba(0, 0, 0, 0.05); + text-shadow: none; + color: #A1A8AB; + box-shadow: none; } + searchbar button:insensitive, + .search-bar button:insensitive, .location-bar button:insensitive, + searchbar .button:insensitive, + .search-bar .button:insensitive, + .location-bar .button:insensitive, + searchbar .flat:insensitive, + .search-bar .flat:insensitive, + .location-bar .flat:insensitive, + searchbar .text-button:insensitive, + .search-bar .text-button:insensitive, + .location-bar .text-button:insensitive, + searchbar .image-button:insensitive, + .search-bar .image-button:insensitive, + .location-bar .image-button:insensitive, + .inline-toolbar button:insensitive, + .inline-toolbar .button:insensitive, + .inline-toolbar .flat:insensitive, + .inline-toolbar .text-button:insensitive, + .inline-toolbar .image-button:insensitive { + background: none; + background-color: transparent; + color: rgba(161, 168, 171, 0.5); } + searchbar button:backdrop, + .search-bar button:backdrop, .location-bar button:backdrop, + searchbar .button:backdrop, + .search-bar .button:backdrop, + .location-bar .button:backdrop, + searchbar .flat:backdrop, + .search-bar .flat:backdrop, + .location-bar .flat:backdrop, + searchbar .text-button:backdrop, + .search-bar .text-button:backdrop, + .location-bar .text-button:backdrop, + searchbar .image-button:backdrop, + .search-bar .image-button:backdrop, + .location-bar .image-button:backdrop, + .inline-toolbar button:backdrop, + .inline-toolbar .button:backdrop, + .inline-toolbar .flat:backdrop, + .inline-toolbar .text-button:backdrop, + .inline-toolbar .image-button:backdrop { + border: none; + background: none; + background-color: transparent; + color: #788084; } + searchbar .entry, + .search-bar .entry, .location-bar .entry, + searchbar entry, + .search-bar entry, + .location-bar entry, + .inline-toolbar .entry, + .inline-toolbar entry { + background: none; + color: #A1A8AB; + border-radius: 0px; + border: none; + box-shadow: none; } + searchbar .entry.image, + .search-bar .entry.image, .location-bar .entry.image, + searchbar entry.image, + .search-bar entry.image, + .location-bar entry.image, + .inline-toolbar .entry.image, + .inline-toolbar entry.image { + color: #A1A8AB; } + searchbar .entry.image.left, + .search-bar .entry.image.left, .location-bar .entry.image.left, + searchbar entry.image.left, + .search-bar entry.image.left, + .location-bar entry.image.left, + .inline-toolbar .entry.image.left, + .inline-toolbar entry.image.left { + padding-right: 6px; } + searchbar .entry:backdrop, + .search-bar .entry:backdrop, .location-bar .entry:backdrop, + searchbar entry:backdrop, + .search-bar entry:backdrop, + .location-bar entry:backdrop, + .inline-toolbar .entry:backdrop, + .inline-toolbar entry:backdrop { + color: #788084; } + searchbar .entry:selected, + .search-bar .entry:selected, .location-bar .entry:selected, + searchbar entry:selected, + .search-bar entry:selected, + .location-bar entry:selected, + .inline-toolbar .entry:selected, + .inline-toolbar entry:selected { + color: #636E73; + background-color: #426b7e; } + +searchbar, +.search-bar, .location-bar { + border-style: solid; + border-color: #373e41; + background-color: #485054; } + searchbar:backdrop, + .search-bar:backdrop, .location-bar:backdrop { + border-color: #394144; + background-color: #475054; + box-shadow: none; + transition: 200ms ease-out; } + +searchbar, +.search-bar { + padding: 3px 0px; + border-width: 0; + border-radius: 0; } + +.location-bar { + border-width: 0 0 1px; + padding: 3px; } + +/************ + * Tooltips * + ************/ +.tooltip, +.overlay-bar { + margin: 4px; + border: none; + border-radius: 3px; + background-color: #636E73; + color: #A1A8AB; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); } + .tooltip.background, + .overlay-bar.background { + background-color: #636E73; + border: none; } + .tooltip *, + .overlay-bar * { + padding: 2px; + background-color: transparent; + color: #A1A8AB; } + .tooltip .csd, + .overlay-bar .csd { + border-radius: 5px; + box-shadow: none; } + +/************** + * Tree Views * + **************/ +GtkTreeView.view, +treeview.view { + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + border-left-color: #828b8f; + border-top-color: #4F585C; } + GtkTreeView.view:selected:focus, GtkTreeView.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + border-radius: 0; } + GtkTreeView.view:selected:backdrop, GtkTreeView.view:selected, + treeview.view:selected:backdrop, + treeview.view:selected { + border-left-color: #a1b5bf; + border-top-color: rgba(161, 168, 171, 0.1); } + GtkTreeView.view:insensitive, + treeview.view:insensitive { + color: #788084; } + GtkTreeView.view:insensitive:selected, + treeview.view:insensitive:selected { + color: #8ea6b2; } + GtkTreeView.view:insensitive:selected:backdrop, + treeview.view:insensitive:selected:backdrop { + color: rgba(90, 126, 142, 0.85); } + GtkTreeView.view:insensitive:backdrop, + treeview.view:insensitive:backdrop { + color: #727f85; } + GtkTreeView.view.separator, + treeview.view.separator { + color: #4F585C; } + GtkTreeView.view.separator:backdrop, + treeview.view.separator:backdrop { + color: rgba(79, 88, 92, 0.1); } + GtkTreeView.view:backdrop, + treeview.view:backdrop { + border-left-color: #646c70; + border-top: #4F585C; } + GtkTreeView.view.expander, + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #8e979a; } + GtkTreeView.view.expander:dir(rtl), + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + GtkTreeView.view.expander:hover, + treeview.view.expander:hover { + color: #A1A8AB; } + GtkTreeView.view.expander:selected, + treeview.view.expander:selected { + color: #c6d3d8; } + GtkTreeView.view.expander:selected:hover, + treeview.view.expander:selected:hover { + color: #ffffff; } + GtkTreeView.view.expander:selected:backdrop, + treeview.view.expander:selected:backdrop { + color: rgba(149, 172, 182, 0.65); } + GtkTreeView.view.expander:checked, + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + GtkTreeView.view.expander:backdrop, + treeview.view.expander:backdrop { + color: #727c80; } + GtkTreeView.view.progressbar, + treeview.view.progressbar { + border: 1px solid #304f5d; + border-radius: 4px; + background-color: #426b7e; + background-image: linear-gradient(to bottom, #426b7e, #304f5d); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } + GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:selected, + treeview.view.progressbar:selected:focus, + treeview.view.progressbar:selected { + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: linear-gradient(to bottom, #636E73, #4b5458); } + GtkTreeView.view.progressbar:selected:focus:backdrop, GtkTreeView.view.progressbar:selected:backdrop, + treeview.view.progressbar:selected:focus:backdrop, + treeview.view.progressbar:selected:backdrop { + border-color: #657176; + background-color: #657176; } + GtkTreeView.view.progressbar:backdrop, + treeview.view.progressbar:backdrop { + border-color: #657176; + background-image: none; + box-shadow: none; } + GtkTreeView.view.trough, + treeview.view.trough { + background-color: rgba(161, 168, 171, 0.1); + border-radius: 4px; } + GtkTreeView.view.trough:selected:focus, GtkTreeView.view.trough:selected, + treeview.view.trough:selected:focus, + treeview.view.trough:selected { + background-color: #304f5d; + border-radius: 4px; } + GtkTreeView.view column-header .button, + GtkTreeView.view column-header button, + GtkTreeView.view header .button, + GtkTreeView.view header button, + treeview.view column-header .button, + treeview.view column-header button, + treeview.view header .button, + treeview.view header button { + color: #828b8f; + background-color: #636E73; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + GtkTreeView.view column-header .button:hover, + GtkTreeView.view column-header button:hover, + GtkTreeView.view header .button:hover, + GtkTreeView.view header button:hover, + treeview.view column-header .button:hover, + treeview.view column-header button:hover, + treeview.view header .button:hover, + treeview.view header button:hover { + color: #929a9d; + box-shadow: none; + transition: none; } + GtkTreeView.view column-header .button:active, + GtkTreeView.view column-header button:active, + GtkTreeView.view header .button:active, + GtkTreeView.view header button:active, + treeview.view column-header .button:active, + treeview.view column-header button:active, + treeview.view header .button:active, + treeview.view header button:active { + color: #A1A8AB; + transition: none; } + GtkTreeView.view column-header button:last-child:backdrop, GtkTreeView.view column-header button:last-child, + GtkTreeView.view header button:last-child:backdrop, + GtkTreeView.view header button:last-child, + treeview.view column-header button:last-child:backdrop, + treeview.view column-header button:last-child, + treeview.view header button:last-child:backdrop, + treeview.view header button:last-child { + border-right-style: none; } + GtkTreeView.view .button.dnd:active, GtkTreeView.view .button.dnd:selected, GtkTreeView.view .button.dnd:hover, GtkTreeView.view .button.dnd, + GtkTreeView.view button.dnd:active, + GtkTreeView.view button.dnd:selected, + GtkTreeView.view button.dnd:hover, + GtkTreeView.view button.dnd, + GtkTreeView.view column-header.button.dnd:active, + GtkTreeView.view column-header.button.dnd:selected, + GtkTreeView.view column-header.button.dnd:hover, + GtkTreeView.view column-header.button.dnd, + GtkTreeView.view header.button.dnd:active, + GtkTreeView.view header.button.dnd:selected, + GtkTreeView.view header.button.dnd:hover, + GtkTreeView.view header.button.dnd, + treeview.view .button.dnd:active, + treeview.view .button.dnd:selected, + treeview.view .button.dnd:hover, + treeview.view .button.dnd, + treeview.view button.dnd:active, + treeview.view button.dnd:selected, + treeview.view button.dnd:hover, + treeview.view button.dnd, + treeview.view column-header.button.dnd:active, + treeview.view column-header.button.dnd:selected, + treeview.view column-header.button.dnd:hover, + treeview.view column-header.button.dnd, + treeview.view header.button.dnd:active, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd { + padding: 4px 6px; + transition: none; + background-image: none; + background-color: #426b7e; + color: #636E73; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px #636E73; + text-shadow: none; } + +GtkTreeView.view column-header .button, +GtkTreeView.view column-header button, +GtkTreeView.view header .button, +GtkTreeView.view header button, +treeview.view column-header .button, +treeview.view column-header button, +treeview.view header .button, +treeview.view header button, GtkTreeView.view column-header .button:hover, +GtkTreeView.view column-header button:hover, +GtkTreeView.view header .button:hover, +GtkTreeView.view header button:hover, +treeview.view column-header .button:hover, +treeview.view column-header button:hover, +treeview.view header .button:hover, +treeview.view header button:hover, GtkTreeView.view column-header .button:active, +GtkTreeView.view column-header button:active, +GtkTreeView.view header .button:active, +GtkTreeView.view header button:active, +treeview.view column-header .button:active, +treeview.view column-header button:active, +treeview.view header .button:active, +treeview.view header button:active { + padding: 4px 6px; + border-radius: 0; + background-image: none; + text-shadow: none; + border-style: none solid solid none; + border-color: #4F585C; } + GtkTreeView.view column-header .button:insensitive, + GtkTreeView.view column-header button:insensitive, + GtkTreeView.view header .button:insensitive, + GtkTreeView.view header button:insensitive, + treeview.view column-header .button:insensitive, + treeview.view column-header button:insensitive, + treeview.view header .button:insensitive, + treeview.view header button:insensitive { + border-color: #4F585C; + background-image: none; } + GtkTreeView.view column-header .button:backdrop, + GtkTreeView.view column-header button:backdrop, + GtkTreeView.view header .button:backdrop, + GtkTreeView.view header button:backdrop, + treeview.view column-header .button:backdrop, + treeview.view column-header button:backdrop, + treeview.view header .button:backdrop, + treeview.view header button:backdrop { + border-color: #4F585C; + border-style: none solid solid none; + color: #646c70; + background-image: none; + background-color: #657176; } + GtkTreeView.view column-header .button:backdrop:insensitive, + GtkTreeView.view column-header button:backdrop:insensitive, + GtkTreeView.view header .button:backdrop:insensitive, + GtkTreeView.view header button:backdrop:insensitive, + treeview.view column-header .button:backdrop:insensitive, + treeview.view column-header button:backdrop:insensitive, + treeview.view header .button:backdrop:insensitive, + treeview.view header button:backdrop:insensitive { + border-color: #4F585C; + background-image: none; } + +/********************** + * Window Decorations * + *********************/ +.window-frame { + border-radius: 4px; + border-width: 0px; + box-shadow: 0 8px 9px 1px transparent, 0 8px 6px 1px rgba(0, 0, 0, 0.5); + margin: 10px; } + .window-frame:backdrop { + box-shadow: 0 3px 9px 1px transparent, 0 6px 6px 0 rgba(0, 0, 0, 0.3); + transition: 200ms ease-out; } + .fullscreen .window-frame, .tiled .window-frame { + border-radius: 0; } + .popup .window-frame { + box-shadow: none; } + .ssd .window-frame { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } + .csd.popup .window-frame { + border-radius: 0; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } + .solid-csd .window-frame { + border-radius: 0; + margin: 4px; + background-color: #4F585C; + border: 0px solid #394144; + box-shadow: none; } + +/********************** + * DE-Specific Styles * + **********************/ +/********** +* Budgie * +**********/ +.budgie-panel { + background-color: rgba(0, 0, 0, 0.8); + transition: 100ms ease-in; + font: bold; + color: white; } + .budgie-panel .top { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .bottom { + border-top: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .left { + border-right: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .right { + border-left: 1px solid rgba(255, 255, 255, 0.2); } + +.max-budgie-panel { + background-color: black; + transition: 100ms ease-in; + font: bold; + color: white; } + .max-budgie-panel .top { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .bottom { + border-top: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .left { + border-right: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .right { + border-left: 1px solid rgba(255, 255, 255, 0.2); } + +/* Top launchers */ +/* Left hand side launchers */ +/* Right hand side launchers */ +.notification .priority.low { + background-color: #2095f2; } + +.notification .priority.high { + background-color: #feea3a; } + +.notification .priority.critical { + background-color: #f34235; } + +/*************** + * font-viewer * + ***************/ +SushiFontWidget { + padding: 6px 12px; } + +/********** + * Sudoku * + **********/ +SudokuView SudokuCellView { + border: inherit; + background-color: inherit; } + +SudokuView SudokuCellView:backdrop { + border: inherit; + background-color: inherit; } + +SudokuView { + border: none; } + +/***************** + * Character Map * + *****************/ +GucharmapChartable { + background-color: #636E73; } + +GucharmapChartable:active, +GucharmapChartable:focus, +GucharmapChartable:selected { + background-color: #426b7e; + color: #ffffff; } + +/******** + * Misc * + *******/ +ApDocView, +EogScrollView, +CheeseThumbView { + -EogScrollView-shadow-type: none; } + +/************ + * Terminal * + ************/ +TerminalScreen, +VteTerminal { + background-color: rgba(0, 43, 54, 0.9); + color: #839495; } + +TerminalWindow .titlebar, +TerminalWindow .header-bar { + background-color: #636E73; } + TerminalWindow .titlebar:backdrop, + TerminalWindow .header-bar:backdrop { + background-color: #4b5458; } + +/************ + * Nautilus * + ************/ +NautilusCanvasView { + border: none; } + NautilusCanvasView:active, NautilusCanvasView:focus, NautilusCanvasView:backdrop { + border: none; } + +.nautilus-circular-button { + border-radius: 20px; + outline-radius: 20px; } + +.disk-space-display { + border: 2px solid; } + .disk-space-display .unknown { + background-color: #888a85; + border-color: #555653; } + .disk-space-display .used { + background-color: #9FB0B9; + border-color: #667f8c; } + .disk-space-display .free { + background-color: #D8D8D8; + border-color: #a5a5a5; } + +.nautilus-desktop { + color: #A1A8AB; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #A1A8AB; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:prelight { + color: #A1A8AB; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #ffffff; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item GtkLabel.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item .header-bar .subtitle:selected, + .header-bar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #ffffff; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list GtkLabel.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list .header-bar .subtitle:selected, + .header-bar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #ffffff; } + +/*********** + * Builder * + ***********/ +GbGreeterWindow .titlebar, +GbGreeterWindow .header-bar, +GbWorkbench .titlebar, +GbWorkbench .header-bar { + background-color: #CBBB2E; } + GbGreeterWindow .titlebar:backdrop, + GbGreeterWindow .header-bar:backdrop, + GbWorkbench .titlebar:backdrop, + GbWorkbench .header-bar:backdrop { + background-color: #a19525; } + +/************** + * Calculator * + **************/ +MathWindow { + background-color: #636E73; + border-radius: 0 0 4px 4px; } + MathWindow .titlebar, + MathWindow .header-bar, + MathWindow .toolbar { + background-color: #07ce8e; } + MathWindow .titlebar:backdrop, + MathWindow .header-bar:backdrop, + MathWindow .toolbar:backdrop { + background-color: #059d6c; } + MathWindow MathButtons GtkComboBox, + MathWindow MathButtons .button { + background-color: transparent; + background-image: none; + box-shadow: none; + border: none; + text-shadow: none; + color: #07ce8e; + font: bold; } + MathWindow MathButtons GtkComboBox:hover, + MathWindow MathButtons .button:hover { + background-image: none; + background-color: #636E73; + color: #07ce8e; } + MathWindow MathButtons GtkComboBox:backdrop, + MathWindow MathButtons .button:backdrop { + color: #059d6c; } + MathWindow MathButtons GtkComboBox.text-button.suggested-action, + MathWindow MathButtons .button.text-button.suggested-action { + background-image: none; + box-shadow: none; + text-shadow: none; + background-color: #07ce8e; + color: #636E73; } + MathWindow MathButtons GtkComboBox.text-button.suggested-action:backdrop, + MathWindow MathButtons .button.text-button.suggested-action:backdrop { + background-color: #059d6c; + color: rgba(99, 110, 115, 0.5); } + MathWindow MathDisplay { + padding: 4px; + background-color: #636E73; + border: 1px solid #373e41; } + +/************ + * Calendar * + ************/ +GcalWindow .titlebar, +GcalWindow .header-bar { + background-color: #75A3F6; } + GcalWindow .titlebar:backdrop, + GcalWindow .header-bar:backdrop { + background-color: #4583f3; } + +/********** + * Cheese * + **********/ +CheeseWindow .titlebar, +CheeseWindow .header-bar, +CheeseWindow .toolbar { + background-color: #ad7fa8; } + CheeseWindow .titlebar:backdrop, + CheeseWindow .header-bar:backdrop, + CheeseWindow .toolbar:backdrop { + background-color: #986192; } + +/************ + * Contacts * + ************/ +ContactsWindow .titlebar, +ContactsWindow .header-bar { + background-color: #2095F2; } + ContactsWindow .titlebar:backdrop, + ContactsWindow .header-bar:backdrop { + background-color: #0c7bd3; } + +/********** + * Clocks * + **********/ +ClocksWindow .titlebar, +ClocksWindow .header-bar { + background-color: #4BAE4F; } + ClocksWindow .titlebar:backdrop, + ClocksWindow .header-bar:backdrop { + background-color: #3c8a3f; } + +/********* + * Disks * + *********/ +GduWindow .titlebar, +GduWindow .header-bar { + background-color: #8561C5; } + GduWindow .titlebar:backdrop, + GduWindow .header-bar:backdrop { + background-color: #6a41b2; } + +/************** + * Disk Usage * + **************/ +BaobabWindow .titlebar, +BaobabWindow .header-bar { + background-color: #CC5E55; } + BaobabWindow .titlebar:backdrop, + BaobabWindow .header-bar:backdrop { + background-color: #b74137; } + +/************* + * Documents * + *************/ +#Documents .titlebar, +#Documents .header-bar { + background-color: #C2352A; } + #Documents .titlebar:backdrop, + #Documents .header-bar:backdrop { + background-color: #982a21; } + +/************ + * Epiphany * + ************/ +EphyWindow .titlebar, +EphyWindow .header-bar { + background-color: #6573C3; } + EphyWindow .titlebar:backdrop, + EphyWindow .header-bar:backdrop { + background-color: #4555b0; } + EphyWindow .titlebar .incognito-mode, + EphyWindow .header-bar .incognito-mode { + background-color: #3e4c9e; } + EphyWindow .titlebar .incognito-mode .button, + EphyWindow .header-bar .incognito-mode .button { + background-image: none; } + EphyWindow .titlebar .incognito-mode:backdrop, + EphyWindow .header-bar .incognito-mode:backdrop { + background-color: #2f3a79; } + +/********* + * Gedit * + *********/ +GeditWindow .titlebar, +GeditWindow .header-bar, +GeditWindow .gedit-headerbar-paned { + background-color: #DC4836; } + GeditWindow .titlebar:backdrop, + GeditWindow .header-bar:backdrop, + GeditWindow .gedit-headerbar-paned:backdrop { + background-color: #be3221; } + +/************** + * Log Viewer * + **************/ +GlWindow .titlebar, +GlWindow .header-bar, +GlWindow .toolbar, +LogviewWindow .titlebar, +LogviewWindow .header-bar, +LogviewWindow .toolbar { + background-color: #009587; } + GlWindow .titlebar:backdrop, + GlWindow .header-bar:backdrop, + GlWindow .toolbar:backdrop, + LogviewWindow .titlebar:backdrop, + LogviewWindow .header-bar:backdrop, + LogviewWindow .toolbar:backdrop { + background-color: #006259; } + +/********* + * Music * + *********/ +gnomemusic + window + Window .titlebar, +gnomemusic + window + Window .header-bar { + background-color: #fe9700; } + gnomemusic + window + Window .titlebar:backdrop, + gnomemusic + window + Window .header-bar:backdrop { + background-color: #cb7900; } + +/***************** + * Notes/Bijiben * + *****************/ +BjbMainToolbar .titlebar, +BjbMainToolbar .header-bar, +BjbWindowBase .titlebar, +BjbWindowBase .header-bar { + background-color: #ebdd4d; } + BjbMainToolbar .titlebar:backdrop, + BjbMainToolbar .header-bar:backdrop, + BjbWindowBase .titlebar:backdrop, + BjbWindowBase .header-bar:backdrop { + background-color: #e6d41f; } + +/********** + * Photos * + **********/ +PhotosMainWindow .titlebar, +PhotosMainWindow .header-bar { + background-color: #D30101; } + PhotosMainWindow .titlebar:backdrop, + PhotosMainWindow .header-bar:backdrop { + background-color: #a00101; } + +/********** + * Polari * + **********/ +.titlebar.polari-titlebar-left, .titlebar.polari-titlebar-right, +.header-bar.polari-titlebar-left, +.header-bar.polari-titlebar-right { + background-color: #4BAE4F; } + .titlebar.polari-titlebar-left:backdrop, .titlebar.polari-titlebar-right:backdrop, + .header-bar.polari-titlebar-left:backdrop, + .header-bar.polari-titlebar-right:backdrop { + background-color: #3c8a3f; } + +/******************* + * System Settings * + ******************/ +CcWindow .titlebar, +CcWindow .header-bar { + background-color: #5F7C8A; } + CcWindow .titlebar:backdrop, + CcWindow .header-bar:backdrop { + background-color: #4a616c; } + +CcShellNavBar { + padding: 0px; } + +/************ + * Software * + ************/ +#window_software .titlebar, +#window_software .header-bar { + background-color: #1A77C2; } + #window_software .titlebar:backdrop, + #window_software .header-bar:backdrop { + background-color: #145b95; } + +/****************** + * System Monitor * + ******************/ +#gnome-system-monitor .titlebar, +#gnome-system-monitor .header-bar { + background-color: #6fbe72; } + #gnome-system-monitor .titlebar:backdrop, + #gnome-system-monitor .header-bar:backdrop { + background-color: #4eac51; } + +/******** + * Yelp * + ********/ +YelpWindow .titlebar, +YelpWindow .header-bar { + background-color: #435ece; } + YelpWindow .titlebar:backdrop, + YelpWindow .header-bar:backdrop { + background-color: #2e47b0; } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #636E73; + background-color: #636E73; } + .gala-notification .title, + .gala-notification .label { + color: #A1A8AB; } + +.gala-button { + padding: 3px; + color: #636E73; + border: none; + border-radius: 50%; + background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + +/********** + * Notify * + *********/ +.notify { + /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.7); + background-color: rgba(99, 110, 115, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #A1A8AB; } + +/************* + * Slingshot * + ************/ +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; } + .button.app .app:hover { + border-radius: 8px; + border: none; + background-color: rgba(66, 107, 126, 0.3); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #A1A8AB; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(66, 107, 126, 0.3); + color: #ffffff; } + +.search-entry-large, +.search-entry-large:focus { + border: none; + font: 18; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; } + +.search-category-header { + font-weight: bold; + color: #A1A8AB; } + +/********* + * Panel * + ********/ +.panel { + background-color: transparent; + transition: all 100ms ease-in-out; } + .panel .maximized { + background-color: #000; } + .panel .translucent { + background-color: rgba(0, 0, 0, 0.5); } + .panel .color-light .composited-indicator > revealer label, + .panel .color-light .composited-indicator > revealer image, + .panel .color-light .composited-indicator > GtkRevealer { + color: rgba(0, 0, 0, 0.35); + text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); + icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); } + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > GtkRevealer { + color: #636E73; + font-weight: bold; + text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); + icon-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); } + +/************* + * AppCenter * + *************/ +AppCenterMainWindow .titlebar, +AppCenterMainWindow .header-bar { + background-color: #378BE6; } + AppCenterMainWindow .titlebar:backdrop, + AppCenterMainWindow .header-bar:backdrop { + background-color: #1a71d0; } + +/************** + * Calculator * + **************/ +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; } + PantheonCalculatorMainWindow .titlebar, + PantheonCalculatorMainWindow .header-bar { + background-color: #07ce8e; } + PantheonCalculatorMainWindow .titlebar:backdrop, + PantheonCalculatorMainWindow .header-bar:backdrop { + background-color: #059d6c; } + PantheonCalculatorMainWindow .window-frame { + border-radius: 3px; } + +/******** + * Maya * + ********/ +MayaViewMayaToolbar.titlebar, MayaViewMayaToolbar.header-bar { + background-color: #8CD33F; } + MayaViewMayaToolbar.titlebar:backdrop, MayaViewMayaToolbar.header-bar:backdrop { + background-color: #72b52a; } + +/********* + * Cards * + *********/ +.deck { + background-color: #3c4346; } + +.card { + background-color: #636E73; + border: none; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); + transition: all 150ms ease-in-out; } + +.card.collapsed { + background-color: #576165; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } + +/********* + * Noise * + *********/ +NoiseLibraryWindow { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .titlebar, + NoiseLibraryWindow .header-bar { + background-color: #EE6020; } + NoiseLibraryWindow .titlebar:backdrop, + NoiseLibraryWindow .header-bar:backdrop { + background-color: #cb4a10; } + NoiseLibraryWindow .action-bar { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .window-frame { + border-radius: 3px; } + +/*********** + * Scratch * + ***********/ +ScratchMainWindow .titlebar, +ScratchMainWindow .header-bar { + background-color: #e74c3c; } + ScratchMainWindow .titlebar:backdrop, + ScratchMainWindow .header-bar:backdrop { + background-color: #d62c1a; } + +/******** + * Snap * + ********/ +SnapMainWindow .titlebar, +SnapMainWindow .header-bar, +SnapSnapWindow .titlebar, +SnapSnapWindow .header-bar { + background-color: #6d266a; } + SnapMainWindow .titlebar:backdrop, + SnapMainWindow .header-bar:backdrop, + SnapSnapWindow .titlebar:backdrop, + SnapSnapWindow .header-bar:backdrop { + background-color: #471945; } +SnapMainWindow .take-button, +SnapSnapWindow .take-button { + border-radius: 0; } + +/******************* + * Photos/Shotwell * + *******************/ +DirectWindow .titlebar, +DirectWindow .header-bar, +LibraryWindow .titlebar, +LibraryWindow .header-bar { + background-color: #5544B5; } + DirectWindow .titlebar:backdrop, + DirectWindow .header-bar:backdrop, + LibraryWindow .titlebar:backdrop, + LibraryWindow .header-bar:backdrop { + background-color: #443690; } +DirectWindow .the-button-in-the-combobox, +LibraryWindow .the-button-in-the-combobox { + background: none; } + +.checkerboard-layout { + background-color: #4F585C; + background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); + background-size: 24px 24px; + background-position: 0 0, 12px 12px; } + +.checkboard-layout .item { + background-color: #A1A8AB; } + +/******** +* Unity * +*********/ +/* Unity window border color */ +/* Backdrop Unity window border color */ +/* Unity window text color */ +/* Backdrop Unity window text color */ +/* Unity panel color #454D50 */ +/* Backdrop Unity panel color */ +UnityDecoration { + /* Border properties (top, right, bottom, left) */ + -UnityDecoration-extents: 28px 1px 1px 1px; + /* the size of the decorations */ + -UnityDecoration-input-extents: 10px; + /* the extra size of the input areas */ + /* Shadows settings */ + -UnityDecoration-shadow-offset-x: 1px; + /* Size property, the shadow x offset */ + -UnityDecoration-shadow-offset-y: 1px; + /* Size property, the shadow y offset */ + -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, active window shadow color */ + -UnityDecoration-active-shadow-radius: 8px; + /* Size property, active window shadow radius */ + -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, inactive windows shadow color */ + -UnityDecoration-inactive-shadow-radius: 5px; + /* Size property, inactive windows shadow radius */ + /* Glow applied to the selected scaled window */ + -UnityDecoration-glow-size: 8px; + /* Size property, size of glow */ + -UnityDecoration-glow-color: #426b7e; + /* Color property of the glow */ + /* Title settings */ + -UnityDecoration-title-indent: 10px; + /* Size property, left indent of the title */ + -UnityDecoration-title-fade: 35px; + /* Size property, space of the title that can be faded */ + -UnityDecoration-title-alignment: 0.0; + /* Float from 0.0 to 1.0, to align the title */ + background-color: #636E73; + color: #dbdee0; } + UnityDecoration .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid #636E73; + border-bottom-width: 0; + background-color: #636E73; + color: #dbdee0; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + background-color: #4b5458; + color: #c0c5c8; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top .menuitem { + color: #dbdee0; } + UnityDecoration .top .menuitem:backdrop { + background-color: #4b5458; + color: #c0c5c8; } + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: #626c71; + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, #636E73, #626c71); } + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: #626c71; } + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; + background-color: #4b5458; } + +/************** +* Unity Panel * +***************/ +UnityPanelWidget, +.unity-panel { + background-color: #343a3c; + color: #dbdee0; } + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + background-color: #1c1f21; + color: #c0c5c8; } + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: #dbdee0; } + +.unity-panel.menubar, +.unity-panel .menubar { + color: #dbdee0; } + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: #343a3c; + color: #dbdee0; } + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: #788084; } + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: #dbdee0; + box-shadow: none; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: #616b70; + color: #dbdee0; + box-shadow: none; } + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; } + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + -GtkMenuItem-horizontal-padding: 0; + -GtkWidget-separator-height: 1; + border: none; + color: #373e41; } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #636E73; } + +@keyframes playbackmenuitem_spinner { + to { + -gtk-icon-transform: rotate(1turn); } } +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: playbackmenuitem_spinner 1s infinite linear; + color: #426b7e; } + +/*********************** + * App-Specific Styles * + ***********************/ +/******************* + * Archive Manager * + *******************/ +FrWindow .titlebar, +FrWindow .header-bar, +FrWindow .toolbar { + background-color: #A88A67; } + FrWindow .titlebar:backdrop, + FrWindow .header-bar:backdrop, + FrWindow .toolbar:backdrop { + background-color: #8c7050; } + +/********* + * Birdie * + *********/ +BirdieWidgetsUnifiedWindow .titlebar, +BirdieWidgetsUnifiedWindow .header-bar { + background-image: none; + background-color: #3998E7; } + BirdieWidgetsUnifiedWindow .titlebar:backdrop, + BirdieWidgetsUnifiedWindow .header-bar:backdrop { + background-image: none; + background-color: #1a7fd3; } +BirdieWidgetsUnifiedWindow .menu-button { + padding: 0px; + padding-left: 6px; + padding-right: 6px; } + +BirdieWidgetsTweetList * { + background-image: none; + background: none; } + +BirdieWidgetsUserbox { + background-color: rgba(57, 152, 231, 0.2); } + +BirdieWidgetsNotebook .header { + background-color: #636E73; } +BirdieWidgetsNotebook tab:active { + box-shadow: inset 0 -3px 0 0 #3998E7; } + +/********* + * Geary * + *********/ +.geary-titlebar-left, +.geary-titlebar-right { + background-color: #F2B035; } + .geary-titlebar-left:backdrop, + .geary-titlebar-right:backdrop { + background-color: #e59a0f; } + .geary-titlebar-left .separator, + .geary-titlebar-right .separator { + opacity: 0; } + +ConversationListView { + -GtkWidget-focus-line-width: 1px; + -GtkTreeView-grid-line-width: 0; } + ConversationListView .view:active, ConversationListView GtkIconView:active, ConversationListView .view:selected, ConversationListView GtkIconView:selected { + background-color: #426b7e; + color: #ffffff; } + ConversationListView .view:active:backdrop, ConversationListView GtkIconView:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView GtkIconView:selected:backdrop { + background-color: #4b798f; + color: rgba(255, 255, 255, 0.5); } + ConversationListView .view .cell, ConversationListView GtkIconView .cell { + border: solid rgba(0, 0, 0, 0.2); + border-width: 0 0 1px 0; } + ConversationListView .view .cell:selected, ConversationListView GtkIconView .cell:selected { + color: #ffffff; + border: 0px solid #304f5d; } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: #23282a; + color: rgba(255, 255, 255, 0.8); + font: bold; + box-shadow: inset 0 -1px #131516; } + #panel_window .menubar, + #panel_window .menubar > .menuitem + menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: rgba(255, 255, 255, 0.8); + font: bold; } + #panel_window .menubar .menuitem:insensitive, + #panel_window menubar menuitem:insensitive { + color: rgba(255, 255, 255, 0.3); } + #panel_window .menubar .menuitem:insensitive GtkLabel, + #panel_window menubar menuitem:insensitive GtkLabel { + color: inherit; } + #panel_window .menubar .menuitem:insensitive label, + #panel_window menubar menuitem:insensitive label { + color: inherit; } + #panel_window .menubar .menu > .menuitem, + #panel_window menubar menu > menuitem { + font: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #A1A8AB; } + +#content_frame { + padding-bottom: 14px; + background-color: #4F585C; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #373e41; + background-image: linear-gradient(to bottom, #4F585C, #434b4e); + text-shadow: 0 1px rgba(0, 0, 0, 0.73176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + #content_frame button:hover { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #373e41; + background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); + text-shadow: 0 1px rgba(0, 0, 0, 0.68376); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + #content_frame button:active, #content_frame button:checked { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #373e41; + background-image: linear-gradient(to bottom, #3f4649, #4a5357); + text-shadow: 0 1px rgba(0, 0, 0, 0.81176); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + #content_frame button:insensitive { + border-color: #373e41; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: none; + icon-shadow: none; } + #content_frame button:insensitive GtkLabel, #content_frame button:insensitive { + color: #788084; } + #content_frame button:insensitive label, #content_frame button:insensitive { + color: #788084; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #3B4245; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; } + +#buttonbox_frame button { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + +#login_window #user_combobox { + color: #A1A8AB; + font: 13px; } + #login_window #user_combobox .menu, + #login_window #user_combobox menu { + font: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + +/********** + * Midori * + **********/ +MidoriBrowser .titlebar, +MidoriBrowser .header-bar, +MidoriBrowser .toolbar { + background-color: #7FC843; } + MidoriBrowser .titlebar:backdrop, + MidoriBrowser .header-bar:backdrop, + MidoriBrowser .toolbar:backdrop { + background-color: #66a731; } + +/********* + * Vocal * + *********/ +.titlebar.vocal-headerbar, +.header-bar.vocal-headerbar { + background-color: #9C69C6; } + .titlebar.vocal-headerbar:backdrop, + .header-bar.vocal-headerbar:backdrop { + background-color: #8345b7; } diff --git a/Paper/gtk-3.0/gtk-dark.scss b/Paper/gtk-3.18/gtk-dark.scss similarity index 100% rename from Paper/gtk-3.0/gtk-dark.scss rename to Paper/gtk-3.18/gtk-dark.scss diff --git a/Paper/gtk-3.18/gtk.css b/Paper/gtk-3.18/gtk.css new file mode 100644 index 0000000..a9f7bfa --- /dev/null +++ b/Paper/gtk-3.18/gtk.css @@ -0,0 +1,6067 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #666666; +/* text color for entries, views and content in general */ +@define-color theme_text_color #666666; +/* widget base background color */ +@define-color theme_bg_color #f7f7f7; +/* text widgets and the like base background color */ +@define-color theme_base_color #ffffff; +/* base background color of selections */ +@define-color theme_selected_bg_color #347D9F; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #ffffff; +/* base background color of insensitive widgets */ +@define-color insensitive_bg_color #fafafa; +/* text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #afafaf; +/* insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #ffffff; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #afafaf; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #666666; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #f7f7f7; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #fcfcfc; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #347D9F; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #ffffff; +/* widgets main borders color */ +@define-color borders #d1d1d1; +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders #d5d5d5; +/* these are pretty self explicative */ +@define-color warning_color #feea3a; +@define-color error_color #f34235; +@define-color success_color #1ea362; +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#666666, 1.8); +@define-color wm_unfocused_title #afafaf; +@define-color wm_highlight rgba(255, 255, 255, 0.2); +@define-color wm_borders_edge rgba(255, 255, 255, 0.2); +@define-color wm_bg_a shade(#f7f7f7, 1.2); +@define-color wm_bg_b #f7f7f7; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#f7f7f7, 1.3); +@define-color wm_button_hover_color_b #f7f7f7; +@define-color wm_button_active_color_a shade(#f7f7f7, 0.85); +@define-color wm_button_active_color_b shade(#f7f7f7, 0.89); +@define-color wm_button_active_color_c shade(#f7f7f7, 0.9); +@define-color content_view_bg #ffffff; +/********** + * Common * + **********/ +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #f34235; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 24; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + -GtkPaned-handle-size: 1; } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar { + background-color: #dedede; + border: solid #d1d1d1; + border-width: 1px 0 0 0; + color: #666666; + box-shadow: none; } + .action-bar:backdrop { + background-color: #dedede; + box-shadow: none; + -gtk-image-effect: dim; } + .action-bar:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; } + .action-bar:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: rgba(32, 37, 38, 0.8); + background-clip: padding-box; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; + transition: 200ms ease-out; } + +/*************** + * Base States * + ***************/ +.background { + color: #666666; + background-color: #f7f7f7; } + .background:backdrop { + color: #afafaf; + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ +*:insensitive { + -gtk-image-effect: dim; } + +.gtkstyle-fallback { + color: #666666; + background-color: #f7f7f7; } + .gtkstyle-fallback:hover { + color: #666666; + background-color: white; } + .gtkstyle-fallback:active { + color: #666666; + background-color: #dedede; } + .gtkstyle-fallback:insensitive { + color: #afafaf; + background-color: #fafafa; } + .gtkstyle-fallback:selected { + color: #ffffff; + background-color: #347D9F; } + +.view, GtkIconView, +GtkTextView GtkLabel { + color: #666666; + background-color: #ffffff; } + .view:backdrop, GtkIconView:backdrop, + GtkTextView GtkLabel:backdrop { + color: #848484; + background-color: #fcfcfc; } + .view:selected:focus, GtkIconView:selected:focus, .view:selected, GtkIconView:selected, + GtkTextView GtkLabel:selected:focus, + GtkTextView GtkLabel:selected { + border-radius: 3px; } + +GtkTextView { + background-color: #fbfbfb; } + GtkTextView:backdrop { + background-color: #fafafa; } + GtkTextView.bottom { + background-size: 100% 1px; + background-position: top; } + GtkTextView.top { + background-size: 100% 1px; + background-position: bottom; } + GtkTextView.left { + background-size: 1px 100%; + background-position: right; } + GtkTextView.right { + background-size: 1px 100%; + background-position: left; } + +GtkIconView { + background-color: transparent; } + GtkIconView:backdrop { + background-color: transparent; } + +.rubberband, +GtkFlow rubberband, +GtkFlow GtkTreeView.view .rubberband, +GtkTreeView.view GtkFlow .rubberband, +GtkFlow GtkTreeView.view rubberband, +GtkTreeView.view GtkFlow rubberband, +GtkFlow treeview.view .rubberband, +treeview.view GtkFlow .rubberband, +GtkFlow treeview.view rubberband, +treeview.view GtkFlow rubberband { + border: 1px solid #275f79; + background-color: rgba(39, 95, 121, 0.2); } + +GtkFlow flowboxchild { + padding: 3px; + border-radius: 3px; } + GtkFlow flowboxchild:selected { + outline-offset: -2px; } + +GtkLabel.separator { + color: #666666; } + GtkLabel.separator:backdrop { + color: #afafaf; } +GtkLabel:selected { + background-color: #347D9F; + color: #ffffff; } +GtkLabel:insensitive { + color: #afafaf; } + GtkLabel:insensitive:backdrop { + color: #d1d1d1; } +GtkLabel:backdrop { + color: #afafaf; } + +.dim-label, GtkLabel.separator, .titlebar:not(headerbar) .subtitle, +.header-bar .subtitle { + opacity: 0.55; + text-shadow: none; } + +.app-notification, +.app-notification.frame, .osd .scale-popup, .csd GtkPopover.touch-selection, .csd GtkPopover.magnifier, GtkPopover.touch-selection, GtkPopover.magnifier, .csd +.popover.background.touch-selection, .csd +.popover.background.magnifier, +.popover.background.touch-selection, +.popover.background.magnifier, .csd GtkPopover.osd, GtkPopover.osd, .csd +.popover.background.osd, +.popover.background.osd, +.osd { + color: #A1A8AB; + border: none; + background-color: rgba(32, 37, 38, 0.8); + background-clip: padding-box; + outline-color: rgba(161, 168, 171, 0.3); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .app-notification:backdrop, .osd .scale-popup:backdrop, GtkPopover.touch-selection:backdrop, GtkPopover.magnifier:backdrop, + .popover.background.touch-selection:backdrop, + .popover.background.magnifier:backdrop, GtkPopover.osd:backdrop, + .popover.background.osd:backdrop, + .osd:backdrop { + text-shadow: none; + icon-shadow: none; } + +.view:selected:focus, GtkIconView:selected:focus, .view:selected, GtkIconView:selected, +GtkTextView GtkLabel:selected:focus, +GtkTextView GtkLabel:selected, GtkTextView GtkLabel selection:focus, GtkTextView GtkLabel selection, GtkFlow flowboxchild:selected, modelbutton.flat:selected, GtkPopover .check:selected, +GtkPopover .radio:selected, +.popover.background .check:selected, +.popover.background .radio:selected, +.menuitem.button.flat:selected, GtkCalendar:selected, .spinbutton:selected:not(.vertical), +.entry:selected:focus, +.entry:selected, .list-row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, +treeview.view:selected:focus, +treeview.view:selected { + background-color: #347D9F; } + .list-row:selected GtkLabel, row:selected GtkLabel, GtkLabel:selected, .view:selected:focus, GtkIconView:selected:focus, .view:selected, GtkIconView:selected, + GtkTextView GtkLabel:selected:focus, + GtkTextView GtkLabel:selected, GtkTextView GtkLabel selection:focus, GtkTextView GtkLabel selection, GtkFlow flowboxchild:selected, modelbutton.flat:selected, GtkPopover .check:selected, + GtkPopover .radio:selected, + .popover.background .check:selected, + .popover.background .radio:selected, + .menuitem.button.flat:selected, GtkCalendar:selected, .spinbutton:selected:not(.vertical), + .entry:selected:focus, + .entry:selected, .list-row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + .list-row:selected GtkLabel:insensitive, row:selected GtkLabel:insensitive, GtkLabel:insensitive:selected, GtkIconView:insensitive:selected:focus, .view:insensitive:selected, GtkIconView:insensitive:selected, + GtkTextView GtkLabel:insensitive:selected:focus, GtkTextView GtkLabel selection:insensitive, GtkFlow flowboxchild:insensitive:selected, GtkLabel:insensitive:selected, modelbutton.flat:insensitive:selected, GtkPopover .check:insensitive:selected, + GtkPopover .radio:insensitive:selected, + .popover.background .check:insensitive:selected, + .popover.background .radio:insensitive:selected, + .menuitem.button.flat:insensitive:selected, GtkCalendar:insensitive:selected, .spinbutton:insensitive:selected:not(.vertical), + .entry:insensitive:selected, .list-row:insensitive:selected { + color: #9abecf; } + .list-row:selected GtkLabel:backdrop, row:selected GtkLabel:backdrop, GtkLabel:backdrop:selected, GtkIconView:backdrop:selected:focus, .view:backdrop:selected, GtkIconView:backdrop:selected, + GtkTextView GtkLabel:backdrop:selected:focus, GtkTextView GtkLabel selection:backdrop, GtkFlow flowboxchild:backdrop:selected, GtkLabel:backdrop:selected, modelbutton.flat:backdrop:selected, GtkPopover .check:backdrop:selected, + GtkPopover .radio:backdrop:selected, + .popover.background .check:backdrop:selected, + .popover.background .radio:backdrop:selected, + .menuitem.button.flat:backdrop:selected, GtkCalendar:backdrop:selected, .spinbutton:backdrop:selected:not(.vertical), + .entry:backdrop:selected, .list-row:backdrop:selected { + color: rgba(255, 255, 255, 0.5); } + .list-row:selected GtkLabel:backdrop:insensitive, row:selected GtkLabel:backdrop:insensitive, GtkLabel:backdrop:insensitive:selected, .view:backdrop:insensitive:selected, GtkIconView:backdrop:insensitive:selected, GtkTextView GtkLabel selection:backdrop:insensitive, GtkFlow flowboxchild:backdrop:insensitive:selected, GtkLabel:backdrop:insensitive:selected, modelbutton.flat:backdrop:insensitive:selected, GtkPopover .check:backdrop:insensitive:selected, + GtkPopover .radio:backdrop:insensitive:selected, + .popover.background .check:backdrop:insensitive:selected, + .popover.background .radio:backdrop:insensitive:selected, + .menuitem.button.flat:backdrop:insensitive:selected, GtkCalendar:backdrop:insensitive:selected, .spinbutton:backdrop:insensitive:selected:not(.vertical), + .entry:backdrop:insensitive:selected, .list-row:backdrop:insensitive:selected { + color: rgba(77, 141, 171, 0.85); } + +.monospace { + font: Monospace; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#347D9F), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#347D9F), to(transparent)); } } +.button { + padding: 4px 9px; + border: 1px solid #d1d1d1; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + transition: none; } + .button.flat:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; } + .button.flat:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + .button:hover { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; + -gtk-image-effect: highlight; } + .button:active, + .button:checked { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, #e5e5e5, #f2f2f2); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); + transition-duration: 50ms; } + .button:backdrop.flat, + .button:backdrop { + border-color: #d5d5d5; + background-image: linear-gradient(to bottom, #f7f7f7); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + transition: 200ms ease-out; + -gtk-image-effect: none; } + .button:backdrop.flat GtkLabel, + .button:backdrop.flat, + .button:backdrop GtkLabel, + .button:backdrop { + color: #afafaf; } + .button:backdrop.flat label, + .button:backdrop.flat, + .button:backdrop label, + .button:backdrop { + color: #afafaf; } + .button:backdrop.flat:active, + .button:backdrop.flat:checked, + .button:backdrop:active, + .button:backdrop:checked { + border-color: #d5d5d5; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button:backdrop.flat:active GtkLabel, + .button:backdrop.flat:active, + .button:backdrop.flat:checked GtkLabel, + .button:backdrop.flat:checked, + .button:backdrop:active GtkLabel, + .button:backdrop:active, + .button:backdrop:checked GtkLabel, + .button:backdrop:checked { + color: #afafaf; } + .button:backdrop.flat:active label, + .button:backdrop.flat:active, + .button:backdrop.flat:checked label, + .button:backdrop.flat:checked, + .button:backdrop:active label, + .button:backdrop:active, + .button:backdrop:checked label, + .button:backdrop:checked { + color: #afafaf; } + .button:backdrop.flat:insensitive, + .button:backdrop:insensitive { + border-color: #d5d5d5; + background-image: none; + background-color: #fafafa; + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button:backdrop.flat:insensitive GtkLabel, + .button:backdrop.flat:insensitive, + .button:backdrop:insensitive GtkLabel, + .button:backdrop:insensitive { + color: #d1d1d1; } + .button:backdrop.flat:insensitive label, + .button:backdrop.flat:insensitive, + .button:backdrop:insensitive label, + .button:backdrop:insensitive { + color: #d1d1d1; } + .button:backdrop.flat:insensitive:active, + .button:backdrop.flat:insensitive:checked, + .button:backdrop:insensitive:active, + .button:backdrop:insensitive:checked { + border-color: #d5d5d5; + background-image: none; + background-color: #ededed; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button:backdrop.flat:insensitive:active label, + .button:backdrop.flat:insensitive:checked label, + .button:backdrop:insensitive:active label, + .button:backdrop:insensitive:checked label { + color: #d1d1d1; } + .button.flat:backdrop, + .button.flat:insensitive, + .button.flat:backdrop:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; } + .button:insensitive, + .button:insensitive { + border-color: #d1d1d1; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: none; + icon-shadow: none; } + .button:insensitive GtkLabel, + .button:insensitive, + .button:insensitive GtkLabel, + .button:insensitive { + color: #afafaf; } + .button:insensitive label, + .button:insensitive, + .button:insensitive label, + .button:insensitive { + color: #afafaf; } + .button:insensitive:active, + .button:insensitive:checked, + .button:insensitive:active, + .button:insensitive:checked { + border-color: #d1d1d1; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button:insensitive:active GtkLabel, + .button:insensitive:active, + .button:insensitive:checked GtkLabel, + .button:insensitive:checked, + .button:insensitive:active GtkLabel, + .button:insensitive:active, + .button:insensitive:checked GtkLabel, + .button:insensitive:checked { + color: #afafaf; } + .button:insensitive:active label, + .button:insensitive:active, + .button:insensitive:checked label, + .button:insensitive:checked, + .button:insensitive:active label, + .button:insensitive:active, + .button:insensitive:checked label, + .button:insensitive:checked { + color: #afafaf; } + .button.image-button { + padding-left: 4px; + padding-right: 4px; } + .button.text-button { + padding-left: 16px; + padding-right: 16px; } + .button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + .button.text-button.image-button GtkLabel, + .button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } +row:selected +.button { + border-color: #275f79; } + row:selected + .button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #ffffff; + border-color: transparent; } + row:selected + .button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #fcfcfc; } +.button.osd { + color: #A1A8AB; + border-radius: 5px; + outline-color: rgba(161, 168, 171, 0.3); + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + .button.osd:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + .button.osd:active, + .button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + .button.osd:insensitive:backdrop, + .button.osd:insensitive, + .button.osd:insensitive:backdrop, + .button.osd:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + border: none; } + .button.osd:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + border: none; } +.app-notification .button, .app-notification button, +.app-notification.frame .button, +.app-notification.frame button, .csd GtkPopover.touch-selection button, .csd GtkPopover.magnifier button, GtkPopover.touch-selection button, GtkPopover.magnifier button, .csd +.popover.background.touch-selection button, .csd +.popover.background.magnifier button, +.popover.background.touch-selection button, +.popover.background.magnifier button, .osd +.button { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:hover, .app-notification button:hover, GtkPopover.touch-selection button:hover, GtkPopover.magnifier button:hover, + .popover.background.touch-selection button:hover, + .popover.background.magnifier button:hover, .osd + .button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:active:backdrop, .app-notification button:active:backdrop, GtkPopover.touch-selection button:active:backdrop, GtkPopover.magnifier button:active:backdrop, + .popover.background.touch-selection button:active:backdrop, + .popover.background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, GtkPopover.touch-selection button:active, GtkPopover.magnifier button:active, + .popover.background.touch-selection button:active, + .popover.background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, GtkPopover.touch-selection button:checked:backdrop, GtkPopover.magnifier button:checked:backdrop, + .popover.background.touch-selection button:checked:backdrop, + .popover.background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, GtkPopover.touch-selection button:checked, GtkPopover.magnifier button:checked, + .popover.background.touch-selection button:checked, + .popover.background.magnifier button:checked, .osd + .button:active:backdrop, .osd + .button:active, .osd + .button:checked:backdrop, .osd + .button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:insensitive:backdrop, .app-notification button:insensitive:backdrop, GtkPopover.touch-selection button:insensitive:backdrop, GtkPopover.magnifier button:insensitive:backdrop, + .popover.background.touch-selection button:insensitive:backdrop, + .popover.background.magnifier button:insensitive:backdrop, .app-notification .button:insensitive, .app-notification button:insensitive, GtkPopover.touch-selection button:insensitive, GtkPopover.magnifier button:insensitive, + .popover.background.touch-selection button:insensitive, + .popover.background.magnifier button:insensitive, .osd + .button:insensitive:backdrop, .osd + .button:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .app-notification .button:backdrop, .app-notification button:backdrop, GtkPopover.touch-selection button:backdrop, GtkPopover.magnifier button:backdrop, + .popover.background.touch-selection button:backdrop, + .popover.background.magnifier button:backdrop, .osd + .button:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .app-notification .flat.button, .app-notification button.flat, GtkPopover.touch-selection button.flat, GtkPopover.magnifier button.flat, + .popover.background.touch-selection button.flat, + .popover.background.magnifier button.flat, .osd + .button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + box-shadow: none; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .app-notification .flat.button:hover, .app-notification button.flat:hover, GtkPopover.touch-selection button.flat:hover, GtkPopover.magnifier button.flat:hover, + .popover.background.touch-selection button.flat:hover, + .popover.background.magnifier button.flat:hover, .osd + .button.flat:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .flat.button:insensitive, .app-notification button.flat:insensitive, GtkPopover.touch-selection button.flat:insensitive, GtkPopover.magnifier button.flat:insensitive, + .popover.background.touch-selection button.flat:insensitive, + .popover.background.magnifier button.flat:insensitive, .osd + .button.flat:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + background-image: none; + border-color: transparent; + box-shadow: none; } + .app-notification .flat.button:backdrop, .app-notification button.flat:backdrop, GtkPopover.touch-selection button.flat:backdrop, GtkPopover.magnifier button.flat:backdrop, + .popover.background.touch-selection button.flat:backdrop, + .popover.background.magnifier button.flat:backdrop, .osd + .button.flat:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; } + .app-notification .flat.button:active, .app-notification button.flat:active, GtkPopover.touch-selection button.flat:active, GtkPopover.magnifier button.flat:active, + .popover.background.touch-selection button.flat:active, + .popover.background.magnifier button.flat:active, .app-notification .flat.button:checked, .app-notification button.flat:checked, GtkPopover.touch-selection button.flat:checked, GtkPopover.magnifier button.flat:checked, + .popover.background.touch-selection button.flat:checked, + .popover.background.magnifier button.flat:checked, .osd + .button.flat:active, .osd + .button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } +.button.suggested-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #15313f; + background-image: linear-gradient(to bottom, #347D9F, #2e6e8c); + text-shadow: 0 1px rgba(0, 0, 0, 0.66902); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.66902); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #347D9F; } + .button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #15313f; + background-image: linear-gradient(to bottom, #3c8fb6, #347D9F 60%, #2f7190); + text-shadow: 0 1px rgba(0, 0, 0, 0.62102); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.62102); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + .button.suggested-action:active, + .button.suggested-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #15313f; + background-image: linear-gradient(to bottom, #2b6884, #317797); + text-shadow: 0 1px rgba(0, 0, 0, 0.74902); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.74902); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button.suggested-action:backdrop, + .button.suggested-action.flat:backdrop { + border-color: #347D9F; + background-image: linear-gradient(to bottom, #347D9F); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button.suggested-action:backdrop GtkLabel, + .button.suggested-action:backdrop, + .button.suggested-action.flat:backdrop GtkLabel, + .button.suggested-action.flat:backdrop { + color: #d6e5ec; } + .button.suggested-action:backdrop label, + .button.suggested-action:backdrop, + .button.suggested-action.flat:backdrop label, + .button.suggested-action.flat:backdrop { + color: #d6e5ec; } + .button.suggested-action:backdrop:active, + .button.suggested-action:backdrop:checked, + .button.suggested-action.flat:backdrop:active, + .button.suggested-action.flat:backdrop:checked { + border-color: #275f79; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button.suggested-action:backdrop:active GtkLabel, + .button.suggested-action:backdrop:active, + .button.suggested-action:backdrop:checked GtkLabel, + .button.suggested-action:backdrop:checked, + .button.suggested-action.flat:backdrop:active GtkLabel, + .button.suggested-action.flat:backdrop:active, + .button.suggested-action.flat:backdrop:checked GtkLabel, + .button.suggested-action.flat:backdrop:checked { + color: #d4dfe4; } + .button.suggested-action:backdrop:active label, + .button.suggested-action:backdrop:active, + .button.suggested-action:backdrop:checked label, + .button.suggested-action:backdrop:checked, + .button.suggested-action.flat:backdrop:active label, + .button.suggested-action.flat:backdrop:active, + .button.suggested-action.flat:backdrop:checked label, + .button.suggested-action.flat:backdrop:checked { + color: #d4dfe4; } + .button.suggested-action:backdrop:insensitive, + .button.suggested-action.flat:backdrop:insensitive { + border-color: #d5d5d5; + background-image: none; + background-color: #fafafa; + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button.suggested-action:backdrop:insensitive GtkLabel, + .button.suggested-action:backdrop:insensitive, + .button.suggested-action.flat:backdrop:insensitive GtkLabel, + .button.suggested-action.flat:backdrop:insensitive { + color: #d1d1d1; } + .button.suggested-action:backdrop:insensitive label, + .button.suggested-action:backdrop:insensitive, + .button.suggested-action.flat:backdrop:insensitive label, + .button.suggested-action.flat:backdrop:insensitive { + color: #d1d1d1; } + .button.suggested-action:backdrop:insensitive:active, + .button.suggested-action:backdrop:insensitive:checked, + .button.suggested-action.flat:backdrop:insensitive:active, + .button.suggested-action.flat:backdrop:insensitive:checked { + border-color: #4a839c; + background-image: none; + background-color: #4a839c; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button.suggested-action:backdrop:insensitive:active label, + .button.suggested-action:backdrop:insensitive:checked label, + .button.suggested-action.flat:backdrop:insensitive:active label, + .button.suggested-action.flat:backdrop:insensitive:checked label { + color: #89aebf; } + .button.suggested-action.flat:backdrop, + .button.suggested-action.flat:insensitive, + .button.suggested-action.flat:backdrop:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: rgba(52, 125, 159, 0.8); } + .button.suggested-action:insensitive { + border-color: #d1d1d1; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: none; + icon-shadow: none; } + .button.suggested-action:insensitive GtkLabel, + .button.suggested-action:insensitive { + color: #afafaf; } + .button.suggested-action:insensitive label, + .button.suggested-action:insensitive { + color: #afafaf; } + .button.suggested-action:insensitive:active, + .button.suggested-action:insensitive:checked { + border-color: #15313f; + background-image: none; + background-color: #4a839c; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button.suggested-action:insensitive:active GtkLabel, + .button.suggested-action:insensitive:active, + .button.suggested-action:insensitive:checked GtkLabel, + .button.suggested-action:insensitive:checked { + color: #b7cdd7; } + .button.suggested-action:insensitive:active label, + .button.suggested-action:insensitive:active, + .button.suggested-action:insensitive:checked label, + .button.suggested-action:insensitive:checked { + color: #b7cdd7; } + .osd + .button.suggested-action { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(52, 125, 159, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.suggested-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(52, 125, 159, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.suggested-action:active:backdrop, .osd + .button.suggested-action:active, .osd + .button.suggested-action:checked:backdrop, .osd + .button.suggested-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #347D9F); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.suggested-action:insensitive:backdrop, .osd + .button.suggested-action:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .osd + .button.suggested-action:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(52, 125, 159, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } +.button.destructive-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #9f1409; + background-image: linear-gradient(to bottom, #f34235, #f22b1d); + text-shadow: 0 1px rgba(0, 0, 0, 0.53569); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.53569); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #f34235; } + .button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #9f1409; + background-image: linear-gradient(to bottom, #f55d52, #f34235 60%, #f23022); + text-shadow: 0 1px rgba(0, 0, 0, 0.48769); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.48769); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } + .button.destructive-action:active, + .button.destructive-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #9f1409; + background-image: linear-gradient(to bottom, #f12213, #f2392b); + text-shadow: 0 1px rgba(0, 0, 0, 0.61569); + icon-shadow: 0 -1px rgba(0, 0, 0, 0.61569); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button.destructive-action:backdrop, + .button.destructive-action.flat:backdrop { + border-color: #f34235; + background-image: linear-gradient(to bottom, #f34235); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button.destructive-action:backdrop GtkLabel, + .button.destructive-action:backdrop, + .button.destructive-action.flat:backdrop GtkLabel, + .button.destructive-action.flat:backdrop { + color: #fdd9d7; } + .button.destructive-action:backdrop label, + .button.destructive-action:backdrop, + .button.destructive-action.flat:backdrop label, + .button.destructive-action.flat:backdrop { + color: #fdd9d7; } + .button.destructive-action:backdrop:active, + .button.destructive-action:backdrop:checked, + .button.destructive-action.flat:backdrop:active, + .button.destructive-action.flat:backdrop:checked { + border-color: #e71d0e; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button.destructive-action:backdrop:active GtkLabel, + .button.destructive-action:backdrop:active, + .button.destructive-action:backdrop:checked GtkLabel, + .button.destructive-action:backdrop:checked, + .button.destructive-action.flat:backdrop:active GtkLabel, + .button.destructive-action.flat:backdrop:active, + .button.destructive-action.flat:backdrop:checked GtkLabel, + .button.destructive-action.flat:backdrop:checked { + color: #fad2cf; } + .button.destructive-action:backdrop:active label, + .button.destructive-action:backdrop:active, + .button.destructive-action:backdrop:checked label, + .button.destructive-action:backdrop:checked, + .button.destructive-action.flat:backdrop:active label, + .button.destructive-action.flat:backdrop:active, + .button.destructive-action.flat:backdrop:checked label, + .button.destructive-action.flat:backdrop:checked { + color: #fad2cf; } + .button.destructive-action:backdrop:insensitive, + .button.destructive-action.flat:backdrop:insensitive { + border-color: #d5d5d5; + background-image: none; + background-color: #fafafa; + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .button.destructive-action:backdrop:insensitive GtkLabel, + .button.destructive-action:backdrop:insensitive, + .button.destructive-action.flat:backdrop:insensitive GtkLabel, + .button.destructive-action.flat:backdrop:insensitive { + color: #d1d1d1; } + .button.destructive-action:backdrop:insensitive label, + .button.destructive-action:backdrop:insensitive, + .button.destructive-action.flat:backdrop:insensitive label, + .button.destructive-action.flat:backdrop:insensitive { + color: #d1d1d1; } + .button.destructive-action:backdrop:insensitive:active, + .button.destructive-action:backdrop:insensitive:checked, + .button.destructive-action.flat:backdrop:insensitive:active, + .button.destructive-action.flat:backdrop:insensitive:checked { + border-color: #f4473b; + background-image: none; + background-color: #f4473b; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button.destructive-action:backdrop:insensitive:active label, + .button.destructive-action:backdrop:insensitive:checked label, + .button.destructive-action.flat:backdrop:insensitive:active label, + .button.destructive-action.flat:backdrop:insensitive:checked label { + color: #f88780; } + .button.destructive-action.flat:backdrop, + .button.destructive-action.flat:insensitive, + .button.destructive-action.flat:backdrop:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: rgba(243, 66, 53, 0.8); } + .button.destructive-action:insensitive { + border-color: #d1d1d1; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: none; + icon-shadow: none; } + .button.destructive-action:insensitive GtkLabel, + .button.destructive-action:insensitive { + color: #afafaf; } + .button.destructive-action:insensitive label, + .button.destructive-action:insensitive { + color: #afafaf; } + .button.destructive-action:insensitive:active, + .button.destructive-action:insensitive:checked { + border-color: #9f1409; + background-image: none; + background-color: #f4473b; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .button.destructive-action:insensitive:active GtkLabel, + .button.destructive-action:insensitive:active, + .button.destructive-action:insensitive:checked GtkLabel, + .button.destructive-action:insensitive:checked { + color: #fbb5b1; } + .button.destructive-action:insensitive:active label, + .button.destructive-action:insensitive:active, + .button.destructive-action:insensitive:checked label, + .button.destructive-action:insensitive:checked { + color: #fbb5b1; } + .osd + .button.destructive-action { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.destructive-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.destructive-action:active:backdrop, .osd + .button.destructive-action:active, .osd + .button.destructive-action:checked:backdrop, .osd + .button.destructive-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #f34235); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + .button.destructive-action:insensitive:backdrop, .osd + .button.destructive-action:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .osd + .button.destructive-action:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } +.stack-switcher > +.button { + outline-offset: -3px; } + .stack-switcher > + .button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > + .button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > + .button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > + .button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > + .button.needs-attention:active > label, + .stack-switcher > + .button.needs-attention:active > image, .stack-switcher > + .button.needs-attention:checked > label, + .stack-switcher > + .button.needs-attention:checked > image { + animation: none; + background-image: none; } +.inline-toolbar +.button, .inline-toolbar +.button:backdrop { + border-radius: 2px; + border-width: 1px; } +.primary-toolbar +.button { + icon-shadow: none; } + +.stack-switcher > +.button.needs-attention > label, +.stack-switcher > +.button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#347D9F), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + .stack-switcher > + .button.needs-attention > label:backdrop, + .stack-switcher > + .button.needs-attention > image:backdrop { + background-size: 6px 6px, 0 0; } + .stack-switcher > + .button.needs-attention > label:dir(rtl), + .stack-switcher > + .button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 4px; } + +.inline-toolbar toolbutton > button { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .inline-toolbar toolbutton > button:hover { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, #e5e5e5, #f2f2f2); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .inline-toolbar toolbutton > button:insensitive { + border-color: #d1d1d1; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: none; + icon-shadow: none; } + .inline-toolbar toolbutton > button:insensitive GtkLabel, .inline-toolbar toolbutton > button:insensitive { + color: #afafaf; } + .inline-toolbar toolbutton > button:insensitive label, .inline-toolbar toolbutton > button:insensitive { + color: #afafaf; } + .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked { + border-color: #d1d1d1; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .inline-toolbar toolbutton > button:insensitive:active GtkLabel, .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked GtkLabel, .inline-toolbar toolbutton > button:insensitive:checked { + color: #afafaf; } + .inline-toolbar toolbutton > button:insensitive:active label, .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked label, .inline-toolbar toolbutton > button:insensitive:checked { + color: #afafaf; } + .inline-toolbar toolbutton > button:backdrop { + border-color: #d5d5d5; + background-image: linear-gradient(to bottom, #f7f7f7); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop { + color: #afafaf; } + .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { + color: #afafaf; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + border-color: #d5d5d5; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .inline-toolbar toolbutton > button:backdrop:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked GtkLabel, .inline-toolbar toolbutton > button:backdrop:checked { + color: #afafaf; } + .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { + color: #afafaf; } + .inline-toolbar toolbutton > button:backdrop:insensitive { + border-color: #d5d5d5; + background-image: none; + background-color: #fafafa; + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .inline-toolbar toolbutton > button:backdrop:insensitive GtkLabel, .inline-toolbar toolbutton > button:backdrop:insensitive { + color: #d1d1d1; } + .inline-toolbar toolbutton > button:backdrop:insensitive label, .inline-toolbar toolbutton > button:backdrop:insensitive { + color: #d1d1d1; } + .inline-toolbar toolbutton > button:backdrop:insensitive:active, .inline-toolbar toolbutton > button:backdrop:insensitive:checked { + border-color: #d5d5d5; + background-image: none; + background-color: #ededed; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .inline-toolbar toolbutton > button:backdrop:insensitive:active label, .inline-toolbar toolbutton > button:backdrop:insensitive:checked label { + color: #d1d1d1; } + +toolbar.inline-toolbar toolbutton > button.flat, +toolbar.inline-toolbar toolbutton:backdrop > button.flat, .inline-toolbar +.button, .inline-toolbar +.button:backdrop, .linked > +.button, .linked > +.button:hover, .linked > +.button:active, .linked > +.button:checked, .linked > +.button:backdrop, .linked:not(.vertical) > .spinbutton:not(.vertical), .linked:not(.vertical) > +.entry, .linked > GtkComboBox > box > button.combo:dir(ltr), .linked > GtkComboBox > box > button.combo:dir(rtl) { + border-radius: 0; + border-right-style: none; } + +.inline-toolbar +.button:first-child, .linked > +.button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, GtkComboBox.linked .button:nth-child(2):dir(rtl), .linked:not(.vertical) > GtkComboBox:first-child > box > button.combo, .linked:not(.vertical) > .spinbutton:first-child:not(.vertical), .linked:not(.vertical) > +.entry:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } +.inline-toolbar +.button:last-child, .linked > +.button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, GtkComboBox.linked .button:nth-child(2):dir(ltr), .linked:not(.vertical) > GtkComboBox:last-child > box > button.combo, .linked:not(.vertical) > .spinbutton:last-child:not(.vertical), .linked:not(.vertical) > +.entry:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } +.inline-toolbar +.button:only-child, .linked > +.button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > GtkComboBox:only-child > box > button.combo, .linked:not(.vertical) > .spinbutton:only-child:not(.vertical), .linked:not(.vertical) > +.entry:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > +.button, .linked.vertical > +.button:hover, .linked.vertical > +.button:active, .linked.vertical > +.button:checked, .linked.vertical > +.button:backdrop, .linked.vertical > .spinbutton:not(.vertical), .linked.vertical > +.entry, .linked.vertical > GtkComboBox > box > button.combo { + border-style: solid solid none solid; + border-radius: 0; } + +.linked.vertical > +.button:first-child, .linked.vertical > GtkComboBox:first-child > box > button.combo, .linked.vertical > .spinbutton:first-child:not(.vertical), .linked.vertical > +.entry:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.linked.vertical > +.button:last-child, .linked.vertical > GtkComboBox:last-child > box > button.combo, .linked.vertical > .spinbutton:last-child:not(.vertical), .linked.vertical > +.entry:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; } +.linked.vertical > +.button:only-child, .linked.vertical > GtkComboBox:only-child > box > button.combo, .linked.vertical > .spinbutton:only-child:not(.vertical), .linked.vertical > +.entry:only-child { + border-radius: 3px; + border-style: solid; } + +modelbutton.flat, GtkPopover .check, +GtkPopover .radio, +.popover.background .check, +.popover.background .radio, +.menuitem.button.flat, modelbutton.flat:backdrop, GtkPopover .check:backdrop, +GtkPopover .radio:backdrop, modelbutton.flat:backdrop:hover, GtkPopover .check:backdrop:hover, +GtkPopover .radio:backdrop:hover, +.popover.background .check:backdrop:hover, +.popover.background .radio:backdrop:hover, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, GtkCalendar.button, GtkCalendar.button:hover, GtkCalendar.button:backdrop, GtkCalendar.button:insensitive, .button:link, +.button:visited, .button:link:hover, .button:link:active, .button:link:checked, +.button:visited:hover, +.button:visited:active, +.button:visited:checked, .scale-popup .button:hover, +.scale-popup button:hover, .scale-popup .button:backdrop:hover, .scale-popup .button:backdrop:insensitive, .scale-popup .button:backdrop, +.scale-popup button:backdrop:hover, +.scale-popup button:backdrop:insensitive, +.scale-popup button:backdrop { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, GtkPopover .check, +GtkPopover .radio, +.popover.background .check, +.popover.background .radio, +.menuitem.button.flat { + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; } + modelbutton.flat:hover, GtkPopover .check:hover, + GtkPopover .radio:hover, + .popover.background .check:hover, + .popover.background .radio:hover, + .menuitem.button.flat:hover { + background-color: white; } + modelbutton.flat check:last-child, GtkPopover .check check:last-child, + GtkPopover .radio check:last-child, + .popover.background .check check:last-child, + .popover.background .radio check:last-child, + modelbutton.flat radio:last-child, + GtkPopover .check radio:last-child, + GtkPopover .radio radio:last-child, + .popover.background .check radio:last-child, + .popover.background .radio radio:last-child, + .menuitem.button.flat check:last-child, + .menuitem.button.flat radio:last-child { + margin-left: 8px; } + modelbutton.flat check:first-child, GtkPopover .check check:first-child, + GtkPopover .radio check:first-child, + .popover.background .check check:first-child, + .popover.background .radio check:first-child, + modelbutton.flat radio:first-child, + GtkPopover .check radio:first-child, + GtkPopover .radio radio:first-child, + .popover.background .check radio:first-child, + .popover.background .radio radio:first-child, + .menuitem.button.flat check:first-child, + .menuitem.button.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, GtkPopover .check arrow, +GtkPopover .radio arrow, +.popover.background .check arrow, +.popover.background .radio arrow { + background: none; } + modelbutton.flat arrow:hover, GtkPopover .check arrow:hover, + GtkPopover .radio arrow:hover, + .popover.background .check arrow:hover, + .popover.background .radio arrow:hover { + background: none; } + modelbutton.flat arrow.left, GtkPopover .check arrow.left, + GtkPopover .radio arrow.left, + .popover.background .check arrow.left, + .popover.background .radio arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right, GtkPopover .check arrow.right, + GtkPopover .radio arrow.right, + .popover.background .check arrow.right, + .popover.background .radio arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { + padding: 4px; } + button.color colorswatch:only-child { + box-shadow: 0 1px rgba(255, 255, 255, 0.76923); } + button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; } + button.color colorswatch:only-child:insensitive, button.color colorswatch:only-child:backdrop { + box-shadow: none; } + +/************ + * Calendar * + ***********/ +GtkCalendar { + color: #666666; + border: 1px solid #d1d1d1; } + GtkCalendar:selected { + border-radius: 3px; } + GtkCalendar.header { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0; } + GtkCalendar.header:backdrop { + border-color: rgba(0, 0, 0, 0.1); } + GtkCalendar.button { + color: rgba(102, 102, 102, 0.45); } + GtkCalendar.button:hover { + color: #666666; } + GtkCalendar.button:backdrop { + color: rgba(175, 175, 175, 0.45); } + GtkCalendar.button:insensitive { + color: rgba(175, 175, 175, 0.45); } + GtkCalendar.highlight, GtkCalendar.highlight:backdrop { + font-size: smaller; + color: #666666; } + GtkCalendar:backdrop { + color: #848484; + border-color: #d5d5d5; } + +/************************* + * Check and Radio Items * + *************************/ +.check { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + icon-shadow: none; } + +.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + icon-shadow: none; } + +.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + icon-shadow: none; } + +.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + icon-shadow: none; } + +.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + icon-shadow: none; } + +.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + icon-shadow: none; } + +.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + icon-shadow: none; } + +.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + icon-shadow: none; } + +.check:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + icon-shadow: none; } + +.radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + icon-shadow: none; } + +.check:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-backdrop.png"), url("../assets/checkbox-unchecked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.radio:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-backdrop.png"), url("../assets/radio-unchecked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + icon-shadow: none; } + +.radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + icon-shadow: none; } + +.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover.png"), url("../assets/checkbox-checked-hover@2.png")); + icon-shadow: none; } + +.radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); + icon-shadow: none; } + +.check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active.png"), url("../assets/checkbox-checked-active@2.png")); + icon-shadow: none; } + +.radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); + icon-shadow: none; } + +.check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop.png"), url("../assets/checkbox-checked-backdrop@2.png")); + icon-shadow: none; } + +.radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); + icon-shadow: none; } + +.check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive.png"), url("../assets/checkbox-checked-insensitive@2.png")); + icon-shadow: none; } + +.radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); + icon-shadow: none; } + +.check:checked:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-backdrop.png"), url("../assets/checkbox-checked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.radio:checked:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-backdrop.png"), url("../assets/radio-checked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.check:inconsistent { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); + icon-shadow: none; } + +.radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); + icon-shadow: none; } + +.check:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover.png"), url("../assets/checkbox-mixed-hover@2.png")); + icon-shadow: none; } + +.radio:inconsistent:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); + icon-shadow: none; } + +.check:inconsistent:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active.png"), url("../assets/checkbox-mixed-active@2.png")); + icon-shadow: none; } + +.radio:inconsistent:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); + icon-shadow: none; } + +.check:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop.png"), url("../assets/checkbox-mixed-backdrop@2.png")); + icon-shadow: none; } + +.radio:inconsistent:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); + icon-shadow: none; } + +.check:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + icon-shadow: none; } + +.radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + icon-shadow: none; } + +.check:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive-backdrop.png"), url("../assets/checkbox-mixed-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.radio:inconsistent:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive-backdrop.png"), url("../assets/radio-mixed-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.check:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked.png"), url("../assets/selected-checkbox-unchecked@2.png")); + icon-shadow: none; } + +.radio:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + icon-shadow: none; } + +.check:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-hover.png"), url("../assets/selected-checkbox-unchecked-hover@2.png")); + icon-shadow: none; } + +.radio:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-hover.png"), url("../assets/selected-radio-unchecked-hover@2.png")); + icon-shadow: none; } + +.check:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-active.png"), url("../assets/selected-checkbox-unchecked-active@2.png")); + icon-shadow: none; } + +.radio:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-active.png"), url("../assets/selected-radio-unchecked-active@2.png")); + icon-shadow: none; } + +.check:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-backdrop.png"), url("../assets/selected-checkbox-unchecked-backdrop@2.png")); + icon-shadow: none; } + +.radio:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-backdrop.png"), url("../assets/selected-radio-unchecked-backdrop@2.png")); + icon-shadow: none; } + +.check:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-insensitive.png"), url("../assets/selected-checkbox-unchecked-insensitive@2.png")); + icon-shadow: none; } + +.radio:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-insensitive.png"), url("../assets/selected-radio-unchecked-insensitive@2.png")); + icon-shadow: none; } + +.check:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-insensitive-backdrop.png"), url("../assets/selected-checkbox-unchecked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.radio:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-insensitive-backdrop.png"), url("../assets/selected-radio-unchecked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.check:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked.png"), url("../assets/selected-checkbox-checked@2.png")); + icon-shadow: none; } + +.radio:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + icon-shadow: none; } + +.check:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-hover.png"), url("../assets/selected-checkbox-checked-hover@2.png")); + icon-shadow: none; } + +.radio:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-hover.png"), url("../assets/selected-radio-checked-hover@2.png")); + icon-shadow: none; } + +.check:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-active.png"), url("../assets/selected-checkbox-checked-active@2.png")); + icon-shadow: none; } + +.radio:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-active.png"), url("../assets/selected-radio-checked-active@2.png")); + icon-shadow: none; } + +.check:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-backdrop.png"), url("../assets/selected-checkbox-checked-backdrop@2.png")); + icon-shadow: none; } + +.radio:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-backdrop.png"), url("../assets/selected-radio-checked-backdrop@2.png")); + icon-shadow: none; } + +.check:checked:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-insensitive.png"), url("../assets/selected-checkbox-checked-insensitive@2.png")); + icon-shadow: none; } + +.radio:checked:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-insensitive.png"), url("../assets/selected-radio-checked-insensitive@2.png")); + icon-shadow: none; } + +.check:checked:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-insensitive-backdrop.png"), url("../assets/selected-checkbox-checked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.radio:checked:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-insensitive-backdrop.png"), url("../assets/selected-radio-checked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.check:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + icon-shadow: none; } + +.radio:inconsistent:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + icon-shadow: none; } + +.check:inconsistent:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-hover.png"), url("../assets/selected-checkbox-mixed-hover@2.png")); + icon-shadow: none; } + +.radio:inconsistent:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-hover.png"), url("../assets/selected-radio-mixed-hover@2.png")); + icon-shadow: none; } + +.check:inconsistent:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-active.png"), url("../assets/selected-checkbox-mixed-active@2.png")); + icon-shadow: none; } + +.radio:inconsistent:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-active.png"), url("../assets/selected-radio-mixed-active@2.png")); + icon-shadow: none; } + +.check:inconsistent:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-backdrop.png"), url("../assets/selected-checkbox-mixed-backdrop@2.png")); + icon-shadow: none; } + +.radio:inconsistent:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-backdrop.png"), url("../assets/selected-radio-mixed-backdrop@2.png")); + icon-shadow: none; } + +.check:inconsistent:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-insensitive.png"), url("../assets/selected-checkbox-mixed-insensitive@2.png")); + icon-shadow: none; } + +.radio:inconsistent:insensitive:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-insensitive.png"), url("../assets/selected-radio-mixed-insensitive@2.png")); + icon-shadow: none; } + +.check:inconsistent:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-insensitive-backdrop.png"), url("../assets/selected-checkbox-mixed-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.radio:inconsistent:insensitive:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-insensitive-backdrop.png"), url("../assets/selected-radio-mixed-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.check, GtkIconView.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + icon-shadow: none; } + +.view.content-view.radio, GtkIconView.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + icon-shadow: none; } + +.view.content-view.check:hover, GtkIconView.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + icon-shadow: none; } + +.view.content-view.radio:hover, GtkIconView.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + icon-shadow: none; } + +.view.content-view.check:active, GtkIconView.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + icon-shadow: none; } + +.view.content-view.radio:active, GtkIconView.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + icon-shadow: none; } + +.view.content-view.check:backdrop, GtkIconView.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.radio:backdrop, GtkIconView.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.check:insensitive, GtkIconView.content-view.check:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + icon-shadow: none; } + +.view.content-view.radio:insensitive, GtkIconView.content-view.radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + icon-shadow: none; } + +.view.content-view.check:insensitive:backdrop, GtkIconView.content-view.check:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive-backdrop.png"), url("../assets/checkbox-unchecked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.radio:insensitive:backdrop, GtkIconView.content-view.radio:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive-backdrop.png"), url("../assets/radio-unchecked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.check, GtkIconView.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + icon-shadow: none; } + +.view.content-view.radio, GtkIconView.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked.png"), url("../assets/radio-checked@2.png")); + icon-shadow: none; } + +.view.content-view.check:hover, GtkIconView.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-hover.png"), url("../assets/checkbox-checked-hover@2.png")); + icon-shadow: none; } + +.view.content-view.radio:hover, GtkIconView.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); + icon-shadow: none; } + +.view.content-view.check:active, GtkIconView.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-active.png"), url("../assets/checkbox-checked-active@2.png")); + icon-shadow: none; } + +.view.content-view.radio:active, GtkIconView.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); + icon-shadow: none; } + +.view.content-view.check:backdrop, GtkIconView.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-backdrop.png"), url("../assets/checkbox-checked-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.radio:backdrop, GtkIconView.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.check:insensitive, GtkIconView.content-view.check:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-insensitive.png"), url("../assets/checkbox-checked-insensitive@2.png")); + icon-shadow: none; } + +.view.content-view.radio:insensitive, GtkIconView.content-view.radio:insensitive { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); + icon-shadow: none; } + +.view.content-view.check:insensitive:backdrop, GtkIconView.content-view.check:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-insensitive-backdrop.png"), url("../assets/checkbox-checked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.view.content-view.radio:insensitive:backdrop, GtkIconView.content-view.radio:insensitive:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-insensitive-backdrop.png"), url("../assets/radio-checked-insensitive-backdrop@2.png")); + icon-shadow: none; } + +.check.text-button, .radio.text-button { + padding: 2px 0; + outline-offset: 0; } + .check.text-button label:not(:only-child):first-child, .radio.text-button label:not(:only-child):first-child { + margin-left: 4px; } + .check.text-button label:not(:only-child):last-child, .radio.text-button label:not(:only-child):last-child { + margin-right: 4px; } + +.check, +.radio { + margin: 0 4px; } + .menu .menuitem .check, .menu .menuitem + .radio { + margin: 0; } + +GtkTreeView.view check:selected:focus, GtkTreeView.view check:selected, +GtkTreeView.view radio:selected:focus, +GtkTreeView.view radio:selected { + color: #666666; + border-color: #275f79; } +GtkTreeView.view check:selected:insensitive, +GtkTreeView.view radio:selected:insensitive { + color: #afafaf; } + GtkTreeView.view check:selected:insensitive:backdrop, + GtkTreeView.view radio:selected:insensitive:backdrop { + color: #d1d1d1; } +GtkTreeView.view check:backdrop:selected, GtkTreeView.view check:backdrop, +GtkTreeView.view radio:backdrop:selected, +GtkTreeView.view radio:backdrop { + color: #afafaf; } + +/***************** + * Color Chooser * + *****************/ +GtkColorSwatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; } + GtkColorSwatch.top overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } +GtkColorSwatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + GtkColorSwatch.bottom overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +GtkColorSwatch.left, GtkColorSwatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; } + GtkColorSwatch.left overlay, GtkColorSwatch:first-child:not(.top) overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } +GtkColorSwatch.right, GtkColorSwatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + GtkColorSwatch.right overlay, GtkColorSwatch:last-child:not(.bottom) overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } +GtkColorSwatch.dark overlay { + color: #ffffff; } + GtkColorSwatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.8); } + GtkColorSwatch.dark overlay:backdrop { + color: rgba(255, 255, 255, 0.5); } +GtkColorSwatch.light overlay { + color: #666666; } + GtkColorSwatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.5); } + GtkColorSwatch.light overlay:backdrop { + color: #848484; } +GtkColorSwatch overlay { + box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.7); + border: 1px solid rgba(0, 0, 0, 0.3); } + GtkColorSwatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + GtkColorSwatch overlay:backdrop, GtkColorSwatch overlay:backdrop:hover { + border-color: rgba(0, 0, 0, 0.3); + box-shadow: none; } +GtkColorSwatch#add-color-button { + border-radius: 5px 5px 0 0; } + GtkColorSwatch#add-color-button:only-child { + border-radius: 5px; } + GtkColorSwatch#add-color-button overlay { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + GtkColorSwatch#add-color-button overlay:hover { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; } + GtkColorSwatch#add-color-button overlay:backdrop { + border-color: #d5d5d5; + background-image: linear-gradient(to bottom, #f7f7f7); + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + GtkColorSwatch#add-color-button overlay:backdrop GtkLabel, GtkColorSwatch#add-color-button overlay:backdrop { + color: #afafaf; } + GtkColorSwatch#add-color-button overlay:backdrop label, GtkColorSwatch#add-color-button overlay:backdrop { + color: #afafaf; } +GtkColorSwatch:insensitive { + opacity: 0.5; } + GtkColorSwatch:insensitive overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +row:selected GtkColorSwatch { + box-shadow: 0 0 0 2px #ffffff; } +GtkColorSwatch#editor-color-sample { + border-radius: 4px; } + GtkColorSwatch#editor-color-sample overlay { + border-radius: 4.5px; } + +colorchooser .popover.osd { + border-radius: 5px; } + +/************** + * ComboBoxes * + **************/ +GtkComboBox .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/****************** + * Combobox Entry * + ******************/ +.combobox-entry .button { + box-shadow: none; } + .combobox-entry .button:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; } + .combobox-entry .button:last-child { + border-radius: 0 4px 4px 0; } +.combobox-entry .entry { + box-shadow: none; } + .combobox-entry .entry:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; } + .combobox-entry .entry:last-child { + border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } + +/*********** + * Dialogs * + ***********/ +GtkMessageDialog .header-bar, +GtkMessageDialog .titlebar, +.message-dialog .header-bar, +.message-dialog .titlebar { + background-image: none; + background-color: #f7f7f7; + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + GtkMessageDialog .header-bar:backdrop, + GtkMessageDialog .titlebar:backdrop, + .message-dialog .header-bar:backdrop, + .message-dialog .titlebar:backdrop { + background-color: #f7f7f7; } + GtkMessageDialog .header-bar.default-decoration, + GtkMessageDialog .titlebar.default-decoration, + .message-dialog .header-bar.default-decoration, + .message-dialog .titlebar.default-decoration { + padding: 6px; + background-color: #f7f7f7; + color: #666666; } + GtkMessageDialog .header-bar.default-decoration:backdrop, + GtkMessageDialog .titlebar.default-decoration:backdrop, + .message-dialog .header-bar.default-decoration:backdrop, + .message-dialog .titlebar.default-decoration:backdrop { + background-color: #f7f7f7; + color: #afafaf; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton, + .message-dialog .header-bar.default-decoration .button.titlebutton, + .message-dialog .titlebar.default-decoration .button.titlebutton { + padding: 1px; + border-radius: 50%; + background-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton GtkImage, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton GtkImage, + .message-dialog .header-bar.default-decoration .button.titlebutton GtkImage, + .message-dialog .titlebar.default-decoration .button.titlebutton GtkImage { + color: #666666; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:hover, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:hover, + .message-dialog .header-bar.default-decoration .button.titlebutton:hover, + .message-dialog .titlebar.default-decoration .button.titlebutton:hover { + background-color: #dedede; + color: gray; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:hover GtkImage, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:hover GtkImage, + .message-dialog .header-bar.default-decoration .button.titlebutton:hover GtkImage, + .message-dialog .titlebar.default-decoration .button.titlebutton:hover GtkImage { + color: gray; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:backdrop, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:backdrop, + .message-dialog .header-bar.default-decoration .button.titlebutton:backdrop, + .message-dialog .titlebar.default-decoration .button.titlebutton:backdrop { + background-color: transparent; + color: #afafaf; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:backdrop GtkImage, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:backdrop GtkImage, + .message-dialog .header-bar.default-decoration .button.titlebutton:backdrop GtkImage, + .message-dialog .titlebar.default-decoration .button.titlebutton:backdrop GtkImage { + color: #c9c9c9; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:active, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:active, + .message-dialog .header-bar.default-decoration .button.titlebutton:active, + .message-dialog .titlebar.default-decoration .button.titlebutton:active { + background-color: #666666; + color: #f7f7f7; + border-radius: 50%; + box-shadow: none; } + GtkMessageDialog .header-bar.default-decoration .button.titlebutton:active GtkImage, + GtkMessageDialog .titlebar.default-decoration .button.titlebutton:active GtkImage, + .message-dialog .header-bar.default-decoration .button.titlebutton:active GtkImage, + .message-dialog .titlebar.default-decoration .button.titlebutton:active GtkImage { + color: white; } +GtkMessageDialog.csd, +.message-dialog.csd { + border: none; + box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); } + GtkMessageDialog.csd.background, + .message-dialog.csd.background { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + GtkMessageDialog.csd .dialog-action-area .button, + .message-dialog.csd .dialog-action-area .button { + padding: 10px 14px; + border-radius: 0; + background-image: none; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; } + GtkMessageDialog.csd .dialog-action-area .button:first-child, + .message-dialog.csd .dialog-action-area .button:first-child { + border-left-style: none; + border-bottom-left-radius: 4px; } + GtkMessageDialog.csd .dialog-action-area .button:last-child, + .message-dialog.csd .dialog-action-area .button:last-child { + border-bottom-right-radius: 4px; } + +GtkFileChooserDialog { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + GtkFileChooserDialog .dialog-action-box { + border-top: 1px solid #d1d1d1; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + GtkFileChooserDialog .dialog-action-box:backdrop { + border-top-color: #d5d5d5; } + GtkFileChooserDialog #pathbarbox { + border-bottom: 1px solid #f7f7f7; } + +/**************** + * Text Entries * + ****************/ +.spinbutton:not(.vertical), +.entry { + padding: 4px 6px; + border: 1px solid; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #666666; + border-color: #d1d1d1; + background-color: #ffffff; + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); } + .spinbutton:not(.vertical) GtkImage, + .entry GtkImage { + color: #858585; } + .spinbutton:not(.vertical) GtkImage:hover, + .entry GtkImage:hover { + color: #666666; } + .spinbutton:not(.vertical) GtkImage:active, + .entry GtkImage:active { + color: #347D9F; } + .spinbutton:not(.vertical) GtkImage:backdrop, + .entry GtkImage:backdrop { + color: #bebebe; } + .spinbutton:not(.vertical) GtkImage.left, + .entry GtkImage.left { + padding-left: 0; + padding-right: 6px; } + .spinbutton:not(.vertical) GtkImage.right, + .entry GtkImage.right { + padding-left: 6px; + padding-right: 0; } + .spinbutton:not(.vertical) .undershoot.left, + .entry .undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; + box-shadow: none; } + .spinbutton:not(.vertical) .undershoot.right, + .entry .undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; + box-shadow: none; } + .flat.spinbutton:focus:not(.vertical), .flat.spinbutton:not(.vertical), + .entry.flat:focus, + .entry.flat { + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; } + .spinbutton:focus:not(.vertical), + .entry:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #347D9F; } + .spinbutton:insensitive:not(.vertical), + .entry:insensitive { + color: #afafaf; + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, #fafafa); + box-shadow: none; } + .spinbutton:backdrop:not(.vertical), + .entry:backdrop { + color: #848484; + border-color: #d5d5d5; + background-image: linear-gradient(to bottom, #fcfcfc); + box-shadow: none; + transition: 200ms ease-out; } + .spinbutton:backdrop:insensitive:not(.vertical), + .entry:backdrop:insensitive { + color: #d1d1d1; + border-color: #d5d5d5; + background-image: linear-gradient(to bottom, #fafafa); + box-shadow: none; } + .spinbutton:backdrop:insensitive:not(.vertical), + .entry:backdrop:insensitive { + color: #d1d1d1; + border-color: #d5d5d5; + background-image: linear-gradient(to bottom, #fafafa); + box-shadow: none; } + .error.spinbutton:not(.vertical), + .entry.error { + color: #f34235; + border-color: #f34235; } + .error.spinbutton:focus:not(.vertical), + .entry.error:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #f34235; } + .error.spinbutton:selected:focus:not(.vertical), .error.spinbutton:selected:not(.vertical), + .entry.error:selected:focus, + .entry.error:selected { + background-color: #f34235; } + .warning.spinbutton:not(.vertical), + .entry.warning { + color: #feea3a; + border-color: #feea3a; } + .warning.spinbutton:focus:not(.vertical), + .entry.warning:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #feea3a; } + .warning.spinbutton:selected:focus:not(.vertical), .warning.spinbutton:selected:not(.vertical), + .entry.warning:selected:focus, + .entry.warning:selected { + background-color: #feea3a; } +.spinbutton:not(.vertical) .progressbar, +.entry .progressbar { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: #347D9F; + border-style: solid; + box-shadow: none; } + .spinbutton:not(.vertical) .progressbar:backdrop, + .entry .progressbar:backdrop { + background-color: transparent; } +.linked:not(.vertical) > .spinbutton:focus:not(.vertical) + .spinbutton:not(.vertical), .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +.entry:focus + .spinbutton:not(.vertical), .linked:not(.vertical) > +.entry:focus + button, .linked:not(.vertical) > +.entry:focus + combobox > box > button.combo, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + +.entry, .linked:not(.vertical) > +.entry:focus + +.entry { + border-left-color: #347D9F; } +.linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + entry:not(:insensitive), .linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + .spinbutton:not(:insensitive):not(.vertical), .linked.vertical > +.entry:not(:insensitive) + entry:not(:insensitive), .linked.vertical > +.entry:not(:insensitive) + .spinbutton:not(:insensitive):not(.vertical) { + border-top-color: #f1f1f1; + background-image: linear-gradient(to bottom, #ffffff); } + .linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + entry:not(:insensitive):backdrop, .linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + .spinbutton:not(:insensitive):backdrop:not(.vertical), .linked.vertical > + .entry:not(:insensitive) + entry:not(:insensitive):backdrop, .linked.vertical > + .entry:not(:insensitive) + .spinbutton:not(:insensitive):backdrop:not(.vertical) { + border-top-color: #f0f0f0; + background-image: linear-gradient(to bottom, #fcfcfc); } +.linked.vertical > .spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical), .linked.vertical > +.entry:insensitive + .spinbutton:insensitive:not(.vertical) { + border-top-color: #f1f1f1; } +.linked.vertical > .spinbutton:not(.vertical) + .spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > +.entry + .spinbutton:focus:not(:only-child):not(.vertical) { + border-top-color: #347D9F; } +.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .spinbutton:not(.vertical), +.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .entry, +.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .button, +.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + GtkComboBox > box > .button.combo, .linked.vertical > +.entry:focus:not(:only-child) + .spinbutton:not(.vertical), +.linked.vertical > +.entry:focus:not(:only-child) + .entry, +.linked.vertical > +.entry:focus:not(:only-child) + .button, +.linked.vertical > +.entry:focus:not(:only-child) + GtkComboBox > box > .button.combo { + border-top-color: #347D9F; } + +GtkTreeView .acceleditor > GtkLabel { + background-color: #347D9F; } + +GtkTreeView .entry.flat, GtkTreeView .entry { + border-radius: 0; + background-image: none; + background-color: #ffffff; } + GtkTreeView .entry.flat:focus, GtkTreeView .entry:focus { + border-color: #347D9F; } + +/************* + * Expanders * + *************/ +expander .arrow { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander .arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander .arrow:hover { + color: #b3b3b3; } + expander .arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: #f7f7f7; + padding-top: 1px; + border-width: 1px; + border-style: solid solid none; + border-color: #d1d1d1; + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + .floating-bar.bottom.left { + border-left-style: none; + border-top-left-radius: 0; + border-top-right-radius: 4px; } + .floating-bar.bottom.right { + border-right-style: none; + border-top-right-radius: 0; + border-top-left-radius: 4px; } + .floating-bar > .button { + padding: 4px; } + .floating-bar:backdrop { + background-color: #f7f7f7; + border-color: #d5d5d5; } + +/********** + * Frames * + **********/ +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #d1d1d1; } + .frame.flat { + border-style: none; } + .frame:backdrop { + border-color: #d5d5d5; } + +GtkScrolledWindow GtkViewport.frame { + border-style: none; } +GtkScrolledWindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#b7b7b7), to(rgba(183, 183, 183, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + GtkScrolledWindow overshoot.top:backdrop { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#d5d5d5), to(rgba(213, 213, 213, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } +GtkScrolledWindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#b7b7b7), to(rgba(183, 183, 183, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + GtkScrolledWindow overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#d5d5d5), to(rgba(213, 213, 213, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } +GtkScrolledWindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#b7b7b7), to(rgba(183, 183, 183, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + GtkScrolledWindow overshoot.left:backdrop { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#d5d5d5), to(rgba(213, 213, 213, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } +GtkScrolledWindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#b7b7b7), to(rgba(183, 183, 183, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + GtkScrolledWindow overshoot.right:backdrop { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#d5d5d5), to(rgba(213, 213, 213, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } +GtkScrolledWindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; + box-shadow: none; } +GtkScrolledWindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; + box-shadow: none; } +GtkScrolledWindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; + box-shadow: none; } +GtkScrolledWindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; + box-shadow: none; } +GtkScrolledWindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #d1d1d1 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #dadada; } + GtkScrolledWindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + GtkScrolledWindow junction:backdrop { + border-image-source: linear-gradient(to bottom, #d5d5d5 1px, transparent 1px); + background-color: #efefef; + transition: 200ms ease-out; } + +.separator { + background: rgba(0, 0, 0, 0.1); } + +/************ + * Popovers * + ************/ +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 8px; + -GraniteWidgetsPopOver-border-width: 0; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid #ffffff; + background: #ffffff; + color: #666666; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: #347D9F; } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver GtkIconView.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #ffffff; + border: 1px solid #ffffff; + color: #666666; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #ffffff; } + GraniteWidgetsWelcome GtkLabel { + color: #666666; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(102, 102, 102, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + -GtkTreeView-horizontal-separator: 4px; + -GtkTreeView-vertical-separator: 4px; + background-color: #f7f7f7; + border: solid #d1d1d1; + color: #666666; + border-right-width: 1px; } + .source-list .view, .source-list GtkIconView { + border-width: 0; + border-style: solid; + border-color: #d1d1d1; } + .source-list .category-expander { + border: none; + color: #666666; } + .source-list .badge { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + color: #f7f7f7; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { + background-color: rgba(0, 0, 0, 0.2); + color: #eaeaea; } + .source-list .list-row { + border: none; + padding: 0; } + .source-list .list-row > GtkLabel { + padding-left: 6px; + padding-right: 6px; } + .source-list.sidebar { + border-width: 0; + border-style: solid; + border-color: #d1d1d1; } + .source-list.sidebar.left, .source-list.sidebar.right { + border-width: 0; } + +/************** +* Text Styles * +**************/ +.h1 { + font-size: 24px; } + +.h2 { + font-weight: 300; + font-size: 18px; } + +.h3 { + font-size: 9px; } + +.h4 { + font-weight: bold; + font-size: 9px; } + +.category-label { + font-size: 9px; + padding: 6px; + color: rgba(102, 102, 102, 0.9); + font-weight: bold; + text-shadow: 0 1px rgba(255, 255, 255, 0.2); } + +/************** +* Storage Bar * +**************/ +.storage-bar .trough { + border: none; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3); + background-image: none; + background-color: transparent; + padding: 8px 6px; } +.storage-bar .fill-block { + background-color: #feea3a; + border: none; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); + transition: all 200ms ease-in-out; + padding: 8px 6px; } + .storage-bar .fill-block:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block.empty-block { + background-color: #ffffff; } + .storage-bar .fill-block.app { + background-color: #2095f2; } + .storage-bar .fill-block.audio { + background-color: #fe9700; } + .storage-bar .fill-block.photo { + background-color: #f34235; } + .storage-bar .fill-block.video { + background-color: #9b26af; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header Bars * + ***************/ +.titlebar:not(headerbar), +.header-bar { + padding: 0 8px; + border: none; + border-radius: 4px 4px 0 0; + background-color: #636E73; + color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + .titlebar:backdrop:not(headerbar), + .header-bar:backdrop { + background-color: #636E73; + color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + transition: 200ms ease-out; } + .titlebar:not(headerbar) .title, + .header-bar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; + color: #ffffff; } + .titlebar:not(headerbar) .title:backdrop, + .header-bar .title:backdrop { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) .subtitle, + .header-bar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + color: #ffffff; } + .selection-mode.titlebar:not(headerbar), + .header-bar.selection-mode { + border-radius: 4px 4px 0 0; + color: #ffffff; + text-shadow: 0 -1px rgba(0, 0, 0, 0.5); + border-color: #275f79; + background-color: #347D9F; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + .selection-mode.titlebar:backdrop:not(headerbar), + .header-bar.selection-mode:backdrop { + background-color: #275f79; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, + .header-bar.selection-mode .selection-menu:backdrop, + .header-bar.selection-mode .selection-menu { + border-color: rgba(52, 125, 159, 0); + background-image: linear-gradient(to bottom, rgba(52, 125, 159, 0)); + box-shadow: none; + text-shadow: none; + padding-left: 10px; + padding-right: 10px; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, + .header-bar.selection-mode .selection-menu:backdrop GtkArrow, + .header-bar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, + .header-bar.selection-mode .selection-menu:backdrop .arrow, + .header-bar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(255, 255, 255, 0.5); + icon-shadow: none; } + .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .tiled + .header-bar:backdrop, .tiled + .header-bar, .maximized + .header-bar:backdrop, .maximized + .header-bar { + border-radius: 0; } + .default-decoration.titlebar:not(headerbar), + .header-bar.default-decoration { + padding: 6px; + background-color: #636E73; + color: #ffffff; } + .default-decoration.titlebar:not(headerbar) .maximized, + .header-bar.default-decoration .maximized { + padding: 6px; } + .default-decoration.titlebar:backdrop:not(headerbar), + .header-bar.default-decoration:backdrop { + background-color: #576165; + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) .entry, + .header-bar .entry { + margin: 6px 0; + border-radius: 2px; + padding: 4px; + border: none; + box-shadow: none; + background: rgba(255, 255, 255, 0.95); + color: #666666; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .titlebar:not(headerbar) .entry > .image, + .header-bar .entry > .image { + padding-right: 6px; + color: rgba(102, 102, 102, 0.8); } + .titlebar:not(headerbar) .entry:active, .titlebar:not(headerbar) .entry:focus, + .header-bar .entry:active, + .header-bar .entry:focus { + background: #ffffff; + color: #666666; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .titlebar:not(headerbar) .entry:active > .image, .titlebar:not(headerbar) .entry:focus > .image, + .header-bar .entry:active > .image, + .header-bar .entry:focus > .image { + padding-right: 6px; + color: #666666; } + .titlebar:not(headerbar) .entry:active:backdrop, .titlebar:not(headerbar) .entry:focus:backdrop, + .header-bar .entry:active:backdrop, + .header-bar .entry:focus:backdrop { + background: rgba(255, 255, 255, 0.8); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) .entry:insensitive, + .header-bar .entry:insensitive { + background: rgba(255, 255, 255, 0.6); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) .entry:insensitive > .image, + .header-bar .entry:insensitive > .image { + padding-right: 6px; + color: rgba(102, 102, 102, 0.5); } + .titlebar:not(headerbar) .entry:insensitive:backdrop, + .header-bar .entry:insensitive:backdrop { + background: rgba(255, 255, 255, 0.5); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) .entry:backdrop, + .header-bar .entry:backdrop { + background: rgba(255, 255, 255, 0.8); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) .entry:backdrop > .image, + .header-bar .entry:backdrop > .image { + color: rgba(102, 102, 102, 0.5); } + .titlebar:not(headerbar) .button, + .header-bar .button { + background-color: transparent; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 10px; + text-shadow: none; } + .titlebar:not(headerbar) .button.back-button, .titlebar:not(headerbar) .button.suggested-action, .titlebar:not(headerbar) .button.menu-button, .titlebar:not(headerbar) .button.text-button, .titlebar:not(headerbar) .button.image-button, .titlebar:not(headerbar) .button.linked, .titlebar:not(headerbar) .button.flat, + .header-bar .button.back-button, + .header-bar .button.suggested-action, + .header-bar .button.menu-button, + .header-bar .button.text-button, + .header-bar .button.image-button, + .header-bar .button.linked, + .header-bar .button.flat { + background-color: transparent; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 10px; + text-shadow: none; + color: #ffffff; } + .titlebar:not(headerbar) .button.back-button:backdrop, .titlebar:not(headerbar) .button.suggested-action:backdrop, .titlebar:not(headerbar) .button.menu-button:backdrop, .titlebar:not(headerbar) .button.text-button:backdrop, .titlebar:not(headerbar) .button.image-button:backdrop, .titlebar:not(headerbar) .button.linked:backdrop, .titlebar:not(headerbar) .button.flat:backdrop, + .header-bar .button.back-button:backdrop, + .header-bar .button.suggested-action:backdrop, + .header-bar .button.menu-button:backdrop, + .header-bar .button.text-button:backdrop, + .header-bar .button.image-button:backdrop, + .header-bar .button.linked:backdrop, + .header-bar .button.flat:backdrop { + background-color: transparent; + background-image: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) .button.back-button:hover, .titlebar:not(headerbar) .button.suggested-action:hover, .titlebar:not(headerbar) .button.menu-button:hover, .titlebar:not(headerbar) .button.text-button:hover, .titlebar:not(headerbar) .button.image-button:hover, .titlebar:not(headerbar) .button.linked:hover, .titlebar:not(headerbar) .button.flat:hover, + .header-bar .button.back-button:hover, + .header-bar .button.suggested-action:hover, + .header-bar .button.menu-button:hover, + .header-bar .button.text-button:hover, + .header-bar .button.image-button:hover, + .header-bar .button.linked:hover, + .header-bar .button.flat:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: white; + box-shadow: none; + text-shadow: none; } + .titlebar:not(headerbar) .button GtkImage, + .header-bar .button GtkImage { + color: #ffffff; } + .titlebar:not(headerbar) .button:focus, .titlebar:not(headerbar) .button:hover, + .header-bar .button:focus, + .header-bar .button:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: white; + box-shadow: none; + text-shadow: none; } + .titlebar:not(headerbar) .button:backdrop, + .header-bar .button:backdrop { + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) .button:backdrop GtkImage, + .header-bar .button:backdrop GtkImage { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) .button:active, .titlebar:not(headerbar) .button:checked, + .header-bar .button:active, + .header-bar .button:checked { + border-radius: 0px; + text-shadow: none; + icon-shadow: none; + box-shadow: inset 0 -2px 0 0 #ffffff; + background-color: transparent; + background-image: none; + color: #ffffff; } + .titlebar:not(headerbar) .button:active:backdrop, .titlebar:not(headerbar) .button:checked:backdrop, + .header-bar .button:active:backdrop, + .header-bar .button:checked:backdrop { + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) .button:active:focus, .titlebar:not(headerbar) .button:active:hover, .titlebar:not(headerbar) .button:checked:focus, .titlebar:not(headerbar) .button:checked:hover, + .header-bar .button:active:focus, + .header-bar .button:active:hover, + .header-bar .button:checked:focus, + .header-bar .button:checked:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: white; + box-shadow: inset 0 -2px 0 0 #ffffff; } + .titlebar:not(headerbar) .button:insensitive, .titlebar:not(headerbar) .button:insensitive:backdrop, + .header-bar .button:insensitive, + .header-bar .button:insensitive:backdrop { + color: rgba(255, 255, 255, 0.5); + background-color: transparent; + background-image: none; } + .titlebar:not(headerbar) .button:insensitive image, + .titlebar:not(headerbar) .button:insensitive GtkImage, .titlebar:not(headerbar) .button:insensitive:backdrop image, + .titlebar:not(headerbar) .button:insensitive:backdrop GtkImage, + .header-bar .button:insensitive image, + .header-bar .button:insensitive GtkImage, + .header-bar .button:insensitive:backdrop image, + .header-bar .button:insensitive:backdrop GtkImage { + -gtk-image-effect: dim; } + .titlebar:not(headerbar) .button.titlebutton, + .header-bar .button.titlebutton { + background-color: transparent; + background-image: none; + border-radius: 50%; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 1px; + text-shadow: none; + color: #ffffff; } + .titlebar:not(headerbar) .button.titlebutton:hover, + .header-bar .button.titlebutton:hover { + background-color: rgba(255, 255, 255, 0.1); + color: white; } + .titlebar:not(headerbar) .button.titlebutton:backdrop, + .header-bar .button.titlebutton:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) .button.titlebutton:active, + .header-bar .button.titlebutton:active { + background-color: #ffffff; + color: #636E73; + border-radius: 50%; + box-shadow: none; } + .titlebar:not(headerbar) .button.titlebutton:active GtkImage, + .header-bar .button.titlebutton:active GtkImage { + color: #636E73; } + .titlebar:not(headerbar) .button.linked:first-child, .titlebar:not(headerbar) .button.linked:last-child, + .header-bar .button.linked:first-child, + .header-bar .button.linked:last-child { + border-radius: 0; } + .titlebar:not(headerbar) .separator, + .header-bar .separator { + color: transparent; + background-color: transparent; } + +.titlebar, .titlebar:backdrop { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +.separator:first-child + .header-bar, .separator:first-child + .header-bar:backdrop, separator:first-child + .header-bar, separator:first-child + .header-bar:backdrop, .header-bar:first-child, .header-bar:first-child:backdrop { + border-top-left-radius: 4px; } +.header-bar:last-child, .header-bar:last-child:backdrop { + border-top-right-radius: 4px; } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: #636E73; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } + window.csd > .titlebar:not(headerbar):backdrop { + background-color: #576165; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +GtkInfoBar, +infobar { + text-shadow: none; + color: #666666; + background-color: #f7f7f7; + border-bottom: 1px solid #dedede; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } + +.info, .warning, .question, .error { + text-shadow: none; + color: #ffffff; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #ffffff; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(255, 255, 255, 0.5); } + .info .button, .warning .button, .question .button, .error .button, + .info button, + .warning button, + .question button, + .error button { + border-radius: 2px; + border: none; + background: rgba(255, 255, 255, 0.95); + color: #666666; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .info .button .label, .warning .button .label, .question .button .label, .error .button .label, + .info button .label, + .warning button .label, + .question button .label, + .error button .label { + color: #666666; } + .info .button:active, .warning .button:active, .question .button:active, .error .button:active, + .info button:active, + .warning button:active, + .question button:active, + .error button:active { + background: #ffffff; + color: #666666; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info .button:active:backdrop, .warning .button:active:backdrop, .question .button:active:backdrop, .error .button:active:backdrop, + .info button:active:backdrop, + .warning button:active:backdrop, + .question button:active:backdrop, + .error button:active:backdrop { + background: rgba(255, 255, 255, 0.8); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .info .button:hover, .warning .button:hover, .question .button:hover, .error .button:hover, .info .button:focus, .warning .button:focus, .question .button:focus, .error .button:focus, + .info button:hover, + .warning button:hover, + .question button:hover, + .error button:hover, + .info button:focus, + .warning button:focus, + .question button:focus, + .error button:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info .button:insensitive, .warning .button:insensitive, .question .button:insensitive, .error .button:insensitive, + .info button:insensitive, + .warning button:insensitive, + .question button:insensitive, + .error button:insensitive { + background: rgba(255, 255, 255, 0.6); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .info .button:insensitive:backdrop, .warning .button:insensitive:backdrop, .question .button:insensitive:backdrop, .error .button:insensitive:backdrop, + .info button:insensitive:backdrop, + .warning button:insensitive:backdrop, + .question button:insensitive:backdrop, + .error button:insensitive:backdrop { + background: rgba(255, 255, 255, 0.5); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .info .button:backdrop, .warning .button:backdrop, .question .button:backdrop, .error .button:backdrop, + .info button:backdrop, + .warning button:backdrop, + .question button:backdrop, + .error button:backdrop { + background: rgba(255, 255, 255, 0.8); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + +.info { + background-color: #2095f2; } + .info:backdrop { + background-color: #50acf5; + color: rgba(255, 255, 255, 0.5); } + +.warning { + background-color: #feea3a; } + .warning:backdrop { + background-color: #feef6d; + color: rgba(255, 255, 255, 0.5); } + +.question { + background-color: #1ea362; } + .question:backdrop { + background-color: #26ce7c; + color: rgba(255, 255, 255, 0.5); } + +.error { + background-color: #f34235; } + .error:backdrop { + background-color: #f66f65; + color: rgba(255, 255, 255, 0.5); } + +/************* + * Level Bar * + *************/ +GtkLevelBar, +.level-bar { + -GtkLevelBar-min-block-width: 32; + -GtkLevelBar-min-block-height: 8; } + GtkLevelBar:backdrop, + .level-bar:backdrop { + transition: 200ms ease-out; } + GtkLevelBar .trough, + .level-bar .trough { + margin: 0; + padding: 2px; + border-radius: 3px; } + GtkLevelBar.horizontal.indicator-discrete.fill-block, + .level-bar.horizontal.indicator-discrete.fill-block { + margin: 0 1px; } + GtkLevelBar.horizontal.discrete block, + .level-bar.horizontal.discrete block { + margin: 0 1px; } + GtkLevelBar.vertical.indicator-discrete.fill-block, + .level-bar.vertical.indicator-discrete.fill-block { + margin: 1px 0; } + GtkLevelBar.vertical.discrete block, + .level-bar.vertical.discrete block { + margin: 1px 0; } + GtkLevelBar.vertical .fill-block, + GtkLevelBar .level-bar.vertical .fill-block, + .level-bar.vertical GtkLevelBar .fill-block, + GtkLevelBar .fill-block, + .level-bar GtkLevelBar.vertical .fill-block, + GtkLevelBar.vertical .level-bar .fill-block, + .level-bar.vertical .fill-block, + .level-bar .fill-block { + border-radius: 2px; } + GtkLevelBar.vertical .low.fill-block, + GtkLevelBar .level-bar.vertical .low.fill-block, + .level-bar.vertical GtkLevelBar .low.fill-block, GtkLevelBar.vertical .level-low.fill-block, + GtkLevelBar .level-bar.vertical .level-low.fill-block, + .level-bar.vertical GtkLevelBar .level-low.fill-block, + GtkLevelBar .fill-block.low, + GtkLevelBar .fill-block.level-low, + .level-bar GtkLevelBar.vertical .low.fill-block, + GtkLevelBar.vertical .level-bar .low.fill-block, + .level-bar.vertical .low.fill-block, + .level-bar GtkLevelBar.vertical .level-low.fill-block, + GtkLevelBar.vertical .level-bar .level-low.fill-block, + .level-bar.vertical .level-low.fill-block, + .level-bar .fill-block.low, + .level-bar .fill-block.level-low { + border: 1px solid #fee507; + background-color: #feea3a; } + GtkLevelBar.vertical .low.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .low.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .low.fill-block:backdrop, GtkLevelBar.vertical .level-low.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .level-low.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .level-low.fill-block:backdrop, + GtkLevelBar .fill-block.low:backdrop, + GtkLevelBar .fill-block.level-low:backdrop, + .level-bar GtkLevelBar.vertical .low.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .low.fill-block:backdrop, + .level-bar.vertical .low.fill-block:backdrop, + .level-bar GtkLevelBar.vertical .level-low.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .level-low.fill-block:backdrop, + .level-bar.vertical .level-low.fill-block:backdrop, + .level-bar .fill-block.low:backdrop, + .level-bar .fill-block.level-low:backdrop { + border: 1px solid #feea3a; } + GtkLevelBar.vertical .high.fill-block, + GtkLevelBar .level-bar.vertical .high.fill-block, + .level-bar.vertical GtkLevelBar .high.fill-block, GtkLevelBar.vertical .level-high.fill-block, + GtkLevelBar .level-bar.vertical .level-high.fill-block, + .level-bar.vertical GtkLevelBar .level-high.fill-block, + GtkLevelBar .fill-block.high, + GtkLevelBar .fill-block.level-high, + .level-bar GtkLevelBar.vertical .high.fill-block, + GtkLevelBar.vertical .level-bar .high.fill-block, + .level-bar.vertical .high.fill-block, + .level-bar GtkLevelBar.vertical .level-high.fill-block, + GtkLevelBar.vertical .level-bar .level-high.fill-block, + .level-bar.vertical .level-high.fill-block, + .level-bar .fill-block.high, + .level-bar .fill-block.level-high { + border: 1px solid #275f79; + background-color: #347D9F; } + GtkLevelBar.vertical .high.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .high.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .high.fill-block:backdrop, GtkLevelBar.vertical .level-high.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .level-high.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .level-high.fill-block:backdrop, + GtkLevelBar .fill-block.high:backdrop, + GtkLevelBar .fill-block.level-high:backdrop, + .level-bar GtkLevelBar.vertical .high.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .high.fill-block:backdrop, + .level-bar.vertical .high.fill-block:backdrop, + .level-bar GtkLevelBar.vertical .level-high.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .level-high.fill-block:backdrop, + .level-bar.vertical .level-high.fill-block:backdrop, + .level-bar .fill-block.high:backdrop, + .level-bar .fill-block.level-high:backdrop { + border: 1px solid #347D9F; } + GtkLevelBar.vertical .full.fill-block, + GtkLevelBar .level-bar.vertical .full.fill-block, + .level-bar.vertical GtkLevelBar .full.fill-block, GtkLevelBar.vertical .level-full.fill-block, + GtkLevelBar .level-bar.vertical .level-full.fill-block, + .level-bar.vertical GtkLevelBar .level-full.fill-block, + GtkLevelBar .fill-block.full, + GtkLevelBar .fill-block.level-full, + .level-bar GtkLevelBar.vertical .full.fill-block, + GtkLevelBar.vertical .level-bar .full.fill-block, + .level-bar.vertical .full.fill-block, + .level-bar GtkLevelBar.vertical .level-full.fill-block, + GtkLevelBar.vertical .level-bar .level-full.fill-block, + .level-bar.vertical .level-full.fill-block, + .level-bar .fill-block.full, + .level-bar .fill-block.level-full { + border: 1px solid #167848; + background-color: #1ea362; } + GtkLevelBar.vertical .full.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .full.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .full.fill-block:backdrop, GtkLevelBar.vertical .level-full.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .level-full.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .level-full.fill-block:backdrop, + GtkLevelBar .fill-block.full:backdrop, + GtkLevelBar .fill-block.level-full:backdrop, + .level-bar GtkLevelBar.vertical .full.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .full.fill-block:backdrop, + .level-bar.vertical .full.fill-block:backdrop, + .level-bar GtkLevelBar.vertical .level-full.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .level-full.fill-block:backdrop, + .level-bar.vertical .level-full.fill-block:backdrop, + .level-bar .fill-block.full:backdrop, + .level-bar .fill-block.level-full:backdrop { + border: 1px solid #1ea362; } + GtkLevelBar.vertical .empty.fill-block, + GtkLevelBar .level-bar.vertical .empty.fill-block, + .level-bar.vertical GtkLevelBar .empty.fill-block, GtkLevelBar.vertical .level-empty.fill-block, + GtkLevelBar .level-bar.vertical .level-empty.fill-block, + .level-bar.vertical GtkLevelBar .level-empty.fill-block, + GtkLevelBar .fill-block.empty, + GtkLevelBar .fill-block.level-empty, + .level-bar GtkLevelBar.vertical .empty.fill-block, + GtkLevelBar.vertical .level-bar .empty.fill-block, + .level-bar.vertical .empty.fill-block, + .level-bar GtkLevelBar.vertical .level-empty.fill-block, + GtkLevelBar.vertical .level-bar .level-empty.fill-block, + .level-bar.vertical .level-empty.fill-block, + .level-bar .fill-block.empty, + .level-bar .fill-block.level-empty { + background-color: transparent; + border: 1px solid rgba(102, 102, 102, 0.2); + box-shadow: none; } + GtkLevelBar.vertical .empty.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .empty.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .empty.fill-block:backdrop, GtkLevelBar.vertical .level-empty.fill-block:backdrop, + GtkLevelBar .level-bar.vertical .level-empty.fill-block:backdrop, + .level-bar.vertical GtkLevelBar .level-empty.fill-block:backdrop, + GtkLevelBar .fill-block.empty:backdrop, + GtkLevelBar .fill-block.level-empty:backdrop, + .level-bar GtkLevelBar.vertical .empty.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .empty.fill-block:backdrop, + .level-bar.vertical .empty.fill-block:backdrop, + .level-bar GtkLevelBar.vertical .level-empty.fill-block:backdrop, + GtkLevelBar.vertical .level-bar .level-empty.fill-block:backdrop, + .level-bar.vertical .level-empty.fill-block:backdrop, + .level-bar .fill-block.empty:backdrop, + .level-bar .fill-block.level-empty:backdrop { + border-color: rgba(175, 175, 175, 0.15); } + GtkLevelBar.vertical, + .level-bar.vertical { + -GtkLevelBar-min-block-width: 8; + -GtkLevelBar-min-block-height: 32; } + +/********* + * Links * + *********/ +*:link, .button:link, +.button:visited { + color: blue; } + *:link:visited, + .button:visited { + color: rgba(0, 0, 255, 0.5); } + *:selected *:link:visited, + *:selected .button:visited { + color: #aecbd9; } + *:link:hover, .button:hover:link, + .button:hover:visited { + color: #3333ff; } + *:selected *:link:hover, *:selected .button:hover:link, + *:selected .button:hover:visited { + color: #ebf2f5; } + *:link:active, .button:active:link, + .button:active:visited { + color: blue; } + *:selected *:link:active, *:selected .button:active:link, + *:selected .button:active:visited { + color: #d6e5ec; } + *:link:backdrop:backdrop:hover, .button:backdrop:backdrop:hover:link, + .button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, + .header-bar.selection-mode .subtitle:backdrop:backdrop:hover:link, .button:backdrop:backdrop:hover:selected:link, + .button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, .button:backdrop:link, + .button:backdrop:visited { + color: #347D9F; } + *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, + .header-bar.selection-mode .subtitle:link, .button:selected:link, + .button:selected:visited, *:selected *:link, *:selected .button:link, + *:selected .button:visited { + color: #d6e5ec; } + +.button:link, +.button:visited { + text-shadow: none; } + .button:link:hover, .button:link:active, .button:link:checked, + .button:visited:hover, + .button:visited:active, + .button:visited:checked { + text-shadow: none; } + .button:link > GtkLabel, + .button:visited > GtkLabel { + text-decoration-line: underline; } + +/********* + * Lists * + *********/ +.list { + color: #666666; + background-color: #ffffff; + border-color: #d1d1d1; } + .list:backdrop { + background-color: #fcfcfc; + border-color: #d5d5d5; } + +.list-row { + border-radius: 0; + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + .list-row GtkImage { + padding-right: 6px; } + .list-row:hover { + transition: none; } + .list-row:backdrop { + transition: 200ms ease-out; } + +/********* + * Menus * + *********/ +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); + background-color: #636E73; + color: #ffffff; } + .menubar:backdrop { + background-color: #576165; } + .menubar > .menuitem { + padding: 4px 8px; } + .menubar > .menuitem:hover { + box-shadow: inset 0 -3px #347D9F; + color: #ffffff; } + .menubar > .menuitem:insensitive { + color: #afafaf; + box-shadow: none; } + +.menu, +.popup { + padding: 4px 0px; + background-color: #ffffff; + border: 1px solid #d1d1d1; + border-radius: 4px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + .csd .menu, .csd + .popup { + border: none; } + .menu:backdrop, + .popup:backdrop { + background-color: #fcfcfc; } + .menu .menuitem, + .popup .menuitem { + padding: 8px 4px; + text-shadow: none; } + .menu .menuitem:hover, + .popup .menuitem:hover { + color: #ffffff; + background-color: #347D9F; } + .menu .menuitem:insensitive, + .popup .menuitem:insensitive { + color: #afafaf; } + .menu .menuitem:insensitive:backdrop, + .popup .menuitem:insensitive:backdrop { + color: #d1d1d1; } + .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover, + .popup .menuitem:backdrop, + .popup .menuitem:backdrop:hover { + color: #afafaf; + background-color: transparent; } + .menu .menuitem .arrow:dir(ltr), + .popup .menuitem .arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + .menu .menuitem .arrow:dir(rtl), + .popup .menuitem .arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + .menu > .arrow, + .popup > .arrow { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + padding: 4px; + background-color: #ffffff; + border-radius: 0; } + .menu > .arrow.top, + .popup > .arrow.top { + margin-top: -6px; + border-bottom: 1px solid #f0f0f0; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + .menu > .arrow.bottom, + .popup > .arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid #f0f0f0; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .menu > .arrow:hover, + .popup > .arrow:hover { + background-color: #f0f0f0; } + .menu > .arrow:backdrop, + .popup > .arrow:backdrop { + background-color: #fcfcfc; } + .menu > .arrow:insensitive, + .popup > .arrow:insensitive { + color: transparent; + background-color: transparent; + border-color: transparent; } + +.menuitem .accelerator { + color: alpha(currentColor,0.55); } +.menuitem .check:dir(ltr), +.menuitem .radio:dir(ltr) { + margin-right: 7px; } +.menuitem .check:dir(rtl), +.menuitem .radio:dir(rtl) { + margin-left: 7px; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #e5e5e5; } + .content-view:hover { + -gtk-image-effect: highlight; } + .content-view:backdrop { + background-color: #e5e5e5; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } +.scale-popup .button:hover, +.scale-popup button:hover { + background-color: rgba(102, 102, 102, 0.1); + border-radius: 5px; } + +.separator { + color: #d1d1d1; } + +/************ +* Assistant * +*************/ +GtkAssistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + GtkAssistant .sidebar { + background-color: #ffffff; + border-top: 1px solid #d1d1d1; + border-bottom-left-radius: 4px; } + GtkAssistant .sidebar:backdrop { + background-color: #fcfcfc; + border-color: #d5d5d5; } + GtkAssistant.csd .sidebar { + border-top-style: none; } + GtkAssistant .sidebar GtkLabel { + padding: 6px 12px; } + GtkAssistant .sidebar GtkLabel.highlight { + background-color: #dadada; } + +/************* + * Notebooks * + *************/ +.dynamic-notebook, +.notebook { + padding: 0; + background-color: #ffffff; + box-shadow: 0 0 0 1px #d1d1d1; + background-clip: border-box; } + .dynamic-notebook > .header, + .notebook > .header { + border: none; + box-shadow: none; + background-color: #f7f7f7; } + .dynamic-notebook > tab, + .notebook > tab { + border-radius: 0; + background-color: #f7f7f7; } + .dynamic-notebook > tab.top, + .notebook > tab.top { + padding: 6px 8px 8px 8px; + box-shadow: inset 0 -1px 0 0 #d1d1d1; } + .dynamic-notebook > tab.top:active, + .notebook > tab.top:active { + box-shadow: inset 0 -3px 0 0 #347D9F; } + .dynamic-notebook > tab.top:active:backdrop, + .notebook > tab.top:active:backdrop { + box-shadow: inset 0 -3px 0 0 #3a8cb2; } + .dynamic-notebook > tab.top:backdrop, + .notebook > tab.top:backdrop { + box-shadow: inset 0 -1px 0 0 #d5d5d5; } + .dynamic-notebook > tab.top:insensitive, + .notebook > tab.top:insensitive { + box-shadow: inset 0 -1px 0 0 #d1d1d1; } + .dynamic-notebook > tab.bottom, + .notebook > tab.bottom { + padding: 8px 8px 6px 8px; + box-shadow: inset 0 1px 0 0 #d1d1d1; } + .dynamic-notebook > tab.bottom:active, + .notebook > tab.bottom:active { + box-shadow: inset 0 3px 0 0 #347D9F; } + .dynamic-notebook > tab.bottom:active:backdrop, + .notebook > tab.bottom:active:backdrop { + box-shadow: inset 0 3px 0 0 #3a8cb2; } + .dynamic-notebook > tab.bottom:backdrop, + .notebook > tab.bottom:backdrop { + box-shadow: inset 0 1px 0 0 #d5d5d5; } + .dynamic-notebook > tab.bottom:insensitive, + .notebook > tab.bottom:insensitive { + box-shadow: inset 0 1px 0 0 #d1d1d1; } + .dynamic-notebook > tab.left, + .notebook > tab.left { + padding: 8px; + box-shadow: inset -1px 0 0 0 #d1d1d1; } + .dynamic-notebook > tab.left:active, + .notebook > tab.left:active { + box-shadow: inset -3px 0 0 0 #347D9F; } + .dynamic-notebook > tab.left:active:backdrop, + .notebook > tab.left:active:backdrop { + box-shadow: inset -3px 0 0 0 #3a8cb2; } + .dynamic-notebook > tab.left:backdrop, + .notebook > tab.left:backdrop { + box-shadow: inset -1px 0 0 0 #d5d5d5; } + .dynamic-notebook > tab.left:insensitive, + .notebook > tab.left:insensitive { + box-shadow: inset -1px 0 0 0 #d1d1d1; } + .dynamic-notebook > tab.right, + .notebook > tab.right { + padding: 8px; + box-shadow: inset 1px 0 0 0 #d1d1d1; } + .dynamic-notebook > tab.right:active, + .notebook > tab.right:active { + box-shadow: inset 3px 0 0 0 #347D9F; } + .dynamic-notebook > tab.right:active:backdrop, + .notebook > tab.right:active:backdrop { + box-shadow: inset 3px 0 0 0 #3a8cb2; } + .dynamic-notebook > tab.right:backdrop, + .notebook > tab.right:backdrop { + box-shadow: inset 1px 0 0 0 #d5d5d5; } + .dynamic-notebook > tab.right:insensitive, + .notebook > tab.right:insensitive { + box-shadow: inset 1px 0 0 0 #d1d1d1; } + .dynamic-notebook > tab:active, + .notebook > tab:active { + font-weight: bold; } + .dynamic-notebook > tab:hover, + .notebook > tab:hover { + background: #eaeaea; } + +/********* + * Paned * + *********/ +.paned { + border: solid #d1d1d1; + border-left-width: 1px; } + .paned > .separator { + -gtk-icon-source: none; + border-style: none; + background-color: #d1d1d1; + background-size: 1px 1px; } + .paned > .separator:selected { + background-color: #347D9F; } + .paned > .separator:backdrop { + background-color: #d5d5d5; } + .paned.horizontal > .separator { + background-repeat: repeat-y; } + .paned.horizontal > .separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + .paned.horizontal > .separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + .paned.horizontal > .separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + .paned.vertical > .separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + .paned.vertical > .separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +/************ + * Pathbars * + ************/ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 4px; + padding-right: 4px; } +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 8px; } +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 8px; } +.path-bar button image { + padding-left: 4px; + padding-right: 4px; } +.path-bar button.slider-button { + padding-left: 0; + padding-right: 0; } + +/************ + * Popovers * + ************/ +GtkPopover, +.popover.background { + padding: 2px; + border-radius: 4px; + border: none; + background-color: #f7f7f7; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + .csd GtkPopover, GtkPopover, .csd + .popover.background, + .popover.background { + border: 1px solid #d1d1d1; } + GtkPopover:backdrop, + .popover.background:backdrop { + background-color: #f7f7f7; + box-shadow: none; } + GtkPopover > .view, GtkPopover > GtkIconView, + GtkPopover > .toolbar, + .popover.background > .view, + .popover.background > GtkIconView, + .popover.background > .toolbar { + border-style: none; + background-color: transparent; } + .csd GtkPopover.touch-selection, .csd GtkPopover.magnifier, GtkPopover.touch-selection, GtkPopover.magnifier, .csd + .popover.background.touch-selection, .csd + .popover.background.magnifier, + .popover.background.touch-selection, + .popover.background.magnifier { + border: 1px solid rgba(255, 255, 255, 0.1); } + GtkPopover .separator, + .popover.background .separator { + margin: 3px; } + +/***************** + * Progress bars * + *****************/ +GtkProgressBar, +.progressbar { + font-size: smaller; + color: rgba(102, 102, 102, 0.4); } + GtkProgressBar.horizontal progress, + .progressbar.horizontal progress { + margin: 0 -1px; } + GtkProgressBar.vertical progress, + .progressbar.vertical progress { + margin: -1px 0; } + GtkProgressBar:active, + .progressbar:active { + border-radius: 0px; + color: rgba(0, 0, 0, 0.5); + background-color: #347D9F; + border-color: #275f79; } + GtkProgressBar:active:backdrop, + .progressbar:active:backdrop { + background-color: #449ac2; + border-color: #347d9f; } + GtkProgressBar:backdrop, + .progressbar:backdrop { + transition: 200ms ease-out; } + GtkProgressBar .progressbar, + .progressbar .progressbar { + border-radius: 0px; } + GtkProgressBar .progressbar.left, + .progressbar .progressbar.left { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } + GtkProgressBar .progressbar.right, + .progressbar .progressbar.right { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; } + GtkProgressBar .progressbar.top, + .progressbar .progressbar.top { + border-top-right-radius: 0px; + border-top-left-radius: 0px; } + GtkProgressBar .progressbar.bottom, + .progressbar .progressbar.bottom { + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; } + GtkProgressBar.osd, + .progressbar.osd { + background-color: transparent; } + GtkProgressBar.osd .trough, + .progressbar.osd .trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + GtkProgressBar.osd .progressbar, + .progressbar.osd .progressbar { + border-style: none; + border-radius: 0; } + GtkProgressBar row:selected, + GtkProgressBar .list-row:selected, + .progressbar row:selected, + .progressbar .list-row:selected { + border: 1px solid #275f79; + color: rgba(0, 0, 0, 0.5); + background-color: #347D9F; } + +/********** + * Scales * + **********/ +GtkLevelBar .trough, +.level-bar .trough, GtkLevelBar.horizontal .trough, GtkLevelBar.vertical .trough, +.level-bar.horizontal .trough, +.level-bar.vertical .trough, GtkProgressBar, +.progressbar, .scale .trough, .scale.fine-tune .trough, .scale fill { + border: none; + background-color: #ffffff; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(255, 255, 255, 0.3); + padding: 0; + margin: 0; } + GtkLevelBar .trough:insensitive, + .level-bar .trough:insensitive, GtkProgressBar:insensitive, + .progressbar:insensitive, .scale .trough:insensitive, .scale fill:insensitive { + background-color: #fafafa; } + GtkLevelBar .trough:backdrop, + .level-bar .trough:backdrop, GtkProgressBar:backdrop, + .progressbar:backdrop, .scale .trough:backdrop, .scale fill:backdrop { + background-color: #fcfcfc; + transition: 200ms ease-out; } + GtkLevelBar .trough:backdrop:insensitive, + .level-bar .trough:backdrop:insensitive, GtkProgressBar:backdrop:insensitive, + .progressbar:backdrop:insensitive, .scale .trough:backdrop:insensitive, .scale fill:backdrop:insensitive { + background-color: #fafafa; } + row:selected GtkLevelBar .trough, GtkLevelBar row:selected .trough, + row:selected .level-bar .trough, + .level-bar row:selected .trough, row:selected GtkProgressBar, + row:selected .progressbar, row:selected .scale .trough, .scale row:selected .trough, row:selected .scale fill, .scale row:selected fill { + box-shadow: none; } + row:selected GtkLevelBar .trough, GtkLevelBar row:selected .trough, + row:selected .level-bar .trough, + .level-bar row:selected .trough, row:selected GtkProgressBar, + row:selected .progressbar, row:selected .scale .trough, .scale row:selected .trough, row:selected .scale fill, .scale row:selected fill, row:selected GtkLevelBar .trough:insensitive, GtkLevelBar row:selected .trough:insensitive, + row:selected .level-bar .trough:insensitive, + .level-bar row:selected .trough:insensitive, row:selected GtkProgressBar:insensitive, + row:selected .progressbar:insensitive, row:selected .scale .trough:insensitive, .scale row:selected .trough:insensitive, row:selected .scale fill:insensitive, .scale row:selected fill:insensitive { + border-color: #275f79; } + .osd GtkLevelBar .trough, GtkLevelBar .osd .trough, + .osd .level-bar .trough, + .level-bar .osd .trough, .osd GtkProgressBar, + .osd .progressbar, .osd .scale .trough, .scale .osd .trough, .osd .scale fill, .scale .osd fill { + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + box-shadow: none; + outline-color: rgba(161, 168, 171, 0.2); } + .osd GtkLevelBar .trough:insensitive, GtkLevelBar .osd .trough:insensitive, + .osd .level-bar .trough:insensitive, + .level-bar .osd .trough:insensitive, .osd GtkProgressBar:insensitive, + .osd .progressbar:insensitive, .osd .scale .trough:insensitive, .scale .osd .trough:insensitive, .osd .scale fill:insensitive, .scale .osd fill:insensitive { + background-color: rgba(45, 50, 51, 0.5); } + +GtkProgressBar .progressbar, +.progressbar .progressbar, .scale .highlight, .scale.fine-tune .highlight { + border: 1px solid #275f79; + background-color: #347D9F; + box-shadow: 0px 1px rgba(255, 255, 255, 0.3); + border-radius: 4px; } + GtkProgressBar .progressbar:insensitive, + .progressbar .progressbar:insensitive, .scale .highlight:insensitive { + border: 1px solid #ababab; + background-color: #c4c4c4; } + GtkProgressBar .progressbar:backdrop, + .progressbar .progressbar:backdrop, GtkProgressBar:backdrop .progressbar, + .progressbar:backdrop .progressbar, GtkProgressBar:backdrop progress, + .progressbar:backdrop progress, .scale .highlight:backdrop, GtkProgressBar .progressbar:active:backdrop, + .progressbar .progressbar:active:backdrop, GtkProgressBar:backdrop .progressbar:active, + .progressbar:backdrop .progressbar:active, GtkProgressBar:backdrop progress:active, + .progressbar:backdrop progress:active, .scale .highlight:active:backdrop { + border-color: #347D9F; + background-color: #449ac2; } + GtkProgressBar .progressbar:backdrop:insensitive, + .progressbar .progressbar:backdrop:insensitive, GtkProgressBar:backdrop .progressbar:insensitive, + .progressbar:backdrop .progressbar:insensitive, GtkProgressBar:backdrop progress:insensitive, + .progressbar:backdrop progress:insensitive, .scale .highlight:backdrop:insensitive, GtkProgressBar .progressbar:active:backdrop:insensitive, + .progressbar .progressbar:active:backdrop:insensitive, GtkProgressBar:backdrop .progressbar:active:insensitive, + .progressbar:backdrop .progressbar:active:insensitive, GtkProgressBar:backdrop progress:active:insensitive, + .progressbar:backdrop progress:active:insensitive, .scale .highlight:active:backdrop:insensitive { + background-color: transparent; + border-color: transparent; } + .list-row:selected GtkProgressBar .progressbar:insensitive, GtkProgressBar .list-row:selected .progressbar:insensitive, + .list-row:selected .progressbar .progressbar:insensitive, + .progressbar .list-row:selected .progressbar:insensitive, .list-row:selected .scale .highlight:insensitive, .scale .list-row:selected .highlight:insensitive, .list-row:selected GtkProgressBar .progressbar, GtkProgressBar .list-row:selected .progressbar, + .list-row:selected .progressbar .progressbar, + .progressbar .list-row:selected .progressbar, .list-row:selected .scale .highlight, .scale .list-row:selected .highlight { + border-color: #275f79; } + row:selected GtkProgressBar .progressbar:insensitive, GtkProgressBar row:selected .progressbar:insensitive, + row:selected .progressbar .progressbar:insensitive, + .progressbar row:selected .progressbar:insensitive, row:selected .scale .highlight:insensitive, .scale row:selected .highlight:insensitive, row:selected GtkProgressBar .progressbar, GtkProgressBar row:selected .progressbar, + row:selected .progressbar .progressbar, + .progressbar row:selected .progressbar, row:selected .scale .highlight, .scale row:selected .highlight { + border-color: #275f79; } + .osd GtkProgressBar .progressbar, GtkProgressBar .osd .progressbar, + .osd .progressbar .progressbar, + .progressbar .osd .progressbar, .osd .scale .highlight, .scale .osd .highlight { + border-color: rgba(0, 0, 0, 0.7); } + .osd GtkProgressBar .progressbar:insensitive, GtkProgressBar .osd .progressbar:insensitive, + .osd .progressbar .progressbar:insensitive, + .progressbar .osd .progressbar:insensitive, .osd .scale .highlight:insensitive, .scale .osd .highlight:insensitive { + border-color: transparent; } + +.scale { + -GtkScale-slider-length: 16px; + -GtkRange-slider-width: 16px; + -GtkRange-trough-border: 0px; + padding: 8px; } + .scale .highlight { + margin: -1px; } + .scale .slider { + margin: 2px; + background-color: #ffffff; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); + border: 1px solid rgba(0, 0, 0, 0.3); + border-radius: 12px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + .scale .slider:active { + box-shadow: 0 1px 1px 0 rgba(52, 125, 159, 0.5); + border: 1px solid #347D9F; } + .scale .slider:active:insensitive { + box-shadow: none; + border: 1px solid rgba(0, 0, 0, 0.2); } + .scale .slider:insensitive { + box-shadow: none; } + .list-row:selected .scale .slider, .list-row:selected .scale .slider:insensitive { + border-color: #275f79; } + row:selected .scale .slider, row:selected .scale .slider:insensitive { + border-color: #275f79; } + .osd .scale .slider { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border-color: rgba(0, 0, 0, 0.7); + background-color: #202526; } + .osd .scale .slider:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd .scale .slider:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd .scale .slider:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .osd .scale .slider:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .scale .trough { + border-radius: 2px; + margin: 6px; + outline-offset: 2px; + outline-radius: 5px; } + .scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; } + .scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; } + .scale.fine-tune .slider { + background-color: #ffffff; + border-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.3); + border-radius: 12px; + box-shadow: none; } + .scale.fine-tune .trough { + border-radius: 6px; + outline-offset: 2px; + outline-radius: 5px; + margin: 2px; } + .scale fill { + border-radius: 2px; } + .scale fill, .scale fill:backdrop { + background-color: #d1d1d1; + box-shadow: none; } + .scale fill:insensitive, .scale fill:insensitive:backdrop { + border-color: transparent; + background-color: transparent; } + .osd .scale fill { + background-color: rgba(62, 64, 65, 0.775); } + .osd .scale fill:insensitive, .osd .scale fill:insensitive:backdrop { + border-color: transparent; + background-color: transparent; } + .scale value { + color: alpha(currentColor,0.4); } + .scale marks { + color: alpha(currentColor,0.4); } + .scale marks.top { + margin-bottom: 6px; + margin-top: -12px; } + .scale marks.bottom { + margin-top: 6px; + margin-bottom: -12px; } + .scale marks.top { + margin-right: 6px; + margin-left: -12px; } + .scale marks.bottom { + margin-left: 6px; + margin-right: -12px; } + .scale.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -9px; } + .scale.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -9px; } + .scale.fine-tune marks.top { + margin-right: 6px; + margin-left: -9px; } + .scale.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -9px; } + +/************** + * Scrollbars * + **************/ +.scrollbar { + background-color: #dadada; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + .scrollbar.top { + border-bottom: 1px solid #d1d1d1; } + .scrollbar.bottom { + border-top: 1px solid #d1d1d1; } + .scrollbar.left { + border-right: 1px solid #d1d1d1; } + .scrollbar.right { + border-left: 1px solid #d1d1d1; } + .scrollbar:backdrop { + background-color: #efefef; + border-color: #d5d5d5; + transition: 200ms ease-out; } + .scrollbar .slider { + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a0a0a0; } + .scrollbar .slider:hover { + background-color: #838383; } + .scrollbar .slider:hover:active { + background-color: #275f79; } + .scrollbar .slider:backdrop { + background-color: #dadada; } + .scrollbar .slider:insensitive { + background-color: transparent; } + .scrollbar.fine-tune.horizontal .slider { + border-width: 5px 4px; } + .scrollbar.fine-tune.vertical .slider { + border-width: 4px 5px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { + margin: 0; + background-color: #666666; + border: 1px solid white; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + background-color: #666666; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid white; + -gtk-icon-source: none; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + margin: 1px 2px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider { + margin: 2px 0; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button { + margin: 2px 1px; } + .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + .scrollbar .button { + padding: 0; + border-style: none; + border-radius: 0; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #a0a0a0; } + .scrollbar .button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #838383; } + .scrollbar .button:active, .scrollbar .button:checked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #275f79; } + .scrollbar .button:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: rgba(160, 160, 160, 0.2); } + .scrollbar .button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #dadada; } + .scrollbar .button:backdrop:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: rgba(218, 218, 218, 0.2); } + .scrollbar.vertical .button.down, + .scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .scrollbar.vertical .button.up, + .scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + .scrollbar.horizontal .button.down, + .scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + .scrollbar.horizontal .button.up, + .scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +GtkTreeView ~ .scrollbar.vertical { + border-top: 1px solid #d1d1d1; + margin-top: -1px; } + +/********************** + * Overlay Scrollbars * + *********************/ +OsThumb, +OsScrollbar { + color: #347D9F; } + OsThumb:active, OsThumb:selected, + OsScrollbar:active, + OsScrollbar:selected { + background-color: #347D9F; } + OsThumb:backdrop, OsThumb:active:backdrop, + OsScrollbar:backdrop, + OsScrollbar:active:backdrop { + background-color: #afafaf; } + OsThumb:insensitive, + OsScrollbar:insensitive { + background-color: #afafaf; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + padding: 0; + border-style: solid; + background-color: #f7f7f7; } + .sidebar.left { + border-right: 1px solid #d1d1d1; + border-left-style: none; } + .sidebar.right { + border-left: 1px solid #d1d1d1; + border-right-style: none; } + .sidebar:backdrop { + background-color: #fafafa; + border-color: #d5d5d5; + transition: 200ms ease-out; } + .sidebar .frame { + border-width: 0; + border-left-width: 1px; + border-right-width: 1px; } + .sidebar .sidebar-item, + .sidebar .sidebar-row { + padding: 5px 8px; } + .sidebar .sidebar-item GtkImage, + .sidebar .sidebar-row GtkImage { + padding-right: 6px; + padding-left: 6px; } + .sidebar .sidebar-item:selected, .sidebar .sidebar-item:active, + .sidebar .sidebar-row:selected, + .sidebar .sidebar-row:active { + background-color: #347D9F; + color: #ffffff; } + .sidebar .sidebar-item:selected:hover, .sidebar .sidebar-item:active:hover, + .sidebar .sidebar-row:selected:hover, + .sidebar .sidebar-row:active:hover { + background-color: #347D9F; + color: #ffffff; + box-shadow: none; } + .sidebar .sidebar-item:selected:backdrop, .sidebar .sidebar-item:active:backdrop, + .sidebar .sidebar-row:selected:backdrop, + .sidebar .sidebar-row:active:backdrop { + background-color: #6bafce; } + .sidebar .sidebar-item:hover, + .sidebar .sidebar-row:hover { + background-color: #ffffff; + color: #666666; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } + .sidebar .sidebar-item:hover:backdrop, + .sidebar .sidebar-row:hover:backdrop { + box-shadow: none; } + .sidebar .separator { + color: #d1d1d1; } + .paned .sidebar.left, .paned .sidebar.right, .paned .sidebar.left:dir(rtl), .paned .sidebar:dir(rtl), .paned .sidebar:dir(ltr), .paned .sidebar { + border-style: none; } + +/***************** + * GtkSpinButton * + *****************/ +.spinbutton:not(.vertical) .entry { + padding: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } +.spinbutton:not(.vertical) .button { + margin: 0; + padding: 6px; + color: #757575; + background-image: none; + border-style: none none none solid; + border-color: rgba(209, 209, 209, 0.3); + border-radius: 0; + box-shadow: none; } + .spinbutton:not(.vertical) .button:dir(rtl) { + border-style: none solid none none; } + .spinbutton:not(.vertical) .button:hover { + color: #666666; + background-color: rgba(102, 102, 102, 0.05); } + .spinbutton:not(.vertical) .button:insensitive { + color: rgba(175, 175, 175, 0.3); } + .spinbutton:not(.vertical) .button:active { + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + .spinbutton:not(.vertical) .button:backdrop { + color: #b7b7b7; + background-color: transparent; + border-color: rgba(213, 213, 213, 0.3); + transition: 200ms ease-out; } + .spinbutton:not(.vertical) .button:backdrop:insensitive { + color: rgba(209, 209, 209, 0.3); + background-image: none; + border-style: none none none solid; } + .spinbutton:not(.vertical) .button:backdrop:insensitive:dir(rtl) { + border-style: none solid none none; } +.osd .spinbutton:not(.vertical) .button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #A1A8AB; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.4); + border-radius: 0; + box-shadow: none; } + .osd .spinbutton:not(.vertical) .button:dir(rtl) { + border-style: none solid none none; } + .osd .spinbutton:not(.vertical) .button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(161, 168, 171, 0.1); + box-shadow: none; } + .osd .spinbutton:not(.vertical) .button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.5); + box-shadow: none; } + .osd .spinbutton:not(.vertical) .button:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; + color: #616769; + border-color: rgba(0, 0, 0, 0.5); + box-shadow: none; } + .osd .spinbutton:not(.vertical) .button:last-child { + border-radius: 0 3px 3px 0; } + .osd .spinbutton:not(.vertical) .button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } +.spinbutton.vertical:insensitive { + color: #afafaf; } +.spinbutton.vertical:backdrop:insensitive { + color: #d1d1d1; } +.spinbutton.vertical .entry { + padding: 0; + border-radius: 0; } +.spinbutton.vertical .button { + padding: 0; + border: none; + background: none; + box-shadow: none; + color: #666666; } + .spinbutton.vertical .button:hover { + background-color: #347D9F; + color: #ffffff; + icon-shadow: none; } + .spinbutton.vertical .button:active { + background-color: transparent; + color: #666666; } +.spinbutton.vertical .button.up { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; } +.spinbutton.vertical .button.down { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; } +.osd .spinbutton.vertical button:first-child { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd .spinbutton.vertical button:first-child:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd .spinbutton.vertical button:first-child:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd .spinbutton.vertical button:first-child:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .osd .spinbutton.vertical button:first-child:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } +GtkTreeView .spinbutton:not(.vertical) { + border-style: none; + border-radius: 0; } + GtkTreeView .spinbutton:not(.vertical) .entry { + padding: 1px 2px; } + +/*********** + * Spinner * + ***********/ +.menu.spinner, +menu spinner, +.primary-toolbar .spinner { + color: #347D9F; } + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +.spinner, +spinner { + background-image: none; + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + .spinner:active, .spinner:checked, + spinner:active, + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + .spinner:active:insensitive, .spinner:active:insensitive, .spinner:checked:insensitive, .spinner:checked:insensitive, + spinner:active:insensitive, + spinner:active:insensitive, + spinner:checked:insensitive, + spinner:checked:insensitive { + opacity: 0.5; } + +/********** + * Switch * + **********/ +GtkSwitch { + -GtkSwitch-slider-width: 24px; + -GtkSwitch-slider-height: 24px; + font: 1; + font-weight: bold; + outline-offset: -4px; + transition: all 200ms ease-in; + border: none; + border-radius: 14px; + color: transparent; + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(255, 255, 255, 0.3); } + GtkSwitch:insensitive { + background-color: #fafafa; } + GtkSwitch:backdrop { + background-color: #f7f7f7; + transition: 200ms ease-out; } + GtkSwitch:backdrop:insensitive { + background-color: #fafafa; } + GtkSwitch:active, GtkSwitch:checked { + background-color: #347D9F; } + GtkSwitch:active:backdrop, GtkSwitch:checked:backdrop { + background-color: #3a8cb2; } + GtkSwitch:active:backdrop .slider:backdrop, + GtkSwitch:active:backdrop slider:backdrop, GtkSwitch:checked:backdrop .slider:backdrop, + GtkSwitch:checked:backdrop slider:backdrop { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.9); + border: none; } + GtkSwitch .slider { + padding: 2px; + border-radius: 50%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: #ffffff; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); } + GtkSwitch .slider:backdrop { + padding: 2px; + box-shadow: none; + background-color: #ffffff; } + GtkSwitch .trough:active, GtkSwitch .trough:checked { + background-color: #347D9F; } + GtkSwitch .trough:active:backdrop, GtkSwitch .trough:checked:backdrop { + background-color: #3a8cb2; } + +/************ + * Toolbars * + ************/ +.toolbar, +toolbar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #636E73; + color: #ffffff; } + .toolbar:backdrop, + toolbar:backdrop { + background-color: #576165; + color: rgba(255, 255, 255, 0.5); } + +.osd .toolbar, .osd +toolbar { + box-shadow: none; + background-color: transparent; } +.toolbar button, +.toolbar .button, +.toolbar .flat, +.toolbar .text-button, +.toolbar .image-button, +toolbar button, +toolbar .button, +toolbar .flat, +toolbar .text-button, +toolbar .image-button { + border: none; + background: none; + text-shadow: none; + background-color: transparent; + color: #ffffff; + border-radius: 0px; + padding: 10px; } + .toolbar button:focus, .toolbar button:active, + .toolbar .button:focus, + .toolbar .button:active, + .toolbar .flat:focus, + .toolbar .flat:active, + .toolbar .text-button:focus, + .toolbar .text-button:active, + .toolbar .image-button:focus, + .toolbar .image-button:active, + toolbar button:focus, + toolbar button:active, + toolbar .button:focus, + toolbar .button:active, + toolbar .flat:focus, + toolbar .flat:active, + toolbar .text-button:focus, + toolbar .text-button:active, + toolbar .image-button:focus, + toolbar .image-button:active { + color: #ffffff; + text-shadow: none; + box-shadow: inset 0 -2px 0 0 #ffffff; + background-color: rgba(255, 255, 255, 0.1); } + .toolbar button:focus:backdrop, .toolbar button:active:backdrop, + .toolbar .button:focus:backdrop, + .toolbar .button:active:backdrop, + .toolbar .flat:focus:backdrop, + .toolbar .flat:active:backdrop, + .toolbar .text-button:focus:backdrop, + .toolbar .text-button:active:backdrop, + .toolbar .image-button:focus:backdrop, + .toolbar .image-button:active:backdrop, + toolbar button:focus:backdrop, + toolbar button:active:backdrop, + toolbar .button:focus:backdrop, + toolbar .button:active:backdrop, + toolbar .flat:focus:backdrop, + toolbar .flat:active:backdrop, + toolbar .text-button:focus:backdrop, + toolbar .text-button:active:backdrop, + toolbar .image-button:focus:backdrop, + toolbar .image-button:active:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + .toolbar button:hover, + .toolbar .button:hover, + .toolbar .flat:hover, + .toolbar .text-button:hover, + .toolbar .image-button:hover, + toolbar button:hover, + toolbar .button:hover, + toolbar .flat:hover, + toolbar .text-button:hover, + toolbar .image-button:hover { + background-color: rgba(255, 255, 255, 0.1); + text-shadow: none; + color: #ffffff; + box-shadow: inset 0 -2px 0 0 #ffffff; } + .toolbar button:insensitive, + .toolbar .button:insensitive, + .toolbar .flat:insensitive, + .toolbar .text-button:insensitive, + .toolbar .image-button:insensitive, + toolbar button:insensitive, + toolbar .button:insensitive, + toolbar .flat:insensitive, + toolbar .text-button:insensitive, + toolbar .image-button:insensitive { + background: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + .toolbar button:backdrop, + .toolbar .button:backdrop, + .toolbar .flat:backdrop, + .toolbar .text-button:backdrop, + .toolbar .image-button:backdrop, + toolbar button:backdrop, + toolbar .button:backdrop, + toolbar .flat:backdrop, + toolbar .text-button:backdrop, + toolbar .image-button:backdrop { + background: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } +.toolbar .separator, +toolbar .separator { + color: transparent; + background-color: transparent; } +.toolbar.osd, +toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(32, 37, 38, 0.8); } + .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, + toolbar.osd.left, + toolbar.osd.right, + toolbar.osd.top, + toolbar.osd.bottom { + border-radius: 0; } +.toolbar.horizontal separator, +toolbar.horizontal separator { + margin: 0 7px 1px 6px; } +.toolbar.vertical separator, +toolbar.vertical separator { + margin: 6px 1px 7px 0; } + +/******************* + * Inline Toolbars * + *******************/ +searchbar, +.search-bar, .location-bar, +.inline-toolbar { + -GtkWidget-window-dragging: true; + background-color: #f2f2f2; + color: #666666; + border: 1px solid #d1d1d1; + border-top-width: 0; + border-radius: 0 0 5px 5px; + box-shadow: inset 0 -1px 1px -2px rgba(0, 0, 0, 0.5); + padding: 0px; } + searchbar:backdrop, + .search-bar:backdrop, .location-bar:backdrop, + .inline-toolbar:backdrop { + background-color: #eaeaea; } + searchbar button, + .search-bar button, .location-bar button, + searchbar .button, + .search-bar .button, + .location-bar .button, + searchbar .flat, + .search-bar .flat, + .location-bar .flat, + searchbar .text-button, + .search-bar .text-button, + .location-bar .text-button, + searchbar .image-button, + .search-bar .image-button, + .location-bar .image-button, + .inline-toolbar button, + .inline-toolbar .button, + .inline-toolbar .flat, + .inline-toolbar .text-button, + .inline-toolbar .image-button { + border: none; + background: none; + text-shadow: none; + box-shadow: none; + background-color: transparent; + color: #666666; + border-radius: 0px; + padding: 10px; } + searchbar button:focus, + .search-bar button:focus, .location-bar button:focus, searchbar button:active, + .search-bar button:active, .location-bar button:active, + searchbar .button:focus, + .search-bar .button:focus, + .location-bar .button:focus, + searchbar .button:active, + .search-bar .button:active, + .location-bar .button:active, + searchbar .flat:focus, + .search-bar .flat:focus, + .location-bar .flat:focus, + searchbar .flat:active, + .search-bar .flat:active, + .location-bar .flat:active, + searchbar .text-button:focus, + .search-bar .text-button:focus, + .location-bar .text-button:focus, + searchbar .text-button:active, + .search-bar .text-button:active, + .location-bar .text-button:active, + searchbar .image-button:focus, + .search-bar .image-button:focus, + .location-bar .image-button:focus, + searchbar .image-button:active, + .search-bar .image-button:active, + .location-bar .image-button:active, + .inline-toolbar button:focus, + .inline-toolbar button:active, + .inline-toolbar .button:focus, + .inline-toolbar .button:active, + .inline-toolbar .flat:focus, + .inline-toolbar .flat:active, + .inline-toolbar .text-button:focus, + .inline-toolbar .text-button:active, + .inline-toolbar .image-button:focus, + .inline-toolbar .image-button:active { + font: bold; + color: #666666; + text-shadow: none; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.05); } + searchbar button:focus:backdrop, + .search-bar button:focus:backdrop, .location-bar button:focus:backdrop, searchbar button:active:backdrop, + .search-bar button:active:backdrop, .location-bar button:active:backdrop, + searchbar .button:focus:backdrop, + .search-bar .button:focus:backdrop, + .location-bar .button:focus:backdrop, + searchbar .button:active:backdrop, + .search-bar .button:active:backdrop, + .location-bar .button:active:backdrop, + searchbar .flat:focus:backdrop, + .search-bar .flat:focus:backdrop, + .location-bar .flat:focus:backdrop, + searchbar .flat:active:backdrop, + .search-bar .flat:active:backdrop, + .location-bar .flat:active:backdrop, + searchbar .text-button:focus:backdrop, + .search-bar .text-button:focus:backdrop, + .location-bar .text-button:focus:backdrop, + searchbar .text-button:active:backdrop, + .search-bar .text-button:active:backdrop, + .location-bar .text-button:active:backdrop, + searchbar .image-button:focus:backdrop, + .search-bar .image-button:focus:backdrop, + .location-bar .image-button:focus:backdrop, + searchbar .image-button:active:backdrop, + .search-bar .image-button:active:backdrop, + .location-bar .image-button:active:backdrop, + .inline-toolbar button:focus:backdrop, + .inline-toolbar button:active:backdrop, + .inline-toolbar .button:focus:backdrop, + .inline-toolbar .button:active:backdrop, + .inline-toolbar .flat:focus:backdrop, + .inline-toolbar .flat:active:backdrop, + .inline-toolbar .text-button:focus:backdrop, + .inline-toolbar .text-button:active:backdrop, + .inline-toolbar .image-button:focus:backdrop, + .inline-toolbar .image-button:active:backdrop { + border: none; + background-color: transparent; + color: #afafaf; } + searchbar button:hover, + .search-bar button:hover, .location-bar button:hover, + searchbar .button:hover, + .search-bar .button:hover, + .location-bar .button:hover, + searchbar .flat:hover, + .search-bar .flat:hover, + .location-bar .flat:hover, + searchbar .text-button:hover, + .search-bar .text-button:hover, + .location-bar .text-button:hover, + searchbar .image-button:hover, + .search-bar .image-button:hover, + .location-bar .image-button:hover, + .inline-toolbar button:hover, + .inline-toolbar .button:hover, + .inline-toolbar .flat:hover, + .inline-toolbar .text-button:hover, + .inline-toolbar .image-button:hover { + background-color: rgba(0, 0, 0, 0.05); + text-shadow: none; + color: #666666; + box-shadow: none; } + searchbar button:insensitive, + .search-bar button:insensitive, .location-bar button:insensitive, + searchbar .button:insensitive, + .search-bar .button:insensitive, + .location-bar .button:insensitive, + searchbar .flat:insensitive, + .search-bar .flat:insensitive, + .location-bar .flat:insensitive, + searchbar .text-button:insensitive, + .search-bar .text-button:insensitive, + .location-bar .text-button:insensitive, + searchbar .image-button:insensitive, + .search-bar .image-button:insensitive, + .location-bar .image-button:insensitive, + .inline-toolbar button:insensitive, + .inline-toolbar .button:insensitive, + .inline-toolbar .flat:insensitive, + .inline-toolbar .text-button:insensitive, + .inline-toolbar .image-button:insensitive { + background: none; + background-color: transparent; + color: rgba(102, 102, 102, 0.5); } + searchbar button:backdrop, + .search-bar button:backdrop, .location-bar button:backdrop, + searchbar .button:backdrop, + .search-bar .button:backdrop, + .location-bar .button:backdrop, + searchbar .flat:backdrop, + .search-bar .flat:backdrop, + .location-bar .flat:backdrop, + searchbar .text-button:backdrop, + .search-bar .text-button:backdrop, + .location-bar .text-button:backdrop, + searchbar .image-button:backdrop, + .search-bar .image-button:backdrop, + .location-bar .image-button:backdrop, + .inline-toolbar button:backdrop, + .inline-toolbar .button:backdrop, + .inline-toolbar .flat:backdrop, + .inline-toolbar .text-button:backdrop, + .inline-toolbar .image-button:backdrop { + border: none; + background: none; + background-color: transparent; + color: #afafaf; } + searchbar .entry, + .search-bar .entry, .location-bar .entry, + searchbar entry, + .search-bar entry, + .location-bar entry, + .inline-toolbar .entry, + .inline-toolbar entry { + background: none; + color: #666666; + border-radius: 0px; + border: none; + box-shadow: none; } + searchbar .entry.image, + .search-bar .entry.image, .location-bar .entry.image, + searchbar entry.image, + .search-bar entry.image, + .location-bar entry.image, + .inline-toolbar .entry.image, + .inline-toolbar entry.image { + color: #666666; } + searchbar .entry.image.left, + .search-bar .entry.image.left, .location-bar .entry.image.left, + searchbar entry.image.left, + .search-bar entry.image.left, + .location-bar entry.image.left, + .inline-toolbar .entry.image.left, + .inline-toolbar entry.image.left { + padding-right: 6px; } + searchbar .entry:backdrop, + .search-bar .entry:backdrop, .location-bar .entry:backdrop, + searchbar entry:backdrop, + .search-bar entry:backdrop, + .location-bar entry:backdrop, + .inline-toolbar .entry:backdrop, + .inline-toolbar entry:backdrop { + color: #afafaf; } + searchbar .entry:selected, + .search-bar .entry:selected, .location-bar .entry:selected, + searchbar entry:selected, + .search-bar entry:selected, + .location-bar entry:selected, + .inline-toolbar .entry:selected, + .inline-toolbar entry:selected { + color: #ffffff; + background-color: #347D9F; } + +searchbar, +.search-bar, .location-bar { + border-style: solid; + border-color: #d1d1d1; + background-color: #ececec; } + searchbar:backdrop, + .search-bar:backdrop, .location-bar:backdrop { + border-color: #d5d5d5; + background-color: #ebebeb; + box-shadow: none; + transition: 200ms ease-out; } + +searchbar, +.search-bar { + padding: 3px 0px; + border-width: 0; + border-radius: 0; } + +.location-bar { + border-width: 0 0 1px; + padding: 3px; } + +/************ + * Tooltips * + ************/ +.tooltip, +.overlay-bar { + margin: 4px; + border: none; + border-radius: 3px; + background-color: #ffffff; + color: #666666; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); } + .tooltip.background, + .overlay-bar.background { + background-color: #ffffff; + border: none; } + .tooltip *, + .overlay-bar * { + padding: 2px; + background-color: transparent; + color: #666666; } + .tooltip .csd, + .overlay-bar .csd { + border-radius: 5px; + box-shadow: none; } + +/************** + * Tree Views * + **************/ +GtkTreeView.view, +treeview.view { + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + border-left-color: #b3b3b3; + border-top-color: #f7f7f7; } + GtkTreeView.view:selected:focus, GtkTreeView.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + border-radius: 0; } + GtkTreeView.view:selected:backdrop, GtkTreeView.view:selected, + treeview.view:selected:backdrop, + treeview.view:selected { + border-left-color: #9abecf; + border-top-color: rgba(102, 102, 102, 0.1); } + GtkTreeView.view:insensitive, + treeview.view:insensitive { + color: #afafaf; } + GtkTreeView.view:insensitive:selected, + treeview.view:insensitive:selected { + color: #85b1c5; } + GtkTreeView.view:insensitive:selected:backdrop, + treeview.view:insensitive:selected:backdrop { + color: rgba(77, 141, 171, 0.85); } + GtkTreeView.view:insensitive:backdrop, + treeview.view:insensitive:backdrop { + color: #d1d1d1; } + GtkTreeView.view.separator, + treeview.view.separator { + color: #f7f7f7; } + GtkTreeView.view.separator:backdrop, + treeview.view.separator:backdrop { + color: rgba(247, 247, 247, 0.1); } + GtkTreeView.view:backdrop, + treeview.view:backdrop { + border-left-color: lightgray; + border-top: #f7f7f7; } + GtkTreeView.view.expander, + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #949494; } + GtkTreeView.view.expander:dir(rtl), + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + GtkTreeView.view.expander:hover, + treeview.view.expander:hover { + color: #666666; } + GtkTreeView.view.expander:selected, + treeview.view.expander:selected { + color: #c2d8e2; } + GtkTreeView.view.expander:selected:hover, + treeview.view.expander:selected:hover { + color: #ffffff; } + GtkTreeView.view.expander:selected:backdrop, + treeview.view.expander:selected:backdrop { + color: rgba(141, 182, 201, 0.65); } + GtkTreeView.view.expander:checked, + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + GtkTreeView.view.expander:backdrop, + treeview.view.expander:backdrop { + color: #c6c6c6; } + GtkTreeView.view.progressbar, + treeview.view.progressbar { + color: #ffffff; + border: 1px solid #275f79; + border-radius: 4px; + background-color: #347D9F; + background-image: linear-gradient(to bottom, #347D9F, #275f79); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); } + GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:selected, + treeview.view.progressbar:selected:focus, + treeview.view.progressbar:selected { + border-radius: 0; + color: #347D9F; + box-shadow: none; + background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); } + GtkTreeView.view.progressbar:selected:focus:backdrop, GtkTreeView.view.progressbar:selected:backdrop, + treeview.view.progressbar:selected:focus:backdrop, + treeview.view.progressbar:selected:backdrop { + color: #347D9F; + border-color: #275f79; + background-color: #fcfcfc; } + GtkTreeView.view.progressbar:backdrop, + treeview.view.progressbar:backdrop { + color: #fcfcfc; + background-image: none; + box-shadow: none; } + GtkTreeView.view.trough, + treeview.view.trough { + background-color: rgba(102, 102, 102, 0.1); + border-radius: 4px; } + GtkTreeView.view.trough:selected:focus, GtkTreeView.view.trough:selected, + treeview.view.trough:selected:focus, + treeview.view.trough:selected { + background-color: rgba(255, 255, 255, 0.3); + border-radius: 4px; + border-width: 1px 0; + border-style: solid; + border-color: #347D9F; } + GtkTreeView.view column-header .button, + GtkTreeView.view column-header button, + GtkTreeView.view header .button, + GtkTreeView.view header button, + treeview.view column-header .button, + treeview.view column-header button, + treeview.view header .button, + treeview.view header button { + color: #b3b3b3; + background-color: #ffffff; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + GtkTreeView.view column-header .button:hover, + GtkTreeView.view column-header button:hover, + GtkTreeView.view header .button:hover, + GtkTreeView.view header button:hover, + treeview.view column-header .button:hover, + treeview.view column-header button:hover, + treeview.view header .button:hover, + treeview.view header button:hover { + color: #8d8d8d; + box-shadow: none; + transition: none; } + GtkTreeView.view column-header .button:active, + GtkTreeView.view column-header button:active, + GtkTreeView.view header .button:active, + GtkTreeView.view header button:active, + treeview.view column-header .button:active, + treeview.view column-header button:active, + treeview.view header .button:active, + treeview.view header button:active { + color: #666666; + transition: none; } + GtkTreeView.view column-header button:last-child:backdrop, GtkTreeView.view column-header button:last-child, + GtkTreeView.view header button:last-child:backdrop, + GtkTreeView.view header button:last-child, + treeview.view column-header button:last-child:backdrop, + treeview.view column-header button:last-child, + treeview.view header button:last-child:backdrop, + treeview.view header button:last-child { + border-right-style: none; } + GtkTreeView.view .button.dnd:active, GtkTreeView.view .button.dnd:selected, GtkTreeView.view .button.dnd:hover, GtkTreeView.view .button.dnd, + GtkTreeView.view button.dnd:active, + GtkTreeView.view button.dnd:selected, + GtkTreeView.view button.dnd:hover, + GtkTreeView.view button.dnd, + GtkTreeView.view column-header.button.dnd:active, + GtkTreeView.view column-header.button.dnd:selected, + GtkTreeView.view column-header.button.dnd:hover, + GtkTreeView.view column-header.button.dnd, + GtkTreeView.view header.button.dnd:active, + GtkTreeView.view header.button.dnd:selected, + GtkTreeView.view header.button.dnd:hover, + GtkTreeView.view header.button.dnd, + treeview.view .button.dnd:active, + treeview.view .button.dnd:selected, + treeview.view .button.dnd:hover, + treeview.view .button.dnd, + treeview.view button.dnd:active, + treeview.view button.dnd:selected, + treeview.view button.dnd:hover, + treeview.view button.dnd, + treeview.view column-header.button.dnd:active, + treeview.view column-header.button.dnd:selected, + treeview.view column-header.button.dnd:hover, + treeview.view column-header.button.dnd, + treeview.view header.button.dnd:active, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd { + padding: 4px 6px; + transition: none; + background-image: none; + background-color: #347D9F; + color: #ffffff; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px #ffffff; + text-shadow: none; } + +GtkTreeView.view column-header .button, +GtkTreeView.view column-header button, +GtkTreeView.view header .button, +GtkTreeView.view header button, +treeview.view column-header .button, +treeview.view column-header button, +treeview.view header .button, +treeview.view header button, GtkTreeView.view column-header .button:hover, +GtkTreeView.view column-header button:hover, +GtkTreeView.view header .button:hover, +GtkTreeView.view header button:hover, +treeview.view column-header .button:hover, +treeview.view column-header button:hover, +treeview.view header .button:hover, +treeview.view header button:hover, GtkTreeView.view column-header .button:active, +GtkTreeView.view column-header button:active, +GtkTreeView.view header .button:active, +GtkTreeView.view header button:active, +treeview.view column-header .button:active, +treeview.view column-header button:active, +treeview.view header .button:active, +treeview.view header button:active { + padding: 4px 6px; + border-radius: 0; + background-image: none; + text-shadow: none; + border-style: none solid solid none; + border-color: #f7f7f7; } + GtkTreeView.view column-header .button:insensitive, + GtkTreeView.view column-header button:insensitive, + GtkTreeView.view header .button:insensitive, + GtkTreeView.view header button:insensitive, + treeview.view column-header .button:insensitive, + treeview.view column-header button:insensitive, + treeview.view header .button:insensitive, + treeview.view header button:insensitive { + border-color: #f7f7f7; + background-image: none; } + GtkTreeView.view column-header .button:backdrop, + GtkTreeView.view column-header button:backdrop, + GtkTreeView.view header .button:backdrop, + GtkTreeView.view header button:backdrop, + treeview.view column-header .button:backdrop, + treeview.view column-header button:backdrop, + treeview.view header .button:backdrop, + treeview.view header button:backdrop { + border-color: #f7f7f7; + border-style: none solid solid none; + color: lightgray; + background-image: none; + background-color: #fcfcfc; } + GtkTreeView.view column-header .button:backdrop:insensitive, + GtkTreeView.view column-header button:backdrop:insensitive, + GtkTreeView.view header .button:backdrop:insensitive, + GtkTreeView.view header button:backdrop:insensitive, + treeview.view column-header .button:backdrop:insensitive, + treeview.view column-header button:backdrop:insensitive, + treeview.view header .button:backdrop:insensitive, + treeview.view header button:backdrop:insensitive { + border-color: #f7f7f7; + background-image: none; } + +/********************** + * Window Decorations * + *********************/ +.window-frame { + border-radius: 4px; + border-width: 0px; + box-shadow: 0 8px 9px 1px transparent, 0 8px 6px 1px rgba(0, 0, 0, 0.5); + margin: 10px; } + .window-frame:backdrop { + box-shadow: 0 3px 9px 1px transparent, 0 6px 6px 0 rgba(0, 0, 0, 0.3); + transition: 200ms ease-out; } + .fullscreen .window-frame, .tiled .window-frame { + border-radius: 0; } + .popup .window-frame { + box-shadow: none; } + .ssd .window-frame { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } + .csd.popup .window-frame { + border-radius: 0; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } + .solid-csd .window-frame { + border-radius: 0; + margin: 4px; + background-color: #f7f7f7; + border: 0px solid #d5d5d5; + box-shadow: none; } + +/********************** + * DE-Specific Styles * + **********************/ +/********** +* Budgie * +**********/ +.budgie-panel { + background-color: rgba(0, 0, 0, 0.8); + transition: 100ms ease-in; + font: bold; + color: white; } + .budgie-panel .top { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .bottom { + border-top: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .left { + border-right: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .right { + border-left: 1px solid rgba(255, 255, 255, 0.2); } + +.max-budgie-panel { + background-color: black; + transition: 100ms ease-in; + font: bold; + color: white; } + .max-budgie-panel .top { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .bottom { + border-top: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .left { + border-right: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .right { + border-left: 1px solid rgba(255, 255, 255, 0.2); } + +/* Top launchers */ +/* Left hand side launchers */ +/* Right hand side launchers */ +.notification .priority.low { + background-color: #2095f2; } + +.notification .priority.high { + background-color: #feea3a; } + +.notification .priority.critical { + background-color: #f34235; } + +/*************** + * font-viewer * + ***************/ +SushiFontWidget { + padding: 6px 12px; } + +/********** + * Sudoku * + **********/ +SudokuView SudokuCellView { + border: inherit; + background-color: inherit; } + +SudokuView SudokuCellView:backdrop { + border: inherit; + background-color: inherit; } + +SudokuView { + border: none; } + +/***************** + * Character Map * + *****************/ +GucharmapChartable { + background-color: #ffffff; } + +GucharmapChartable:active, +GucharmapChartable:focus, +GucharmapChartable:selected { + background-color: #347D9F; + color: #ffffff; } + +/******** + * Misc * + *******/ +ApDocView, +EogScrollView, +CheeseThumbView { + -EogScrollView-shadow-type: none; } + +/************ + * Terminal * + ************/ +TerminalScreen, +VteTerminal { + background-color: rgba(0, 43, 54, 0.9); + color: #839495; } + +TerminalWindow .titlebar, +TerminalWindow .header-bar { + background-color: #636E73; } + TerminalWindow .titlebar:backdrop, + TerminalWindow .header-bar:backdrop { + background-color: #4b5458; } + +/************ + * Nautilus * + ************/ +NautilusCanvasView { + border: none; } + NautilusCanvasView:active, NautilusCanvasView:focus, NautilusCanvasView:backdrop { + border: none; } + +.nautilus-circular-button { + border-radius: 20px; + outline-radius: 20px; } + +.disk-space-display { + border: 2px solid; } + .disk-space-display .unknown { + background-color: #888a85; + border-color: #555653; } + .disk-space-display .used { + background-color: #9FB0B9; + border-color: #667f8c; } + .disk-space-display .free { + background-color: #D8D8D8; + border-color: #a5a5a5; } + +.nautilus-desktop { + color: #666666; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #666666; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:prelight { + color: #666666; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #ffffff; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item GtkLabel.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item .header-bar .subtitle:selected, + .header-bar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #ffffff; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list GtkLabel.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list .header-bar .subtitle:selected, + .header-bar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #ffffff; } + +/*********** + * Builder * + ***********/ +GbGreeterWindow .titlebar, +GbGreeterWindow .header-bar, +GbWorkbench .titlebar, +GbWorkbench .header-bar { + background-color: #CBBB2E; } + GbGreeterWindow .titlebar:backdrop, + GbGreeterWindow .header-bar:backdrop, + GbWorkbench .titlebar:backdrop, + GbWorkbench .header-bar:backdrop { + background-color: #a19525; } + +/************** + * Calculator * + **************/ +MathWindow { + background-color: #ffffff; + border-radius: 0 0 4px 4px; } + MathWindow .titlebar, + MathWindow .header-bar, + MathWindow .toolbar { + background-color: #07ce8e; } + MathWindow .titlebar:backdrop, + MathWindow .header-bar:backdrop, + MathWindow .toolbar:backdrop { + background-color: #059d6c; } + MathWindow MathButtons GtkComboBox, + MathWindow MathButtons .button { + background-color: transparent; + background-image: none; + box-shadow: none; + border: none; + text-shadow: none; + color: #07ce8e; + font: bold; } + MathWindow MathButtons GtkComboBox:hover, + MathWindow MathButtons .button:hover { + background-image: none; + background-color: #ffffff; + color: #07ce8e; } + MathWindow MathButtons GtkComboBox:backdrop, + MathWindow MathButtons .button:backdrop { + color: #059d6c; } + MathWindow MathButtons GtkComboBox.text-button.suggested-action, + MathWindow MathButtons .button.text-button.suggested-action { + background-image: none; + box-shadow: none; + text-shadow: none; + background-color: #07ce8e; + color: #ffffff; } + MathWindow MathButtons GtkComboBox.text-button.suggested-action:backdrop, + MathWindow MathButtons .button.text-button.suggested-action:backdrop { + background-color: #059d6c; + color: rgba(255, 255, 255, 0.5); } + MathWindow MathDisplay { + padding: 4px; + background-color: #ffffff; + border: 1px solid #d1d1d1; } + +/************ + * Calendar * + ************/ +GcalWindow .titlebar, +GcalWindow .header-bar { + background-color: #75A3F6; } + GcalWindow .titlebar:backdrop, + GcalWindow .header-bar:backdrop { + background-color: #4583f3; } + +/********** + * Cheese * + **********/ +CheeseWindow .titlebar, +CheeseWindow .header-bar, +CheeseWindow .toolbar { + background-color: #ad7fa8; } + CheeseWindow .titlebar:backdrop, + CheeseWindow .header-bar:backdrop, + CheeseWindow .toolbar:backdrop { + background-color: #986192; } + +/************ + * Contacts * + ************/ +ContactsWindow .titlebar, +ContactsWindow .header-bar { + background-color: #2095F2; } + ContactsWindow .titlebar:backdrop, + ContactsWindow .header-bar:backdrop { + background-color: #0c7bd3; } + +/********** + * Clocks * + **********/ +ClocksWindow .titlebar, +ClocksWindow .header-bar { + background-color: #4BAE4F; } + ClocksWindow .titlebar:backdrop, + ClocksWindow .header-bar:backdrop { + background-color: #3c8a3f; } + +/********* + * Disks * + *********/ +GduWindow .titlebar, +GduWindow .header-bar { + background-color: #8561C5; } + GduWindow .titlebar:backdrop, + GduWindow .header-bar:backdrop { + background-color: #6a41b2; } + +/************** + * Disk Usage * + **************/ +BaobabWindow .titlebar, +BaobabWindow .header-bar { + background-color: #CC5E55; } + BaobabWindow .titlebar:backdrop, + BaobabWindow .header-bar:backdrop { + background-color: #b74137; } + +/************* + * Documents * + *************/ +#Documents .titlebar, +#Documents .header-bar { + background-color: #C2352A; } + #Documents .titlebar:backdrop, + #Documents .header-bar:backdrop { + background-color: #982a21; } + +/************ + * Epiphany * + ************/ +EphyWindow .titlebar, +EphyWindow .header-bar { + background-color: #6573C3; } + EphyWindow .titlebar:backdrop, + EphyWindow .header-bar:backdrop { + background-color: #4555b0; } + EphyWindow .titlebar .incognito-mode, + EphyWindow .header-bar .incognito-mode { + background-color: #3e4c9e; } + EphyWindow .titlebar .incognito-mode .button, + EphyWindow .header-bar .incognito-mode .button { + background-image: none; } + EphyWindow .titlebar .incognito-mode:backdrop, + EphyWindow .header-bar .incognito-mode:backdrop { + background-color: #2f3a79; } + +/********* + * Gedit * + *********/ +GeditWindow .titlebar, +GeditWindow .header-bar, +GeditWindow .gedit-headerbar-paned { + background-color: #DC4836; } + GeditWindow .titlebar:backdrop, + GeditWindow .header-bar:backdrop, + GeditWindow .gedit-headerbar-paned:backdrop { + background-color: #be3221; } + +/************** + * Log Viewer * + **************/ +GlWindow .titlebar, +GlWindow .header-bar, +GlWindow .toolbar, +LogviewWindow .titlebar, +LogviewWindow .header-bar, +LogviewWindow .toolbar { + background-color: #009587; } + GlWindow .titlebar:backdrop, + GlWindow .header-bar:backdrop, + GlWindow .toolbar:backdrop, + LogviewWindow .titlebar:backdrop, + LogviewWindow .header-bar:backdrop, + LogviewWindow .toolbar:backdrop { + background-color: #006259; } + +/********* + * Music * + *********/ +gnomemusic + window + Window .titlebar, +gnomemusic + window + Window .header-bar { + background-color: #fe9700; } + gnomemusic + window + Window .titlebar:backdrop, + gnomemusic + window + Window .header-bar:backdrop { + background-color: #cb7900; } + +/***************** + * Notes/Bijiben * + *****************/ +BjbMainToolbar .titlebar, +BjbMainToolbar .header-bar, +BjbWindowBase .titlebar, +BjbWindowBase .header-bar { + background-color: #ebdd4d; } + BjbMainToolbar .titlebar:backdrop, + BjbMainToolbar .header-bar:backdrop, + BjbWindowBase .titlebar:backdrop, + BjbWindowBase .header-bar:backdrop { + background-color: #e6d41f; } + +/********** + * Photos * + **********/ +PhotosMainWindow .titlebar, +PhotosMainWindow .header-bar { + background-color: #D30101; } + PhotosMainWindow .titlebar:backdrop, + PhotosMainWindow .header-bar:backdrop { + background-color: #a00101; } + +/********** + * Polari * + **********/ +.titlebar.polari-titlebar-left, .titlebar.polari-titlebar-right, +.header-bar.polari-titlebar-left, +.header-bar.polari-titlebar-right { + background-color: #4BAE4F; } + .titlebar.polari-titlebar-left:backdrop, .titlebar.polari-titlebar-right:backdrop, + .header-bar.polari-titlebar-left:backdrop, + .header-bar.polari-titlebar-right:backdrop { + background-color: #3c8a3f; } + +/******************* + * System Settings * + ******************/ +CcWindow .titlebar, +CcWindow .header-bar { + background-color: #5F7C8A; } + CcWindow .titlebar:backdrop, + CcWindow .header-bar:backdrop { + background-color: #4a616c; } + +CcShellNavBar { + padding: 0px; } + +/************ + * Software * + ************/ +#window_software .titlebar, +#window_software .header-bar { + background-color: #1A77C2; } + #window_software .titlebar:backdrop, + #window_software .header-bar:backdrop { + background-color: #145b95; } + +/****************** + * System Monitor * + ******************/ +#gnome-system-monitor .titlebar, +#gnome-system-monitor .header-bar { + background-color: #6fbe72; } + #gnome-system-monitor .titlebar:backdrop, + #gnome-system-monitor .header-bar:backdrop { + background-color: #4eac51; } + +/******** + * Yelp * + ********/ +YelpWindow .titlebar, +YelpWindow .header-bar { + background-color: #435ece; } + YelpWindow .titlebar:backdrop, + YelpWindow .header-bar:backdrop { + background-color: #2e47b0; } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #ffffff; + background-color: #ffffff; } + .gala-notification .title, + .gala-notification .label { + color: #666666; } + +.gala-button { + padding: 3px; + color: #ffffff; + border: none; + border-radius: 50%; + background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + +/********** + * Notify * + *********/ +.notify { + /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.7); + background-color: rgba(255, 255, 255, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #666666; } + +/************* + * Slingshot * + ************/ +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; } + .button.app .app:hover { + border-radius: 8px; + border: none; + background-color: rgba(52, 125, 159, 0.3); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #666666; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(52, 125, 159, 0.3); + color: #ffffff; } + +.search-entry-large, +.search-entry-large:focus { + border: none; + font: 18; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; } + +.search-category-header { + font-weight: bold; + color: #666666; } + +/********* + * Panel * + ********/ +.panel { + background-color: transparent; + transition: all 100ms ease-in-out; } + .panel .maximized { + background-color: #000; } + .panel .translucent { + background-color: rgba(0, 0, 0, 0.5); } + .panel .color-light .composited-indicator > revealer label, + .panel .color-light .composited-indicator > revealer image, + .panel .color-light .composited-indicator > GtkRevealer { + color: rgba(0, 0, 0, 0.35); + text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); + icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); } + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > GtkRevealer { + color: #ffffff; + font-weight: bold; + text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); + icon-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); } + +/************* + * AppCenter * + *************/ +AppCenterMainWindow .titlebar, +AppCenterMainWindow .header-bar { + background-color: #378BE6; } + AppCenterMainWindow .titlebar:backdrop, + AppCenterMainWindow .header-bar:backdrop { + background-color: #1a71d0; } + +/************** + * Calculator * + **************/ +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; } + PantheonCalculatorMainWindow .titlebar, + PantheonCalculatorMainWindow .header-bar { + background-color: #07ce8e; } + PantheonCalculatorMainWindow .titlebar:backdrop, + PantheonCalculatorMainWindow .header-bar:backdrop { + background-color: #059d6c; } + PantheonCalculatorMainWindow .window-frame { + border-radius: 3px; } + +/******** + * Maya * + ********/ +MayaViewMayaToolbar.titlebar, MayaViewMayaToolbar.header-bar { + background-color: #8CD33F; } + MayaViewMayaToolbar.titlebar:backdrop, MayaViewMayaToolbar.header-bar:backdrop { + background-color: #72b52a; } + +/********* + * Cards * + *********/ +.deck { + background-color: #e3e3e3; } + +.card { + background-color: #ffffff; + border: none; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); + transition: all 150ms ease-in-out; } + +.card.collapsed { + background-color: #f2f2f2; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } + +/********* + * Noise * + *********/ +NoiseLibraryWindow { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .titlebar, + NoiseLibraryWindow .header-bar { + background-color: #EE6020; } + NoiseLibraryWindow .titlebar:backdrop, + NoiseLibraryWindow .header-bar:backdrop { + background-color: #cb4a10; } + NoiseLibraryWindow .action-bar { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .window-frame { + border-radius: 3px; } + +/*********** + * Scratch * + ***********/ +ScratchMainWindow .titlebar, +ScratchMainWindow .header-bar { + background-color: #e74c3c; } + ScratchMainWindow .titlebar:backdrop, + ScratchMainWindow .header-bar:backdrop { + background-color: #d62c1a; } + +/******** + * Snap * + ********/ +SnapMainWindow .titlebar, +SnapMainWindow .header-bar, +SnapSnapWindow .titlebar, +SnapSnapWindow .header-bar { + background-color: #6d266a; } + SnapMainWindow .titlebar:backdrop, + SnapMainWindow .header-bar:backdrop, + SnapSnapWindow .titlebar:backdrop, + SnapSnapWindow .header-bar:backdrop { + background-color: #471945; } +SnapMainWindow .take-button, +SnapSnapWindow .take-button { + border-radius: 0; } + +/******************* + * Photos/Shotwell * + *******************/ +DirectWindow .titlebar, +DirectWindow .header-bar, +LibraryWindow .titlebar, +LibraryWindow .header-bar { + background-color: #5544B5; } + DirectWindow .titlebar:backdrop, + DirectWindow .header-bar:backdrop, + LibraryWindow .titlebar:backdrop, + LibraryWindow .header-bar:backdrop { + background-color: #443690; } +DirectWindow .the-button-in-the-combobox, +LibraryWindow .the-button-in-the-combobox { + background: none; } + +.checkerboard-layout { + background-color: #f7f7f7; + background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); + background-size: 24px 24px; + background-position: 0 0, 12px 12px; } + +.checkboard-layout .item { + background-color: #666666; } + +/******** +* Unity * +*********/ +/* Unity window border color */ +/* Backdrop Unity window border color */ +/* Unity window text color */ +/* Backdrop Unity window text color */ +/* Unity panel color #454D50 */ +/* Backdrop Unity panel color */ +UnityDecoration { + /* Border properties (top, right, bottom, left) */ + -UnityDecoration-extents: 28px 1px 1px 1px; + /* the size of the decorations */ + -UnityDecoration-input-extents: 10px; + /* the extra size of the input areas */ + /* Shadows settings */ + -UnityDecoration-shadow-offset-x: 1px; + /* Size property, the shadow x offset */ + -UnityDecoration-shadow-offset-y: 1px; + /* Size property, the shadow y offset */ + -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, active window shadow color */ + -UnityDecoration-active-shadow-radius: 8px; + /* Size property, active window shadow radius */ + -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, inactive windows shadow color */ + -UnityDecoration-inactive-shadow-radius: 5px; + /* Size property, inactive windows shadow radius */ + /* Glow applied to the selected scaled window */ + -UnityDecoration-glow-size: 8px; + /* Size property, size of glow */ + -UnityDecoration-glow-color: #347D9F; + /* Color property of the glow */ + /* Title settings */ + -UnityDecoration-title-indent: 10px; + /* Size property, left indent of the title */ + -UnityDecoration-title-fade: 35px; + /* Size property, space of the title that can be faded */ + -UnityDecoration-title-alignment: 0.0; + /* Float from 0.0 to 1.0, to align the title */ + background-color: #636E73; + color: #dbdee0; } + UnityDecoration .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid #636E73; + border-bottom-width: 0; + background-color: #636E73; + color: #dbdee0; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + background-color: #4b5458; + color: #c0c5c8; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top .menuitem { + color: #dbdee0; } + UnityDecoration .top .menuitem:backdrop { + background-color: #4b5458; + color: #c0c5c8; } + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: #626c71; + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, #636E73, #626c71); } + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: #626c71; } + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; + background-color: #4b5458; } + +/************** +* Unity Panel * +***************/ +UnityPanelWidget, +.unity-panel { + background-color: #343a3c; + color: #dbdee0; } + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + background-color: #1c1f21; + color: #c0c5c8; } + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: #dbdee0; } + +.unity-panel.menubar, +.unity-panel .menubar { + color: #dbdee0; } + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: #343a3c; + color: #dbdee0; } + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: #afafaf; } + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: #dbdee0; + box-shadow: none; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: #616b70; + color: #dbdee0; + box-shadow: none; } + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; } + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + -GtkMenuItem-horizontal-padding: 0; + -GtkWidget-separator-height: 1; + border: none; + color: #d1d1d1; } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #ffffff; } + +@keyframes playbackmenuitem_spinner { + to { + -gtk-icon-transform: rotate(1turn); } } +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: playbackmenuitem_spinner 1s infinite linear; + color: #347D9F; } + +/*********************** + * App-Specific Styles * + ***********************/ +/******************* + * Archive Manager * + *******************/ +FrWindow .titlebar, +FrWindow .header-bar, +FrWindow .toolbar { + background-color: #A88A67; } + FrWindow .titlebar:backdrop, + FrWindow .header-bar:backdrop, + FrWindow .toolbar:backdrop { + background-color: #8c7050; } + +/********* + * Birdie * + *********/ +BirdieWidgetsUnifiedWindow .titlebar, +BirdieWidgetsUnifiedWindow .header-bar { + background-image: none; + background-color: #3998E7; } + BirdieWidgetsUnifiedWindow .titlebar:backdrop, + BirdieWidgetsUnifiedWindow .header-bar:backdrop { + background-image: none; + background-color: #1a7fd3; } +BirdieWidgetsUnifiedWindow .menu-button { + padding: 0px; + padding-left: 6px; + padding-right: 6px; } + +BirdieWidgetsTweetList * { + background-image: none; + background: none; } + +BirdieWidgetsUserbox { + background-color: rgba(57, 152, 231, 0.2); } + +BirdieWidgetsNotebook .header { + background-color: #ffffff; } +BirdieWidgetsNotebook tab:active { + box-shadow: inset 0 -3px 0 0 #3998E7; } + +/********* + * Geary * + *********/ +.geary-titlebar-left, +.geary-titlebar-right { + background-color: #F2B035; } + .geary-titlebar-left:backdrop, + .geary-titlebar-right:backdrop { + background-color: #e59a0f; } + .geary-titlebar-left .separator, + .geary-titlebar-right .separator { + opacity: 0; } + +ConversationListView { + -GtkWidget-focus-line-width: 1px; + -GtkTreeView-grid-line-width: 0; } + ConversationListView .view:active, ConversationListView GtkIconView:active, ConversationListView .view:selected, ConversationListView GtkIconView:selected { + background-color: #347D9F; + color: #ffffff; } + ConversationListView .view:active:backdrop, ConversationListView GtkIconView:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView GtkIconView:selected:backdrop { + background-color: #3a8cb2; + color: rgba(255, 255, 255, 0.5); } + ConversationListView .view .cell, ConversationListView GtkIconView .cell { + border: solid rgba(0, 0, 0, 0.2); + border-width: 0 0 1px 0; } + ConversationListView .view .cell:selected, ConversationListView GtkIconView .cell:selected { + color: #ffffff; + border: 0px solid #275f79; } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: #4b5458; + color: #ffffff; + font: bold; + box-shadow: inset 0 -1px #3b4144; } + #panel_window .menubar, + #panel_window .menubar > .menuitem + menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: #ffffff; + font: bold; } + #panel_window .menubar .menuitem:insensitive, + #panel_window menubar menuitem:insensitive { + color: rgba(255, 255, 255, 0.5); } + #panel_window .menubar .menuitem:insensitive GtkLabel, + #panel_window menubar menuitem:insensitive GtkLabel { + color: inherit; } + #panel_window .menubar .menuitem:insensitive label, + #panel_window menubar menuitem:insensitive label { + color: inherit; } + #panel_window .menubar .menu > .menuitem, + #panel_window menubar menu > menuitem { + font: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #666666; } + +#content_frame { + padding-bottom: 14px; + background-color: #f7f7f7; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + #content_frame button:hover { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; } + #content_frame button:active, #content_frame button:checked { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #d1d1d1; + background-image: linear-gradient(to bottom, #e5e5e5, #f2f2f2); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + #content_frame button:insensitive { + border-color: #d1d1d1; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: none; + icon-shadow: none; } + #content_frame button:insensitive GtkLabel, #content_frame button:insensitive { + color: #afafaf; } + #content_frame button:insensitive label, #content_frame button:insensitive { + color: #afafaf; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(32, 37, 38, 0.8); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; } + +#buttonbox_frame button { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:insensitive { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + +#login_window #user_combobox { + color: #666666; + font: 13px; } + #login_window #user_combobox .menu, + #login_window #user_combobox menu { + font: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + +/********** + * Midori * + **********/ +MidoriBrowser .titlebar, +MidoriBrowser .header-bar, +MidoriBrowser .toolbar { + background-color: #7FC843; } + MidoriBrowser .titlebar:backdrop, + MidoriBrowser .header-bar:backdrop, + MidoriBrowser .toolbar:backdrop { + background-color: #66a731; } + +/********* + * Vocal * + *********/ +.titlebar.vocal-headerbar, +.header-bar.vocal-headerbar { + background-color: #9C69C6; } + .titlebar.vocal-headerbar:backdrop, + .header-bar.vocal-headerbar:backdrop { + background-color: #8345b7; } diff --git a/Paper/gtk-3.0/gtk.scss b/Paper/gtk-3.18/gtk.scss similarity index 100% rename from Paper/gtk-3.0/gtk.scss rename to Paper/gtk-3.18/gtk.scss diff --git a/Paper/gtk-3.0/widgets/_action-bars.scss b/Paper/gtk-3.18/widgets/_action-bars.scss similarity index 99% rename from Paper/gtk-3.0/widgets/_action-bars.scss rename to Paper/gtk-3.18/widgets/_action-bars.scss index dd2b51d..dd4a3f5 100644 --- a/Paper/gtk-3.0/widgets/_action-bars.scss +++ b/Paper/gtk-3.18/widgets/_action-bars.scss @@ -24,4 +24,4 @@ border-radius: 0 0 6px 6px; border-width: 0px 1px 1px 1px; } -} +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_app-notifications.scss b/Paper/gtk-3.18/widgets/_app-notifications.scss new file mode 100644 index 0000000..024c6fc --- /dev/null +++ b/Paper/gtk-3.18/widgets/_app-notifications.scss @@ -0,0 +1,19 @@ +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + @extend %osd; + + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: $osd_bg_color; + background-clip: padding-box; + + &:backdrop { + background-image: none; + transition: $backdrop_transition; + } + + .button, button { @extend %osd_button; } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_base-states.scss b/Paper/gtk-3.18/widgets/_base-states.scss new file mode 100644 index 0000000..8987283 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_base-states.scss @@ -0,0 +1,206 @@ +/*************** + * Base States * + ***************/ +.background { + color: $fg_color; + background-color: $bg_color; + + &:backdrop { + color: $backdrop_fg_color; + background-color: $backdrop_bg_color; + text-shadow: none; + icon-shadow: none; + } +} + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ + +*:insensitive { -gtk-image-effect: dim; } + +.gtkstyle-fallback { + color: $fg_color; + background-color: $bg_color; + + &:hover { + color: $fg_color; + background-color: lighten($bg_color, 10%); + } + + &:active { + color: $fg_color; + background-color: darken($bg_color, 10%); + } + + &:insensitive { + color: $insensitive_fg_color; + background-color: $insensitive_bg_color; + } + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + } +} + +.view, +%view { + color: $text_color; + background-color: $base_color; + + &:backdrop { + color: $backdrop_text_color; + background-color: $backdrop_base_color; + } + + &:selected { + &:focus, & { + @extend %selected_items; + + border-radius: 3px; + } + } +} + +GtkTextView { + GtkLabel { + @extend %view; + + selection { &:focus, & { @extend %selected_items; }} + } +} + +GtkTextView{ + background-color: mix($bg_color, $base_color, 50%); + + &:backdrop { background-color: mix($backdrop_bg_color, $backdrop_base_color, 50%); } + + &.bottom { + background-size: 100% 1px; + background-position: top; + } + + &.top { + background-size: 100% 1px; + background-position: bottom; + } + + &.left { + background-size: 1px 100%; + background-position: right; + } + + &.right { + background-size: 1px 100%; + background-position: left; + } +} + +GtkIconView { + @extend .view; + background-color:transparent; + + &:backdrop{ + background-color:transparent; + } +} + +.rubberband, +%rubberband { + border: 1px solid darken($selected_bg_color, 10%); + background-color: transparentize(darken($selected_bg_color, 10%), 0.8); +} + + +GtkFlow { + rubberband { @extend %rubberband; } + + flowboxchild { + padding: 3px; + border-radius: 3px; + + &:selected { + @extend %selected_items; + + outline-offset: -2px; + } + } +} + +GtkLabel { + &.separator { + @extend .dim-label; + + color: $fg_color; + + &:backdrop { color: $backdrop_fg_color; } + } + + .list-row:selected &, + row:selected &, + &:selected { @extend %nobg_selected_items; } + + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &:insensitive { + color: $insensitive_fg_color; + + &:selected { @extend %selected_items:insensitive; } + + &:backdrop { color: $backdrop_insensitive_color; } + } + + &:backdrop { + color: $backdrop_fg_color; + + &:selected { @extend %selected_items:backdrop; } + } +} + +.dim-label { + opacity: 0.55; + text-shadow: none; +} + +%osd, +.osd { + color: $osd_fg_color; + border: none; + background-color: $osd_bg_color; + background-clip: padding-box; + outline-color: transparentize($osd_fg_color, 0.7); + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + + &:backdrop { + text-shadow: none; + icon-shadow: none; + } +} + +%selected_items { + background-color: $selected_bg_color; + + @at-root %nobg_selected_items, & { + color: $selected_fg_color; + + @if $variant == 'light' { outline-color: transparentize($selected_fg_color, 0.7); } + + &:insensitive { color: mix($selected_fg_color, $selected_bg_color, 50%); } + + &:backdrop { + color: $backdrop_selected_fg_color; + + &:insensitive { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } + } + } +} + +.monospace { font: Monospace; } \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_buttons.scss b/Paper/gtk-3.18/widgets/_buttons.scss new file mode 100644 index 0000000..b7f9794 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_buttons.scss @@ -0,0 +1,528 @@ +/*********** + * Buttons * + ***********/ + +// stuff for .needs-attention +$_dot_color: if($variant=='light', $selected_bg_color, + lighten($selected_bg_color,15%)); +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.01, + to($_dot_color), + to(transparent)); + } + + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($selected_bg_color), + to(transparent)); + } +} + + + +%button, +.button { + @at-root %button_basic, & { + + padding: 4px 9px; + border: 1px solid $borders_color; + border-radius: 3px; + transition: $button_transition; + + @include button(normal); + + &.flat { + @include button(undecorated); + // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set + // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but + // it won't fade out when the pointer leave the button allocation area. To make the transition more evident + // in this case the duration is increased. + transition: none; + + &:hover { + transition: $button_transition; + transition-duration: 500ms; + + &:active { transition: $button_transition; } + } + } + + &:hover { + @include button(hover); + -gtk-image-effect: highlight; + } + + &:active, + &:checked { + @include button(active); + + transition-duration: 50ms; + } + + &:backdrop { + &.flat, & { + @include button(backdrop); + + transition: $backdrop_transition; + -gtk-image-effect: none; + + &:active, + &:checked { @include button(backdrop-active); } + + &:insensitive { + @include button(backdrop-insensitive); + + &:active, + &:checked { @include button(backdrop-insensitive-active); } + } + } + } + + &.flat { &:backdrop, &:insensitive, &:backdrop:insensitive { @include button(undecorated); }} + + &:insensitive, + &:insensitive { + @include button(insensitive); + + &:active, + &:checked { @include button(insensitive-active); } + } + + &.image-button { + padding-left: 4px; + padding-right: 4px; + } + + &.text-button { + padding-left: 16px; + padding-right: 16px; + } + + &.text-button.image-button { + padding-left: 8px; + padding-right: 8px; + + GtkLabel, + label { + padding-left: 8px; + padding-right: 8px; + } + } + } + + @at-root %button_selected, & { + row:selected & { + @if $variant == 'light' { border-color: $selected_borders_color; } + + &.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: $selected_fg_color; + border-color: transparent; + + &:backdrop { color: if($variant=='light', $backdrop_base_color, $backdrop_fg_color); } + } + } + } + + + // Standalone Buttons + &.osd { + + + color: $osd_fg_color; + border-radius: 5px; + outline-color: transparentize($osd_fg_color, 0.7); //FIXME: define a color var? + + @include button(osd); + + border: none; + box-shadow: none; + + &:hover { + @include button(osd-hover); + + border: none; + box-shadow: none; + } + + &:active, + &:checked { + @include button(osd-active); + + border: none; + box-shadow: none; + } + + &:insensitive, + &:insensitive { + &:backdrop, & { + @include button(osd-insensitive); + + border: none; + } + } + + &:backdrop { + @include button(osd-backdrop); + + border: none; + } + } + + //overlay / OSD style + @at-root %osd_button, + .osd & { + @include button(osd); + + &:hover { @include button(osd-hover); } + + &:active, + &:checked { &:backdrop, & { @include button(osd-active); }} + + &:insensitive { &:backdrop, & { @include button(osd-insensitive); }} + + &:backdrop { @include button(osd-backdrop); } + + &.flat { + @include button(undecorated); + + box-shadow: none; //FIXME respect no edge on the button mixin + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + + &:hover { @include button(osd-hover); } + + &:insensitive { + @include button(osd-insensitive); + background-image: none; + border-color: transparent; + box-shadow: none; + } + + &:backdrop { @include button(undecorated); } + + &:active, + &:checked { @include button(osd-active); } + } + } + + // Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $selected_bg_color), + (destructive-action, $destructive_color) { + &.#{$b_type} { + @include button(normal, $b_color, white); + + &.flat { + @include button(undecorated); + + color: $b_color; //FIXME: does it work on the dark variant? + } + + &:hover { @include button(hover, $b_color, white); } + + &:active, + &:checked { @include button(active, $b_color, white); } + + &:backdrop, + &.flat:backdrop { + @include button(backdrop, $b_color, white); + + &:active, + &:checked { @include button(backdrop-active, $b_color, white); } + + &:insensitive { + @include button(backdrop-insensitive); + + &:active, + &:checked { @include button(backdrop-insensitive-active, $b_color, white); } + } + } + + &.flat { + &:backdrop, &:insensitive, &:backdrop:insensitive { + @include button(undecorated); + + color: transparentize($b_color, 0.2); + } + } + + &:insensitive { + @include button(insensitive); + + &:active, + &:checked { @include button(insensitive-active, $b_color, white); } + } + + .osd & { + @include button(osd, $b_color); + + &:hover { @include button(osd-hover, $b_color); } + + &:active, + &:checked { &:backdrop, & { @include button(osd-active, $b_color); }} + + &:insensitive { &:backdrop, & { @include button(osd-insensitive, $b_color); }} + + &:backdrop { @include button(osd-backdrop, $b_color); } + } + } + } + + .stack-switcher > & { + // to position the needs attention dot, padding is added to the button + // child, a label needs just lateral padding while an icon needs vertical + // padding added too. + + outline-offset: -3px; // needs to be set or it gets overriden by GtkRadioButton outline-offset + + > label { + padding-left: 6px; // label padding + padding-right: 6px; // + } + + > image { + padding-left: 6px; // image padding + padding-right: 6px; // + padding-top: 3px; // + padding-bottom: 3px; // + } + + &.text-button { + // compensate text-button paddings + padding-left: 10px; + padding-right: 10px; + } + + &.image-button { + // we want image buttons to have a 1:1 aspect ratio, so compensation + // of the padding added to the GtkImage is needed + padding-left: 2px; + padding-right: 2px; + } + + &.needs-attention { + > label, + > image { @extend %needs_attention; } + + &:active, + &:checked { + > label, + > image { + animation: none; + background-image: none; + } + } + } + } + + //inline-toolbar buttons + .inline-toolbar &, .inline-toolbar &:backdrop { + border-radius: 2px; + border-width: 1px; + @extend %linked; + } + + .primary-toolbar & { icon-shadow: none; } // tango icons don't need shadows + + .linked > &, + .linked > &:hover, + .linked > &:active, + .linked > &:checked, + .linked > &:backdrop { @extend %linked; } + + .linked.vertical > &, + .linked.vertical > &:hover, + .linked.vertical > &:active, + .linked.vertical > &:checked, + .linked.vertical > &:backdrop { @extend %linked_vertical; } +} + +%needs_attention { + animation: needs_attention 150ms ease-in; + $_dot_shadow: _text_shadow_color(); + $_dot_shadow_r: if($variant=='light',0.5,0.45); + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($_dot_color), + to(transparent)), + -gtk-gradient(radial, + center center, 0, + center center, $_dot_shadow_r, + to($_dot_shadow), + to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + + @if $variant == 'light' { background-position: right 3px, right 4px; } + + @else { background-position: right 3px, right 2px; } + + &:backdrop { background-size: 6px 6px, 0 0;} + + &:dir(rtl) { + @if $variant == 'light' { background-position: left 3px, left 4px; } + + @else { background-position: left 3px, left 2px; } + } +} + + +// all the following is for the +|- buttons on inline toolbars, that way +// should really be deprecated... +.inline-toolbar toolbutton > button { // redefining the button look is + // needed since those are flat... + @include button(normal); + + &:hover { @include button(hover); } + + &:active, + &:checked{ @include button(active); } + + &:insensitive { + @include button(insensitive); + + &:active, + &:checked { @include button(insensitive-active); } + } + + &:backdrop { + @include button(backdrop); + + &:active, + &:checked { @include button(backdrop-active); } + + &:insensitive { + @include button(backdrop-insensitive); + + &:active, + &:checked { @include button(backdrop-insensitive-active); } + } + } +} + +// More inline toolbar buttons +toolbar.inline-toolbar toolbutton, +toolbar.inline-toolbar toolbutton:backdrop { + > button.flat { @extend %linked_middle; } + + &:first-child > button.flat { @extend %linked:first-child; } + + &:last-child > button.flat { @extend %linked:last-child; } + + &:only-child > button.flat { @extend %linked:only-child; } +} + +%linked_middle { + border-radius: 0; + border-right-style: none; +} + +%linked { + @extend %linked_middle; + + &:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + + &:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; + } + + &:only-child { + border-radius: 3px; + border-style: solid; + } +} + +%linked_vertical_middle { + border-style: solid solid none solid; + border-radius: 0; +} + +%linked_vertical{ + @extend %linked_vertical_middle; + + &:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + + &:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; + } + + &:only-child { + border-radius: 3px; + border-style: solid; + } +} + +%undecorated_button { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px transparentize(white,1), + 0 1px transparentize(white, 1); + text-shadow: none; + icon-shadow: none; +} + +/* menu buttons */ +modelbutton.flat, +.menuitem.button.flat { + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; + + @extend %undecorated_button; + + &:hover { background-color: $popover_hover_color; } + + &:selected { @extend %selected_items; } + + &:backdrop, + &:backdrop:hover { @extend %undecorated_button; } + + // FIXME: remove the following when the checks/radios rewrite lands + check:last-child, + radio:last-child { margin-left: 8px; } + + check:first-child, + radio:first-child { margin-right: 8px; } +} + +modelbutton.flat arrow { + background: none; + + &:hover { background: none; } + + &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + + &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } +} + +button.color { + padding: 4px; + + colorswatch:only-child { + &, overlay { border-radius: 0; } + + @if $variant == 'light' { + box-shadow: 0 1px _text_shadow_color(); + + &:insensitive, + &:backdrop { box-shadow: none; } + } + } +} diff --git a/Paper/gtk-3.18/widgets/_calendar.scss b/Paper/gtk-3.18/widgets/_calendar.scss new file mode 100644 index 0000000..a981a36 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_calendar.scss @@ -0,0 +1,56 @@ +/************ + * Calendar * + ***********/ +GtkCalendar { + color: $text_color; + border: 1px solid $borders_color; + + &:selected { + @extend %selected_items; + + border-radius: 3px; + } + + &.header { + border-bottom: 1px solid transparentize(black, 0.9); + border-radius: 0; + + &:backdrop { border-color: transparentize(black, 0.9); } + } + + &.button { + @extend %undecorated_button; + + color: transparentize($fg_color, 0.55); + + &:hover { + @extend %undecorated_button; + + color: $fg_color; + } + + &:backdrop { + @extend %undecorated_button; + + color: transparentize($backdrop_fg_color,0.55); + } + + &:insensitive { + @extend %undecorated_button; + + color: transparentize($insensitive_fg_color,0.55); + } + } + + &.highlight, + &.highlight:backdrop { + font-size: smaller; + color: $fg_color; + } + + + &:backdrop { + color: $backdrop_text_color; + border-color: $backdrop_borders_color; + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_checks-radios.scss b/Paper/gtk-3.18/widgets/_checks-radios.scss new file mode 100644 index 0000000..65f2699 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_checks-radios.scss @@ -0,0 +1,184 @@ +/************************* + * Check and Radio Items * + *************************/ +// draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + + +// unchecked +@each $s,$un in ('','-unchecked'), + (':hover', '-unchecked-hover'), + (':active', '-unchecked-active'), + (':backdrop', '-unchecked-backdrop'), + (':insensitive', '-unchecked-insensitive'), + (':insensitive:backdrop', '-unchecked-insensitive-backdrop') { + .check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$un}.png"),url("../assets/checkbox#{$un}@2.png")), -gtk-scaled(url("../assets/checkbox#{$un}-dark.png"),url("../assets/checkbox#{$un}-dark@2.png"))); + icon-shadow: none; + } + .radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/radio#{$un}.png"),url("../assets/radio#{$un}@2.png")), -gtk-scaled(url("../assets/radio#{$un}-dark.png"),url("../assets/radio#{$un}-dark@2.png"))); + icon-shadow: none; + } +} + +// checked +@each $s,$ch in (':checked', '-checked'), + (':checked:hover', '-checked-hover'), + (':checked:active', '-checked-active'), + (':checked:backdrop', '-checked-backdrop'), + (':checked:insensitive', '-checked-insensitive'), + (':checked:insensitive:backdrop', '-checked-insensitive-backdrop') { + .check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$ch}.png"),url("../assets/checkbox#{$ch}@2.png")), -gtk-scaled(url("../assets/checkbox#{$ch}-dark.png"),url("../assets/checkbox#{$ch}-dark@2.png"))); + icon-shadow: none; + } + .radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/radio#{$ch}.png"),url("../assets/radio#{$ch}@2.png")), -gtk-scaled(url("../assets/radio#{$ch}-dark.png"),url("../assets/radio#{$ch}-dark@2.png"))); + icon-shadow: none; + } +} + +// mixed +@each $s,$mx in (':inconsistent', '-mixed'), + (':inconsistent:hover', '-mixed-hover'), + (':inconsistent:active', '-mixed-active'), + (':inconsistent:backdrop', '-mixed-backdrop'), + (':inconsistent:insensitive', '-mixed-insensitive'), + (':inconsistent:insensitive:backdrop', '-mixed-insensitive-backdrop') { + .check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$mx}.png"),url("../assets/checkbox#{$mx}@2.png")), -gtk-scaled(url("../assets/checkbox#{$mx}-dark.png"),url("../assets/checkbox#{$mx}-dark@2.png"))); + icon-shadow: none; + } + .radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/radio#{$mx}.png"),url("../assets/radio#{$mx}@2.png")), -gtk-scaled(url("../assets/radio#{$mx}-dark.png"),url("../assets/radio#{$mx}-dark@2.png"))); + icon-shadow: none; + } +} + +// unchecked:selected +@each $s,$un in (':selected','-unchecked'), + (':hover:selected', '-unchecked-hover'), + (':active:selected', '-unchecked-active'), + (':backdrop:selected', '-unchecked-backdrop'), + (':insensitive:selected', '-unchecked-insensitive'), + (':insensitive:backdrop:selected', '-unchecked-insensitive-backdrop') { + .check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-checkbox#{$un}.png"),url("../assets/selected-checkbox#{$un}@2.png")), -gtk-scaled(url("../assets/selected-checkbox#{$un}-dark.png"),url("../assets/selected-checkbox#{$un}-dark@2.png"))); + icon-shadow: none; + } + .radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$un}.png"),url("../assets/selected-radio#{$un}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$un}-dark.png"),url("../assets/selected-radio#{$un}-dark@2.png"))); + icon-shadow: none; + } +} + +// checked:selected +@each $s,$ch in (':checked:selected', '-checked'), + (':checked:hover:selected', '-checked-hover'), + (':checked:active:selected', '-checked-active'), + (':checked:backdrop:selected', '-checked-backdrop'), + (':checked:insensitive:selected', '-checked-insensitive'), + (':checked:insensitive:backdrop:selected', '-checked-insensitive-backdrop') { + .check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-checkbox#{$ch}.png"),url("../assets/selected-checkbox#{$ch}@2.png")), -gtk-scaled(url("../assets/selected-checkbox#{$ch}-dark.png"),url("../assets/selected-checkbox#{$ch}-dark@2.png"))); + icon-shadow: none; + } + .radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$ch}.png"),url("../assets/selected-radio#{$ch}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$ch}-dark.png"),url("../assets/selected-radio#{$ch}-dark@2.png"))); + icon-shadow: none; + } +} + + +// mixed:selected +@each $s,$mx in (':inconsistent:selected', '-mixed'), + (':inconsistent:hover:selected', '-mixed-hover'), + (':inconsistent:active:selected', '-mixed-active'), + (':inconsistent:backdrop:selected', '-mixed-backdrop'), + (':inconsistent:insensitive:selected', '-mixed-insensitive'), + (':inconsistent:insensitive:backdrop:selected', '-mixed-insensitive-backdrop') { + .check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-checkbox#{$mx}.png"),url("../assets/selected-checkbox#{$mx}@2.png")), -gtk-scaled(url("../assets/selected-checkbox#{$mx}-dark.png"),url("../assets/selected-checkbox#{$mx}-dark@2.png"))); + icon-shadow: none; + } + .radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$mx}.png"),url("../assets/selected-radio#{$mx}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$mx}-dark.png"),url("../assets/selected-radio#{$mx}-dark@2.png"))); + icon-shadow: none; + } +} + + +// selection-mode unchecked +@each $s,$un in ('','-unchecked'), + (':hover', '-unchecked-hover'), + (':active', '-unchecked-active'), + (':backdrop', '-unchecked-backdrop'), + (':insensitive', '-unchecked-insensitive'), + (':insensitive:backdrop', '-unchecked-insensitive-backdrop') { + .view.content-view.check#{$s}{ + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox#{$un}.png"),url("../assets/checkbox#{$un}@2.png")); + icon-shadow: none; + } + .view.content-view.radio#{$s}{ + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio#{$un}.png"),url("../assets/radio#{$un}@2.png")); + icon-shadow: none; + } +} + +// selection-mode checked +@each $s,$ch in ('','-checked'), + (':hover', '-checked-hover'), + (':active', '-checked-active'), + (':backdrop', '-checked-backdrop'), + (':insensitive', '-checked-insensitive'), + (':insensitive:backdrop', '-checked-insensitive-backdrop') { + .view.content-view.check#{$s}{ + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox#{$ch}.png"),url("../assets/checkbox#{$ch}@2.png")); + icon-shadow: none; + } + .view.content-view.radio#{$s}{ + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio#{$ch}.png"),url("../assets/radio#{$ch}@2.png")); + icon-shadow: none; + } +} + +// Style +.check.text-button, .radio.text-button { + // this is for a nice focus on check and radios text + padding: 2px 0; + outline-offset: 0; + + label:not(:only-child) { + &:first-child { margin-left: 4px; } + &:last-child { margin-right: 4px; } + } +} + +.check, +.radio { + margin: 0 4px; + + .menu .menuitem & { + margin: 0; // this is a workaround for a menu check/radio size allocation issue + } +} + +GtkTreeView.view check, +GtkTreeView.view radio { + &:selected { + &:focus, & { + color: $fg_color; + + @if $variant == 'light' { border-color: $selected_borders_color; } + } + + &:insensitive { + color: $insensitive_fg_color; + + &:backdrop { color: $backdrop_insensitive_color; } + } + } + + &:backdrop { &:selected, & { color: $backdrop_fg_color; }} +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_color-chooser.scss b/Paper/gtk-3.18/widgets/_color-chooser.scss new file mode 100644 index 0000000..3dc182b --- /dev/null +++ b/Paper/gtk-3.18/widgets/_color-chooser.scss @@ -0,0 +1,114 @@ +/***************** + * Color Chooser * + *****************/ +GtkColorSwatch { + // This widget is made of two boxes one on top of the other, the lower box is colorswatch {} the other one + + $_colorswatch_radius: 5px; + $_colorswatch_overlay_shadow: if($variant == 'light', inset 0 2px 2px -3px transparentize(black, 0.3), + inset 0 3px 2px -2px transparentize(black, 0.5)); + + &.top { + border-top-left-radius: $_colorswatch_radius + 0.5px; + border-top-right-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-top-left-radius: $_colorswatch_radius; + border-top-right-radius: $_colorswatch_radius; + } + } + + &.bottom { + border-bottom-left-radius: $_colorswatch_radius + 0.5px; + border-bottom-right-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-bottom-left-radius: $_colorswatch_radius; + border-bottom-right-radius: $_colorswatch_radius; + } + } + + &.left, + &:first-child:not(.top) { + border-top-left-radius: $_colorswatch_radius + 0.5px; + border-bottom-left-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-top-left-radius: $_colorswatch_radius; + border-bottom-left-radius: $_colorswatch_radius; + } + } + + &.right, + &:last-child:not(.bottom) { + border-top-right-radius: $_colorswatch_radius + 0.5px; + border-bottom-right-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-top-right-radius: $_colorswatch_radius; + border-bottom-right-radius: $_colorswatch_radius; + } + } + + &.dark overlay { + color: $selected_fg_color; + + &:hover { border-color: if($variant == 'light', transparentize(black, 0.2), $borders_color); } + + &:backdrop { color: $backdrop_selected_fg_color; } + } + + &.light overlay { + color: $text_color; + + &:hover { border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color); } + + &:backdrop { color: $backdrop_text_color; } + } + + overlay { + box-shadow: $_colorswatch_overlay_shadow; + border: 1px solid if($variant == 'light', transparentize(black, 0.7), $borders_color); + + &:hover { box-shadow: inset 0 1px transparentize(white, 0.7); } + + &:backdrop, &:backdrop:hover { + border-color: if($variant == 'light', transparentize(black, 0.7), $borders_color); + box-shadow: none; + } + } + + &#add-color-button { + border-radius: $_colorswatch_radius $_colorswatch_radius 0 0; + + &:only-child { border-radius: $_colorswatch_radius; } + + overlay { + @include button(normal); + + &:hover { @include button(hover); } + + &:backdrop { @include button(backdrop); } + } + } + + &:insensitive { + opacity: 0.5; + + overlay { + border-color: transparentize(black, 0.4); + box-shadow: none; + } + } + + row:selected & { box-shadow: 0 0 0 2px $selected_fg_color; } + + &#editor-color-sample { + border-radius: 4px; + + overlay { border-radius: 4.5px; } + } +} + +// colorscale popup +colorchooser .popover.osd { border-radius: 5px; } \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_comboboxes.scss b/Paper/gtk-3.18/widgets/_comboboxes.scss new file mode 100644 index 0000000..4980a8c --- /dev/null +++ b/Paper/gtk-3.18/widgets/_comboboxes.scss @@ -0,0 +1,71 @@ +/************** + * ComboBoxes * + **************/ + +GtkComboBox { + .arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + + &.linked { + .button:nth-child(2) { + &:dir(ltr) { @extend %linked:last-child; } + &:dir(rtl) { @extend %linked:first-child; } + } + } +} + +.linked > GtkComboBox > box > button.combo { + // the combo is a composite widget so the way we do button linking doesn't + // work, special case needed. See + // https://bugzilla.gnome.org/show_bug.cgi?id=733979 + + &:dir(ltr), + &:dir(rtl) { @extend %linked_middle; } // specificity bump +} + +.linked:not(.vertical) > GtkComboBox:first-child > box > button.combo { @extend %linked:first-child; } +.linked:not(.vertical) > GtkComboBox:last-child > box > button.combo { @extend %linked:last-child; } +.linked:not(.vertical) > GtkComboBox:only-child > box > button.combo { @extend %linked:only-child; } + +.linked.vertical > GtkComboBox > box > button.combo { @extend %linked_vertical_middle; } +.linked.vertical > GtkComboBox:first-child > box > button.combo { @extend %linked_vertical:first-child;} +.linked.vertical > GtkComboBox:last-child > box > button.combo { @extend %linked_vertical:last-child; } +.linked.vertical > GtkComboBox:only-child > box > button.combo { @extend %linked_vertical:only-child; } + +/****************** + * Combobox Entry * + ******************/ + +.combobox-entry { + + // Button + .button { + box-shadow: none; + + &:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; + } + + &:last-child { + border-radius: 0 4px 4px 0; + } + } + + // Entry + .entry { + box-shadow: none; + + &:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; + } + + &:last-child { + border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; + } + + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_dialogs.scss b/Paper/gtk-3.18/widgets/_dialogs.scss new file mode 100644 index 0000000..640d063 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_dialogs.scss @@ -0,0 +1,123 @@ +/*********** + * Dialogs * + ***********/ + +GtkMessageDialog, +.message-dialog { + .header-bar, + .titlebar { + background-image: none; + background-color: $bg_color; + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + box-shadow: inset 0 1px $top_highlight; + + &:backdrop { + background-color: $backdrop_bg_color; + } + + &.default-decoration { + padding: 6px; + background-color: $bg_color; + color: $fg_color; + + &:backdrop { + background-color: $backdrop_bg_color; + color: $backdrop_fg_color; + } + + .button { + &.titlebutton { + padding: 1px; + border-radius:50%; + background-color:transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + + GtkImage { + color: $fg_color; + } + + &:hover { + background-color:darken($bg_color, 10%);; + color:lighten($fg_color, 10%); + + GtkImage { + color: lighten($fg_color, 10%); + } + } + + &:backdrop { + background-color:transparent; + color:$backdrop_fg_color; + + GtkImage { + color: lighten($backdrop_fg_color, 10%); + } + } + + &:active { + background-color:$fg_color; + color:$bg_color; + border-radius:50%; + box-shadow:none; + + GtkImage { + color: lighten($bg_color, 10%); + } + } + } + } + } + } + + &.csd { // rounded bottom border styling for csd version + border:none; + box-shadow: 0 1px 4px 0 transparentize(black, 0.8); + + &.background { + // bigger radius for better antialiasing + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + + .dialog-action-area .button { + padding: 10px 14px; // labels are not vertically centered on message dialog, this is a workaround + border-radius: 0; + background-image:none; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; + + &:first-child { + border-left-style: none; + border-bottom-left-radius: 4px; + // -gtk-outline-bottom-left-radius: 4px; + } + + &:last-child { + border-bottom-right-radius: 4px; + // -gtk-outline-bottom-right-radius: 4px; + } + } + } +} + +GtkFileChooserDialog { + + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + + .dialog-action-box { + border-top: 1px solid $borders_color; + + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + + &:backdrop { border-top-color: $backdrop_borders_color; } + } + + #pathbarbox { border-bottom: 1px solid $bg_color; } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_entries.scss b/Paper/gtk-3.18/widgets/_entries.scss new file mode 100644 index 0000000..cb6c849 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_entries.scss @@ -0,0 +1,139 @@ +/**************** + * Text Entries * + ****************/ + +%entry, +.entry { + %entry_basic, & { + padding: 4px 6px; + border: 1px solid; + border-radius: 3px; + transition: all 200ms $ease-out-quad; + + @include entry(normal); + + // icons inside the entry + GtkImage { + color: mix($fg_color, $base_color, 80%); + + &:hover { color: $fg_color; } + + &:active { color: $selected_bg_color; } + + &:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 80%); } + + &.left { padding-left: 0; padding-right: 6px; } + &.right { padding-left: 6px; padding-right: 0; } + } + + .undershoot { + &.left { @include undershoot(left); } + &.right { @include undershoot(right); } + } + + &.flat { + &:focus, & { + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; + } + } + + &:focus { @include entry(focus); } + + &:insensitive { @include entry(insensitive); } + + &:backdrop { + @include entry(backdrop); + + transition: $backdrop_transition; + } + + &:backdrop:insensitive { @include entry(backdrop-insensitive); } + &:backdrop:insensitive { @include entry(backdrop-insensitive); } + + &:selected { &:focus, & { @extend %selected_items; }} + + // entry error and warning style + @each $e_type, $e_color in (error, $error_color), + (warning, $warning_color) { + &.#{$e_type} { + color: $e_color; + border-color: entry_focus_border($e_color); + + &:focus { @include entry(focus, $e_color); } + + &:selected { &:focus, & { background-color: $e_color; }} + } + } + + } + + .progressbar { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: $selected_bg_color; + border-style: solid; + box-shadow: none; + + &:backdrop { background-color: transparent; } + } + + // linked entries + .linked:not(.vertical) > & { @extend %linked; } + .linked:not(.vertical) > &:focus + &, + .linked:not(.vertical) > &:focus + button, + .linked:not(.vertical) > &:focus + combobox > box > button.combo { border-left-color: entry_focus_border(); } + + // Vertically linked entries + // FIXME: take care of "colored" entries + .linked.vertical > & { + @extend %linked_vertical; + + // brighter border between linked entries + &:not(:insensitive) + entry:not(:insensitive), + &:not(:insensitive) + %entry:not(:insensitive) { + border-top-color: mix($borders_color, $base_color, 30%); + background-image: linear-gradient(to bottom, $base_color); + + &:backdrop { + border-top-color: mix($backdrop_borders_color, $backdrop_base_color, 30%); + background-image: linear-gradient(to bottom, $backdrop_base_color); + } + } + + // brighter border between linked insensitive entries + &:insensitive + %entry:insensitive { border-top-color: mix($borders_color, $base_color, 30%); } + + // color back the top border of a linked focused entry following another entry and add back the focus shadow. + // :not(:only-child) is a specificity bump hack. + + %entry:focus:not(:only-child) { border-top-color: entry_focus_border(); } + + // this takes care of coloring the top border of the focused entry subsequent widget. + // :not(:only-child) is a specificity bump hack. + &:focus:not(:only-child) { + + %entry, + + .entry, + + .button, + + GtkComboBox > box > .button.combo { border-top-color: entry_focus_border(); } + } + } +} + +GtkTreeView .acceleditor > GtkLabel { + background-color: $selected_bg_color; +} + +GtkTreeView .entry { + &.flat, & { + border-radius: 0; + background-image: none; + background-color: $base_color; + + &:focus { border-color: $selected_bg_color; } + } +} diff --git a/Paper/gtk-3.18/widgets/_expanders.scss b/Paper/gtk-3.18/widgets/_expanders.scss new file mode 100644 index 0000000..bcf16e3 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_expanders.scss @@ -0,0 +1,14 @@ +/************* + * Expanders * + *************/ +expander { + .arrow { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + &:hover { color: lighten($fg_color,30%); } //only lightens the arrow + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_floating-bar.scss b/Paper/gtk-3.18/widgets/_floating-bar.scss new file mode 100644 index 0000000..c133354 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_floating-bar.scss @@ -0,0 +1,36 @@ +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: $bg_color; + padding-top:1px; + border-width: 1px; + border-style: solid solid none; + border-color: $borders_color; + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px $top_highlight; + + &.bottom { + + &.left { + border-left-style: none; + border-top-left-radius: 0; + border-top-right-radius: 4px; + } + + &.right { + border-right-style: none; + border-top-right-radius: 0; + border-top-left-radius: 4px; + } + } + + > .button { + padding:4px; + } + + &:backdrop { + background-color: $backdrop_bg_color; + border-color: $backdrop_borders_color; + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_frames.scss b/Paper/gtk-3.18/widgets/_frames.scss new file mode 100644 index 0000000..6114e03 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_frames.scss @@ -0,0 +1,79 @@ +/********** + * Frames * + **********/ +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid $borders_color; + + &.flat { border-style: none; } + + &:backdrop { border-color: $backdrop_borders_color; } +} + +GtkScrolledWindow { + GtkViewport.frame { // avoid double borders when viewport inside scrolled window + border-style: none; + } + + // This is used when content is touch-dragged past boundaries. + // draws a box on top of the content, the size changes programmatically. + overshoot { + &.top { + @include overshoot(top); + + &:backdrop { @include overshoot(top, backdrop); } + } + + &.bottom { + @include overshoot(bottom); + + &:backdrop { @include overshoot(bottom, backdrop); } + } + + &.left { + @include overshoot(left); + + &:backdrop { @include overshoot(left, backdrop); } + } + + &.right { + @include overshoot(right); + + &:backdrop { @include overshoot(right, backdrop); } + } + } + + // Overflow indication, works similarly to the overshoot, the size if fixed tho. + undershoot { + &.top { @include undershoot(top); } + + &.bottom { @include undershoot(bottom); } + + &.left { @include undershoot(left); } + + &.right { @include undershoot(right); } + } + + junction { // the small square between two scrollbars + border-color: transparent; + // the border image is used to add the missing dot between the borders, details, details, details... + border-image: linear-gradient(to bottom, $borders_color 1px, transparent 1px) 0 0 0 1 / 0 1px stretch; + background-color: $scrollbar_bg_color; + + &:dir(rtl) { border-image-slice: 0 1 0 0; } + + &:backdrop { + border-image-source: linear-gradient(to bottom, $backdrop_borders_color 1px, transparent 1px); + background-color: $backdrop_scrollbar_bg_color; + transition: $backdrop_transition; + } + } +} + +//vbox and hbox separators +.separator { + background: transparentize(black, 0.9); +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_granite.scss b/Paper/gtk-3.18/widgets/_granite.scss new file mode 100644 index 0000000..1f947b6 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_granite.scss @@ -0,0 +1,225 @@ +/************ + * Popovers * + ************/ + +GraniteWidgetsPopOver { + + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 8px; + -GraniteWidgetsPopOver-border-width: 0; + -GraniteWidgetsPopOver-shadow-size: 12; + + border: 1px solid $base_color; + background: $base_color; + color: $fg_color; + + .button { + background-image: none; + background: none; + border: none; + + &:active, + &:active:hover, { + color: $selected_bg_color; + } + } + + > .frame { + border:none; + } + + .sidebar.view { + border: none; + background: none; + } +} + +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.popover_bg { + background-color: $base_color; + border: 1px solid $base_color; + color: $fg_color; +} + + +/*********** + * Welcome * + **********/ + +GraniteWidgetsWelcome { + background-color: $base_color; + + GtkLabel { + color: $fg_color; + } + + .h1,.h3 { + color: transparentize($fg_color, 0.2); + } +} + +/************** +* Source List * +***************/ + +.source-list { + -GtkTreeView-horizontal-separator: 4px; + -GtkTreeView-vertical-separator: 4px; + + + background-color: $bg_color; + border: solid $borders_color; + color: $fg_color; + border-right-width: 1px; + + .view { + border-width:0; + border-style:solid; + border-color:$borders_color; + } + + &:backdrop {} + + .category-expander { + border:none; + color: $fg_color; + } + + .badge { + background-image: none; + background-color: transparentize(black, 0.6); + color: $bg_color; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; + + &:selected:backdrop, + &:selected:hover:backdrop { + background-color: transparentize(black, 0.8); + color: darken($bg_color, 5%); + } + } + + .list-row { + border:none; + padding: 0; + + > GtkLabel { + padding-left: 6px; + padding-right: 6px; + } + } + + &.sidebar { + border-width:0; + border-style:solid; + border-color:$borders_color; + + &.left, + &.right { + border-width:0; + } + } +} + +/************** +* Text Styles * +**************/ + +.h1 { + font-size: 24px; +} + +.h2 { + font-weight: 300; + font-size: 18px; +} + +.h3 { + font-size: 9px; +} + +.h4 { + font-weight: bold; + font-size: 9px; +} + +.category-label { + font-size: 9px; + padding: 6px; + color: transparentize($fg_color, 0.1); + font-weight: bold; + text-shadow: 0 1px transparentize(white,0.8); +} + + +/************** +* Storage Bar * +**************/ +.storage-bar { + + .trough { + border: none; + box-shadow:0 1px 0 0 $bottom_highlight; + background-image: none; + background-color: transparent; + padding: 8px 6px; + } + + .fill-block { + background-color: $yellow; + border:none; + box-shadow: inset 0 1px 0 0 transparentize(black, 0.9), inset 0 -1px 0 0 transparentize(black, 0.9); + + transition: all 200ms ease-in-out; + + padding: 8px 6px; + + &:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + box-shadow: inset 0 1px 0 0 transparentize(black, 0.9), + inset 1px 0 0 transparentize(black, 0.9), + inset 0 -1px 0 0 transparentize(black, 0.9); + } + + &:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: inset 0 1px 0 0 transparentize(black, 0.9), + inset -1px 0 0 transparentize(black, 0.9), + inset 0 -1px 0 0 transparentize(black, 0.9); + } + + &.empty-block { + background-color: $base_color; + } + + &.app { + background-color: $blue; + } + + &.audio { + background-color: $orange; + } + + &.photo { + background-color: $red; + } + + &.video { + background-color: $purple; + } + + .legend { + padding: 12px; + border-radius: 4px; + } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_header-bars.scss b/Paper/gtk-3.18/widgets/_header-bars.scss new file mode 100644 index 0000000..2a10f30 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_header-bars.scss @@ -0,0 +1,365 @@ +/*************** + * Header Bars * + ***************/ + +%titlebar, +.header-bar { + padding:0 8px; + border: none; + border-radius: 4px 4px 0 0; + + background-color: $headerbar_bg_color; + color: $headerbar_fg_color; + + box-shadow: inset 0 1px $top_highlight; + + &:backdrop { + background-color: $headerbar_bg_color; + color: $backdrop_headerbar_fg_color; + + box-shadow: inset 0 1px transparentize($top_highlight, 0.4); + + transition: $backdrop_transition; + } + + .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; + color: $headerbar_fg_color; + + &:backdrop { + color:$backdrop_headerbar_fg_color; + } + } + + .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + color: $headerbar_fg_color; + + @extend .dim-label; + } + + // selection mode + &.selection-mode { + + border-radius: 4px 4px 0 0; + + color: $selected_fg_color; + text-shadow: 0 -1px transparentize(black, 0.5); + border-color: $selected_borders_color; + + background-color: $selection_mode_headerbar_bg_color; + box-shadow: inset 0 1px $top_highlight; + + &:backdrop { + background-color: darken($selection_mode_headerbar_bg_color, 10%); + background-image: none; + box-shadow: inset 0 1px transparentize($top_highlight, 0.4); + } + + .subtitle:link { @extend *:link:selected; } + + .selection-menu { + &:backdrop, & { + border-color: transparentize($selected_bg_color, 1); + background-image: linear-gradient(to bottom, transparentize($selected_bg_color, 1)); + box-shadow: none; + text-shadow: none; + padding-left: 10px; + padding-right: 10px; + + GtkArrow { -GtkArrow-arrow-scaling: 1; } + + .arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + color: transparentize($selected_fg_color,0.5); + icon-shadow: none; + } + } + } + } + + .tiled &, + .maximized & { &:backdrop, & { border-radius: 0; }} // squared corners when the window is maximized or tiled + + &.default-decoration { + padding: 6px; + background-color: $headerbar_bg_color; + color: $headerbar_fg_color; + + .maximized { + padding: 6px; + } + + &:backdrop { + background-color: $backdrop_headerbar_bg_color; + color: $backdrop_headerbar_fg_color; + } + } + + // Entries + + .entry { + + margin:6px 0; + border-radius: 2px; + padding: 4px; + + border: none; + box-shadow: none; + background: transparentize($base_color, 0.05); + color: $fg_color; + box-shadow: 0 1px 0 0 transparentize(black, 0.8); + + > .image { + padding-right: 6px; + color: transparentize($fg_color, 0.2); + } + + &:active, + &:focus { + background: $base_color; + color: $fg_color; + + box-shadow: 0 1px 2px 0 transparentize(black, 0.6); + + > .image { + padding-right: 6px; + color: $fg_color; + } + + &:backdrop { + background: transparentize($base_color, 0.2); + color: transparentize($fg_color, 0.5); + box-shadow: none; + } + } + + &:insensitive { + background: transparentize($base_color, 0.4); + color: transparentize($fg_color, 0.5); + box-shadow: none; + + > .image { + padding-right: 6px; + color: transparentize($fg_color, 0.5); + } + + &:backdrop { + background: transparentize($base_color, 0.5); + color: transparentize($fg_color, 0.5); + box-shadow: none; + } + } + + &:backdrop { + background: transparentize($base_color, 0.2); + color: transparentize($fg_color, 0.5); + box-shadow: none; + + > .image { + color: transparentize($fg_color, 0.5); + } + } + } + + // Buttons + + // header bar buttons have no backgrounds or borders + .button { + background-color: transparent; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 10px; + text-shadow: none; + + &.back-button, + &.suggested-action, + &.menu-button, + &.text-button, + &.image-button, + &.linked, + &.flat { + background-color: transparent; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 10px; + text-shadow: none; + color: $headerbar_fg_color; + + &:backdrop { + background-color: transparent; + background-image: none; + text-shadow: none; + color: $backdrop_headerbar_fg_color; + } + + &:hover { + background-image:none; + background-color: transparentize(black, 0.85); + color:lighten($headerbar_fg_color, 10%); + box-shadow:none; + text-shadow:none; + } + } + + GtkImage { + color: $headerbar_fg_color; + } + + &:focus, + &:hover { + background-image:none; + background-color: transparentize(black, 0.85); + color:lighten($headerbar_fg_color, 10%); + box-shadow:none; + text-shadow:none; + } + + &:backdrop { + background-color: transparent; + background-image: none; + color: $backdrop_headerbar_fg_color; + + GtkImage { + color: $backdrop_headerbar_fg_color; + } + } + + &:active, + &:checked { + border-radius: 0px; + + text-shadow: none; + icon-shadow: none; + + box-shadow: inset 0 -2px 0 0 $headerbar_fg_color; + + background-color: transparent; + background-image: none; + color: $headerbar_fg_color; + + &:backdrop { + background-color: transparent; + background-image: none; + color: $backdrop_headerbar_fg_color; + + box-shadow: inset 0 -2px 0 0 $backdrop_headerbar_fg_color; + } + + &:focus, + &:hover { + background-image:none; + background-color: transparentize(black, 0.85); + color:lighten($headerbar_fg_color, 10%); + box-shadow: inset 0 -2px 0 0 $headerbar_fg_color; + } + } + + &:insensitive, + &:insensitive:backdrop { + color: $backdrop_headerbar_fg_color; + background-color: transparent; + background-image: none; + + image, + GtkImage { + -gtk-image-effect: dim; + } + } + + // Title Button + &.titlebutton { + background-color:transparent; + background-image: none; + border-radius:50%; + border: none; + box-shadow: none; + icon-shadow: none; + margin: 0; + padding: 1px; + text-shadow: none; + color:$headerbar_fg_color; + + &:hover { + background-color:transparentize($headerbar_fg_color, 0.9); + color:lighten($headerbar_fg_color, 10%); + } + + &:backdrop { + background-color:transparent; + color:$backdrop_headerbar_fg_color; + } + + &:active { + background-color:$headerbar_fg_color; + color:$headerbar_bg_color; + border-radius:50%; + box-shadow:none; + + GtkImage { + color:$headerbar_bg_color; + } + } + } + + // Linked button + &.linked { + &:first-child, + &:last-child { + border-radius:0; + } + } + } + + // Separator + + .separator { + color: transparent; + background-color: transparent; + } +} + +.titlebar { + &, &:backdrop { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } +} + +.header-bar { + .separator:first-child + &, + separator:first-child + &, // tackles the paned container case + &:first-child { &, &:backdrop { border-top-left-radius: 4px; }} + + &:last-child { &, &:backdrop { border-top-right-radius: 4px; }} +} + +.titlebar:not(headerbar) { + window.csd > & { + // in csd we assume every titlebar is a headerbar so reset anything, this is needed for split toolbars cases + padding: 0; + background-color: $headerbar_bg_color; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; + + &:backdrop { + background-color: $backdrop_headerbar_bg_color; + } + } + + @extend %titlebar; +} diff --git a/Paper/gtk-3.0/widgets/_infobars.scss b/Paper/gtk-3.18/widgets/_infobars.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_infobars.scss rename to Paper/gtk-3.18/widgets/_infobars.scss diff --git a/Paper/gtk-3.18/widgets/_level-bars.scss b/Paper/gtk-3.18/widgets/_level-bars.scss new file mode 100644 index 0000000..2d7876b --- /dev/null +++ b/Paper/gtk-3.18/widgets/_level-bars.scss @@ -0,0 +1,85 @@ +/************* + * Level Bar * + *************/ +GtkLevelBar, +.level-bar { + + -GtkLevelBar-min-block-width: 32; + -GtkLevelBar-min-block-height: 8; + + &:backdrop { transition: $backdrop_transition; } + + .trough { + @extend %scale_trough; + margin: 0; + padding:2px; + border-radius:3px; + } + + &.horizontal.indicator-discrete.fill-block { margin: 0 1px; } + &.horizontal.discrete block { margin: 0 1px; } + + &.vertical.indicator-discrete.fill-block { margin: 1px 0; } + &.vertical.discrete block { margin: 1px 0; } + + %fill-block, + .fill-block { + + border-radius:2px; + + &.low, + &.level-low { + border:1px solid darken($warning_color,10%); + background-color: $warning_color; + + &:backdrop { border:1px solid $warning_color; }; + } + + &.high, + &.level-high { + border:1px solid darken($selected_bg_color,10%); + background-color: $selected_bg_color; + + &:backdrop { border:1px solid $selected_bg_color; } + } + + &.full, + &.level-full { + border:1px solid darken($success_color,10%); + background-color: $success_color; + + &:backdrop { border:1px solid $success_color; }; + } + + &.empty, + &.level-empty { + background-color: transparent; + border:1px solid if($variant=='light', transparentize($fg_color,0.8), + transparentize($fg_color,0.9)); + box-shadow: none; + + &:backdrop { border-color: transparentize($backdrop_fg_color,0.85); } + } + } + + // Trough + &.horizontal, + &.vertical { + .trough { + @extend %scale_trough; + } + } + + + // Vertical + &.vertical { + -GtkLevelBar-min-block-width: 8; + -GtkLevelBar-min-block-height: 32; + + .fill-block { + + @extend %fill-block; + + } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_links.scss b/Paper/gtk-3.18/widgets/_links.scss new file mode 100644 index 0000000..7fcdadf --- /dev/null +++ b/Paper/gtk-3.18/widgets/_links.scss @@ -0,0 +1,49 @@ +/********* + * Links * + *********/ +*:link { + color: $link_color; + + &:visited { + color: $link_visited_color; + + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); } + } + + &:hover { + color: lighten($link_color,10%); + + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 90%); } + } + + &:active { + color: $link_color; + + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } + } + + &:backdrop { &:backdrop:hover, &:backdrop:hover:selected, & { color: $selected_bg_color; }} + + @at-root %link_selected, + &:selected, + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } +} + +.button:link, +.button:visited { + @extend %undecorated_button; + + @extend *:link; + + text-shadow: none; + + &:hover, + &:active, + &:checked { + @extend %undecorated_button; + + text-shadow: none; + } + + > GtkLabel { text-decoration-line: underline; } +} diff --git a/Paper/gtk-3.18/widgets/_lists.scss b/Paper/gtk-3.18/widgets/_lists.scss new file mode 100644 index 0000000..cd33b1e --- /dev/null +++ b/Paper/gtk-3.18/widgets/_lists.scss @@ -0,0 +1,29 @@ +/********* + * Lists * + *********/ +.list { + color: $text_color; + background-color: $base_color; + border-color: $borders_color; + + &:backdrop { + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } + +} + +.list-row { + border-radius:0; + transition: all 150ms $ease-out-quad; + + GtkImage { + padding-right: 6px; + } + + &:hover { transition: none; } + + &:backdrop { transition: $backdrop_transition; } + + &:selected { @extend %selected_items; } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_menus.scss b/Paper/gtk-3.18/widgets/_menus.scss new file mode 100644 index 0000000..072540f --- /dev/null +++ b/Paper/gtk-3.18/widgets/_menus.scss @@ -0,0 +1,117 @@ +/********* + * Menus * + *********/ +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: inset 0 -1px transparentize(black, 0.9); + background-color: $headerbar_bg_color; + color: $headerbar_fg_color; + + &:backdrop { background-color: $backdrop_headerbar_bg_color; } + + > .menuitem { + padding: 4px 8px; + + &:hover { //Seems like it :hover even with keyboard focus + box-shadow: inset 0 -3px $selected_bg_color; + color: $headerbar_fg_color; + } + + &:insensitive { + color: $insensitive_fg_color; + box-shadow: none; + } + } +} + +.menu, +.popup { + padding: 4px 0px; + background-color: $menu_color; + border: 1px solid $borders_color; // adds borders in a non composited env + border-radius: 4px; + box-shadow: 0 2px 4px 0 transparentize(black,0.9), + inset 0 1px 0 0 transparentize(white,0.9); + + .csd & { border: none; } // axes borders in a composited env + + &:backdrop { background-color: $backdrop_menu_color; } + + .menuitem { + padding: 8px 4px; + text-shadow: none; + + &:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + + &:insensitive { + color: $insensitive_fg_color; + &:backdrop { color: $backdrop_insensitive_color; } + } + + &:backdrop, + &:backdrop:hover { + color: $backdrop_fg_color; + background-color: transparent; + } + + // submenu indicators + .arrow { + + &:dir(ltr) { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + margin-left: 10px; + } + + &:dir(rtl) { + -gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); + margin-right: 10px; + } + } + } + + // overflow arrows + > .arrow { + @include button(undecorated); + + padding: 4px; + background-color: $menu_color; + border-radius: 0; + + &.top { + margin-top: -6px; + border-bottom: 1px solid mix($fg_color, $base_color, 10%); + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + } + + &.bottom { + margin-bottom: -6px; + border-top: 1px solid mix($fg_color, $base_color, 10%); + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + + &:hover { background-color: mix($fg_color, $base_color, 10%); } + + &:backdrop { background-color: $backdrop_menu_color; } + + &:insensitive { + color: transparent; + background-color: transparent; + border-color: transparent ; + } + } +} + +.menuitem { + .accelerator { color: gtkalpha(currentColor,0.55); } + + .check, + .radio { + + &:dir(ltr) { margin-right: 7px; } + &:dir(rtl) { margin-left: 7px; } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_misc.scss b/Paper/gtk-3.18/widgets/_misc.scss new file mode 100644 index 0000000..e26f75b --- /dev/null +++ b/Paper/gtk-3.18/widgets/_misc.scss @@ -0,0 +1,66 @@ +/******** + * Misc * + ********/ + +//content view (grid/list) +.content-view { + background-color: darken($bg_color,7%); + + &:hover { -gtk-image-effect: highlight; } + + &:backdrop { background-color: darken($bg_color,7%); } + +} + +.scale-popup { + .osd & { @extend %osd; } + + .osd & button.flat { //FIXME: quick hack, redo properly + border-style: none; + border-radius: 5px; + } + + // +/- buttons on GtkVolumeButton popup + .button, + button { + &:hover { + @extend %undecorated_button; + background-color: transparentize($fg_color,0.9); + border-radius: 5px; + } + + &:backdrop { &:hover, &:insensitive, & { @extend %undecorated_button; }} + } +} + +.separator { + color: $borders_color; +} + +/************ +* Assistant * +*************/ + +GtkAssistant { + + border-bottom-left-radius:4px; + border-bottom-right-radius:4px; + + .sidebar { + background-color: $base_color; + border-top: 1px solid $borders_color; + + border-bottom-left-radius:4px; + + &:backdrop { + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } + } + + &.csd .sidebar { border-top-style: none; } + + .sidebar GtkLabel { padding: 6px 12px; } + + .sidebar GtkLabel.highlight { background-color: mix($bg_color, $fg_color, 80%); } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_notebooks.scss b/Paper/gtk-3.18/widgets/_notebooks.scss new file mode 100644 index 0000000..1e8a087 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_notebooks.scss @@ -0,0 +1,113 @@ +/************* + * Notebooks * + *************/ +.dynamic-notebook, +.notebook { + padding:0; + background-color: $base_color; + box-shadow:0 0 0 1px $borders_color; + background-clip: border-box; + + > .header { + border: none; + box-shadow:none; + background-color: $bg_color; + } + + > tab { + border-radius: 0; + background-color: $bg_color; + + &.top { + padding: 6px 8px 8px 8px; + box-shadow:inset 0 -1px 0 0 $borders_color; + + &:active { + box-shadow:inset 0 -3px 0 0 $selected_bg_color; + + &:backdrop { + box-shadow:inset 0 -3px 0 0 $backdrop_selected_bg_color; + } + } + + &:backdrop { + box-shadow:inset 0 -1px 0 0 $backdrop_borders_color; + } + + &:insensitive { + box-shadow:inset 0 -1px 0 0 $insensitive_borders_color; + } + } + + &.bottom { + padding: 8px 8px 6px 8px; + box-shadow:inset 0 1px 0 0 $borders_color; + + &:active { + box-shadow:inset 0 3px 0 0 $selected_bg_color; + + &:backdrop { + box-shadow:inset 0 3px 0 0 $backdrop_selected_bg_color; + } + } + + &:backdrop { + box-shadow:inset 0 1px 0 0 $backdrop_borders_color; + } + + &:insensitive { + box-shadow:inset 0 1px 0 0 $insensitive_borders_color; + } + } + + &.left { + padding: 8px; + box-shadow:inset -1px 0 0 0 $borders_color; + + &:active { + box-shadow:inset -3px 0 0 0 $selected_bg_color; + + &:backdrop { + box-shadow:inset -3px 0 0 0 $backdrop_selected_bg_color; + } + } + + &:backdrop { + box-shadow:inset -1px 0 0 0 $backdrop_borders_color; + } + + &:insensitive { + box-shadow:inset -1px 0 0 0 $insensitive_borders_color; + } + } + + &.right { + padding: 8px; + box-shadow:inset 1px 0 0 0 $borders_color; + + &:active { + box-shadow:inset 3px 0 0 0 $selected_bg_color; + + &:backdrop { + box-shadow:inset 3px 0 0 0 $backdrop_selected_bg_color; + } + } + + &:backdrop { + box-shadow:inset 1px 0 0 0 $backdrop_borders_color; + } + + &:insensitive { + box-shadow:inset 1px 0 0 0 $insensitive_borders_color; + } + } + + &:active { + font-weight: bold; + } + + &:hover { + background: darken($bg_color, 5%); + } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_paned.scss b/Paper/gtk-3.18/widgets/_paned.scss new file mode 100644 index 0000000..1b1e987 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_paned.scss @@ -0,0 +1,56 @@ +/********* + * Paned * + *********/ +.paned { + > .separator { + -gtk-icon-source: none; // defeats the ugly default handle decoration + border-style: none; // just to be sure + background-color: $borders_color; + // workaround, using background istead of a border since the border will get rendered twice (?) + background-size: 1px 1px; + + &:selected { background-color: $selected_bg_color } // FIXME is this needed? + + &:backdrop { background-color: $backdrop_borders_color } + + } + + border: solid $borders_color; + border-left-width: 1px; + + &.horizontal > .separator { + background-repeat: repeat-y; + + &:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; + } + &:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; + } + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; + } + } + + &.vertical > .separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; + } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/_pathbars.scss b/Paper/gtk-3.18/widgets/_pathbars.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_pathbars.scss rename to Paper/gtk-3.18/widgets/_pathbars.scss diff --git a/Paper/gtk-3.18/widgets/_popovers.scss b/Paper/gtk-3.18/widgets/_popovers.scss new file mode 100644 index 0000000..bac0699 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_popovers.scss @@ -0,0 +1,43 @@ +/************ + * Popovers * + ************/ +GtkPopover, +.popover.background { + padding: 2px; + border-radius: 4px; + border:none; + background-color: $popover_bg_color; + + .csd &, & { border: 1px solid $borders_color; } + + box-shadow: 0 1px 2px transparentize(black, 0.7); + + &:backdrop { + background-color: $backdrop_bg_color; + box-shadow: none; + } + + > .view, + > .toolbar { + border-style: none; + background-color: transparent; + } + + .csd &, & { + &.touch-selection, + &.magnifier { + @extend %osd; + + border: 1px solid transparentize(white, 0.9); + + button { @extend %osd_button }; + } + + &.osd { @extend %osd; } + } + + .separator { margin: 3px; } + + .check, + .radio { @extend modelbutton.flat; } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_progress-bars.scss b/Paper/gtk-3.18/widgets/_progress-bars.scss new file mode 100644 index 0000000..e86d4ec --- /dev/null +++ b/Paper/gtk-3.18/widgets/_progress-bars.scss @@ -0,0 +1,91 @@ +/***************** + * Progress bars * + *****************/ + +GtkProgressBar, +.progressbar { + + @extend %scale_trough; + + // sizing + &.horizontal progress { margin: 0 -1px; } // the progress node is positioned after the trough border + &.vertical progress { margin: -1px 0; } // this moves it over it. + + + // FIXME: insensitive state missing and some other state should be set probably + font-size: smaller; + color: transparentize($fg_color, 0.6); + + &:active { + border-radius:0px; + color: transparentize(black,0.5); + background-color: $selected_bg_color; + border-color: darken($selected_bg_color, 10%); + + &:backdrop { + background-color: lighten($selected_bg_color, 10%); + border-color: lighten(darken($selected_bg_color, 10%), 10%); + } + } + + &:backdrop { + transition: $backdrop_transition; + } + + .progressbar { + @extend %scale_highlight; + + border-radius: 0px; + + // default 2px + &.left { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + } + + &.right { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + } + + &.top { + border-top-right-radius: 0px; + border-top-left-radius: 0px; + } + + &.bottom { + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; + } + } + + &:backdrop .progressbar { @extend %scale_highlight:backdrop; } // states not passed here as well + &:backdrop progress { @extend %scale_highlight:backdrop; } // states not passed here as well + + &.osd { // progressbar.osd used for epiphany page loading progress + background-color: transparent; + + .trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; + } + + .progressbar { + border-style: none; + border-radius: 0; + } + } + + // In-Row + + row, + .list-row { + &:selected { + border: 1px solid darken($selected_bg_color, 10%); + color: transparentize(black,0.5); + background-color: $selected_bg_color; + } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_scales.scss b/Paper/gtk-3.18/widgets/_scales.scss new file mode 100644 index 0000000..388828f --- /dev/null +++ b/Paper/gtk-3.18/widgets/_scales.scss @@ -0,0 +1,268 @@ +/********** + * Scales * + **********/ + +%scale_trough { + border:none; + background-color: $base_color; + box-shadow: inset 0 0 0 1px transparentize(black, 0.8), 0px 1px $bottom_highlight; + + padding:0; + margin: 0; + + &:insensitive { + background-color: $insensitive_bg_color; + } + + &:backdrop { + background-color: $backdrop_base_color; + transition: $backdrop_transition; + + &:insensitive { background-color: $insensitive_bg_color; } + } + + // on selected list rows + row:selected & { + box-shadow: none; + + &, &:insensitive { border-color: $selected_borders_color; } + } + + // OSD + .osd & { + border-color: $osd_borders_color; + background-color: transparentize($osd_borders_color, 0.2); + box-shadow: none; + outline-color: transparentize($osd_fg_color, 0.8); + + &:insensitive { background-color: $osd_insensitive_bg_color; } + } +} + +%scale_highlight { + + border: 1px solid $selected_borders_color; + background-color: $selected_bg_color; + box-shadow: 0px 1px $bottom_highlight; + + border-radius: 4px; + + + &:insensitive { + border: 1px solid darken($borders_color, 15%); + background-color: darken($bg_color, 20%); + } + + &:backdrop, + &:active:backdrop { + border-color: if($variant=='light', $selected_bg_color, $selected_borders_color); + background-color: lighten($selected_bg_color, 10%); + &:insensitive { + background-color: transparent; + border-color: transparent; + } + } + + // on selected list rows + .list-row:selected & { &:insensitive, & { border-color: $selected_borders_color; } } + row:selected & { &:insensitive, & { border-color: $selected_borders_color; } } + + // OSD + .osd & { + border-color: $osd_borders_color; + + &:insensitive { border-color: transparent; } + } +} + + +// Scale +.scale { + // sizing + + $_marks_length: 6px; + $_marks_distance: 6px; + + + -GtkScale-slider-length: 16px; + -GtkRange-slider-width: 16px; + -GtkRange-trough-border: 0px; + + padding: 8px; + + // those are inside the trough node, I need them to show their own border over the trough one, so negative margin + .highlight { margin: -1px; } + + // Slider, the scale handle + .slider { + margin: 2px; + + background-color:$base_color; + box-shadow:0 1px 1px 0 transparentize(black, 0.8); + border: 1px solid transparentize(black, 0.7); + border-radius: 12px; + + transition: $button_transition; + transition-property: background, border, box-shadow; + + &:hover {} + &:active { + box-shadow:0 1px 1px 0 transparentize($selected_bg_color, 0.5); + border: 1px solid $selected_bg_color; + + &:insensitive { + box-shadow:none; + border: 1px solid transparentize(black, 0.8); + } + } + + &:insensitive { + box-shadow:none; + } + + &:backdrop {} + + .list-row:selected & { &, &:insensitive { border-color: $selected_borders_color; } } + row:selected & { &, &:insensitive { border-color: $selected_borders_color; } } + + // OSD + .osd & { + @include button(osd); + border-color: darken($osd_borders_color, 3%); + background-color: opacify($osd_bg_color, 1); // solid background needed here + + &:hover { @include button(osd-hover); } + + &:active { @include button(osd-active); } + + &:insensitive { @include button(osd-insensitive); } + + &:backdrop { + @include button(osd-backdrop); + + &:insensitive { @include button(osd-backdrop-insensitive); } + } + } + } + + // Trough + .trough { + @extend %scale_trough; + border-radius: 2px; + margin: 6px; + + outline-offset: 2px; + outline-radius: 5px; + + &.horizontal { + } + + &.vertical { + } + } + + + // The coloured part of the Trough + .highlight{ + @extend %scale_highlight; + } + + // Fine-tune mode + // when you click-and-hold the slider + &.fine-tune { + + &.horizontal { + padding-top: 9px; + padding-bottom: 9px; + } + + &.vertical { + padding-left: 9px; + padding-right: 9px; + } + + // to make the trough grow in fine-tune mode + .slider { + + background-color:$base_color; + border-color:$base_color; + border: 1px solid transparentize(black, 0.7); + border-radius: 12px; + box-shadow:none; + } + + .trough { + @extend %scale_trough; + + border-radius:6px; + + outline-offset: 2px; + outline-radius: 5px; + + margin: 2px; + } + + .highlight { + @extend %scale_highlight; + } + } + + // this is another differently styled part of the backing bit, the most relevant use case is for example + // in media player to indicate how much video stream as been cached + fill { + @extend %scale_trough; + border-radius: 2px; + + &, &:backdrop { + background-color: $borders_color; + box-shadow: none; + } + + &:insensitive { + &, &:backdrop { + border-color: transparent; + background-color: transparent; + } + } + + // OSD + .osd & { + background-color: mix($osd_fg_color, $osd_borders_color, 25%); + + &:insensitive { + &, &:backdrop { + border-color: transparent; + background-color: transparent; + } + } + } + } + + value { color: gtkalpha(currentColor, 0.4); } + + marks { + color: gtkalpha(currentColor, 0.4); + + @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), + (bottom, bottom, top), + (top, left, right), + (bottom, right, left) { + &.#{$marks_class} { + margin-#{$marks_margin}: $_marks_distance; + margin-#{$marks_pos}: -($_marks_distance + $_marks_length); + } + } + } + + &.fine-tune marks { + @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), + (bottom, bottom, top), + (top, left, right), + (bottom, right, left) { + &.#{$marks_class} { + margin-#{$marks_margin}: $_marks_distance; + margin-#{$marks_pos}: -($_marks_distance + $_marks_length - 3px); + } + } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_scrollbars.scss b/Paper/gtk-3.18/widgets/_scrollbars.scss new file mode 100644 index 0000000..f127e2c --- /dev/null +++ b/Paper/gtk-3.18/widgets/_scrollbars.scss @@ -0,0 +1,188 @@ +/************** + * Scrollbars * + **************/ + +.scrollbar { + $_slider_min_length: 40px; + + // disable steppers + @at-root * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + } + + background-color: $scrollbar_bg_color; + transition: 300ms $ease-out-quad; + + // scrollbar border + &.top { border-bottom: 1px solid $borders_color; } + &.bottom { border-top: 1px solid $borders_color; } + &.left { border-right: 1px solid $borders_color; } + &.right { border-left: 1px solid $borders_color; } + + &:backdrop { + background-color: $backdrop_scrollbar_bg_color; + border-color: $backdrop_borders_color; + transition: $backdrop_transition; + } + + // slider + .slider { + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: $scrollbar_slider_color; + + &:hover { background-color: $scrollbar_slider_hover_color; } + + &:hover:active { background-color: $scrollbar_slider_active_color; } + + &:backdrop { background-color: $backdrop_scrollbar_slider_color; } + + &:insensitive { background-color: transparent; } + } + + &.fine-tune { + .slider { + } + + &.horizontal .slider { border-width: 5px 4px; } + &.vertical .slider { border-width: 4px 5px; } + } + + &.overlay-indicator { + &:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; + + .slider { + margin: 0; + background-color: $fg_color; + border: 1px solid if($variant == 'light', white, black); + } + + .button, + button { + background-color: $fg_color; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid if($variant == 'light', white, black); + -gtk-icon-source: none; + } + + &.horizontal { + .slider, + slider { + margin: 0 2px; + } + + .button, + button { + margin: 1px 2px; + } + } + + &.vertical { + .slider { + margin: 2px 0; + } + + .button { + margin: 2px 1px; + } + } + } + + &.dragging, + &.hovering { opacity: 0.8; } + } + + + + // button styling + .button { + padding: 0; + border-style: none; + border-radius: 0; + + @include button(undecorated); + + color: $scrollbar_slider_color; + + &:hover { + @include button(undecorated); + + color: $scrollbar_slider_hover_color; + } + &:active, &:checked { + @include button(undecorated); + + color: $scrollbar_slider_active_color; + } + &:insensitive { + @include button(undecorated); + + color: transparentize($scrollbar_slider_color, 0.8); + } + &:backdrop { + @include button(undecorated); + + color: $backdrop_scrollbar_slider_color; + + &:insensitive { + @include button(undecorated); + + color: transparentize($backdrop_scrollbar_slider_color, 0.8); + } + } + } + + // button icons + &.vertical { + .button, + button { + &.down { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + &.up { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } + } + } + + &.horizontal { + .button, + button { + &.down { -gtk-icon-source: -gtk-icontheme('pan-right-symbolic'); } + &.up { -gtk-icon-source: -gtk-icontheme('pan-left-symbolic'); } + } + } +} + +GtkTreeView ~ .scrollbar.vertical { + border-top: 1px solid $borders_color; + margin-top: -1px; +} + + +/********************** + * Overlay Scrollbars * + *********************/ + +OsThumb, +OsScrollbar { + + color: $selected_bg_color; + + &:active, + &:selected { + background-color: $selected_bg_color; + } + + &:backdrop, + &:active:backdrop { + background-color: $backdrop_fg_color; + } + + &:insensitive { + background-color: $insensitive_fg_color; + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_sidebar.scss b/Paper/gtk-3.18/widgets/_sidebar.scss new file mode 100644 index 0000000..35a26e9 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_sidebar.scss @@ -0,0 +1,73 @@ +/*********** + * Sidebar * + ***********/ +.sidebar { + padding:0; + border-style: solid; + background-color: $bg_color; + + &.left { + border-right: 1px solid $borders_color; + border-left-style: none; + } + + &.right { + border-left: 1px solid $borders_color; + border-right-style: none; + } + + &:backdrop { + background-color: $backdrop_sidebar_bg_color; + border-color: $backdrop_borders_color; + transition: $backdrop_transition; + } + + .frame { + border-width:0; + border-left-width:1px; + border-right-width:1px; + } + + .sidebar-item, + .sidebar-row { + padding: 5px 8px; + + GtkImage { + padding-right: 6px; + padding-left: 6px; + } + + &:selected, + &:active { + background-color: $selected_bg_color; + color: $selected_fg_color; + + &:hover { + background-color: $selected_bg_color; + color: $selected_fg_color; + box-shadow:none; + } + + &:backdrop { + background-color: lighten($selected_bg_color, 20%); + } + } + + &:hover { + background-color: $base_color; + color: $fg_color; + box-shadow:0 2px 2px 0 transparentize(black, 0.8); + + &:backdrop { + box-shadow:none; + } + } + } + + .separator { + color: $borders_color; + } + + .paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; }} + +} diff --git a/Paper/gtk-3.18/widgets/_spinbuttons.scss b/Paper/gtk-3.18/widgets/_spinbuttons.scss new file mode 100644 index 0000000..f168d7c --- /dev/null +++ b/Paper/gtk-3.18/widgets/_spinbuttons.scss @@ -0,0 +1,172 @@ +/***************** + * GtkSpinButton * + *****************/ + +.spinbutton { + &:not(.vertical) { + + @extend %entry; + + .entry { + padding: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + } + + .button { + margin: 0; + padding: 6px; + color: mix($fg_color, $base_color, 90%); + background-image: none; + border-style: none none none solid; + border-color: transparentize($borders_color, 0.7); + border-radius: 0; + box-shadow: none; + + &:dir(rtl) { border-style: none solid none none; } + + &:hover { + color: $fg_color; + background-color: $base_hover_color; + } + + &:insensitive { color: transparentize($insensitive_fg_color, 0.7); } + + &:active { + background-color: transparentize(black, 0.9); + box-shadow: inset 0 2px 3px -1px transparentize(black, 0.8); + } + + &:backdrop { + color: mix($backdrop_fg_color, $backdrop_base_color, 90%); + background-color: transparent; + border-color: transparentize($backdrop_borders_color, 0.7); + transition: $backdrop_transition; + } + + &:backdrop:insensitive { + color: transparentize($backdrop_insensitive_color,0.7); + background-image: none; + border-style: none none none solid; // It is needed or it gets overridden + + &:dir(rtl) { border-style: none solid none none; } + } + } + } + + // OSD horizontal + .osd &:not(.vertical) { + .button { + @include button(undecorated); + + color: $osd_fg_color; + border-style: none none none solid; + border-color: transparentize($osd_borders_color, 0.3); + border-radius: 0; + box-shadow: none; + + &:dir(rtl) { border-style: none solid none none; } + + &:hover { + @include button(undecorated); + + color: $osd_fg_color; + border-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-color: transparentize($osd_fg_color, 0.9); + box-shadow: none; + } + + &:backdrop { + @include button(undecorated); + + color: $osd_fg_color; + border-color: transparentize(opacify($osd_borders_color, 1), 0.5); + box-shadow: none; + } + + &:insensitive { + @include button(undecorated); + + color: $osd_insensitive_fg_color; + border-color: transparentize(opacify($osd_borders_color, 1), 0.5); + box-shadow: none; + } + + &:last-child { border-radius: 0 3px 3px 0; } + + &:dir(rtl):first-child { border-radius: 3px 0 0 3px; } + } + } + + // Vertical + &.vertical { + + &:insensitive { color: $insensitive_fg_color; } + &:backdrop:insensitive { color: $backdrop_insensitive_color; } + + .entry { + padding: 0; + border-radius: 0; + } + + .button { + padding: 0; + border: none; + background: none; + box-shadow: none; + color: $fg_color; + + &:hover { + background-color:$selected_bg_color; + color: $selected_fg_color; + icon-shadow:none; + } + + &:active { + background-color:transparent; + color: $fg_color; + } + + &.up { @extend %top_button; } + + &.down { @extend %bottom_button; } + } + + %top_button { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; + } + + %bottom_button { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; + } + } + + // OSD vertical + .osd &.vertical button:first-child { + @include button(osd); + + &:hover { @include button(osd-hover);} + + &:active { @include button(osd-active); } + + &:insensitive { @include button(osd-insensitive); } + + &:backdrop { @include button(osd-backdrop); } + } + + // Misc + + GtkTreeView &:not(.vertical) { + border-style: none; + border-radius: 0; + + .entry { + padding: 1px 2px; + } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/_spinner.scss b/Paper/gtk-3.18/widgets/_spinner.scss similarity index 91% rename from Paper/gtk-3.0/widgets/_spinner.scss rename to Paper/gtk-3.18/widgets/_spinner.scss index cb14b08..b8b9f4a 100644 --- a/Paper/gtk-3.0/widgets/_spinner.scss +++ b/Paper/gtk-3.18/widgets/_spinner.scss @@ -28,6 +28,6 @@ spinner { opacity: 1; animation: spin 1s linear infinite; - &:insensitive, &:disabled { opacity: 0.5; } + &:insensitive, &:insensitive { opacity: 0.5; } } } \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_switches.scss b/Paper/gtk-3.18/widgets/_switches.scss new file mode 100644 index 0000000..8c1845e --- /dev/null +++ b/Paper/gtk-3.18/widgets/_switches.scss @@ -0,0 +1,79 @@ +/********** + * Switch * + **********/ +GtkSwitch { + -GtkSwitch-slider-width: 24px; + -GtkSwitch-slider-height: 24px; + + font: 1; + font-weight: bold; + outline-offset: -4px; + transition: all 200ms ease-in; + + border: none; + border-radius: 14px; + color: transparent; + + background-color: transparentize(black, 0.9); + box-shadow: inset 0 0 0 1px transparentize(black, 0.95), 0px 1px $bottom_highlight; + + &:insensitive { + background-color: $insensitive_bg_color; + } + + &:backdrop { + background-color: $backdrop_bg_color; + transition: $backdrop_transition; + + &:insensitive { background-color: $insensitive_bg_color; } + } + + + &:active, + &:checked { + background-color: $selected_bg_color; + + &:backdrop { + background-color: $backdrop_selected_bg_color; + + .slider, + slider { + &:backdrop { + box-shadow:none; + background-color:transparentize($base_color, 0.1); + border:none; + } + } + } + } + + // Handle + .slider { + padding:2px; + border-radius: 50%; + transition: $button_transition; + background-color: $base_color; + + box-shadow: 0 2px 2px transparentize(black, 0.8), + 0 1px 2px transparentize(black, 0.8); + + &:backdrop { + padding:2px; + box-shadow:none; + background-color:$base_color; + } + } + + // Trough + .trough { + + &:active, + &:checked { + background-color: $selected_bg_color; + + &:backdrop { + background-color: $backdrop_selected_bg_color; + } + } + } +} diff --git a/Paper/gtk-3.0/widgets/_toolbars.scss b/Paper/gtk-3.18/widgets/_toolbars.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_toolbars.scss rename to Paper/gtk-3.18/widgets/_toolbars.scss diff --git a/Paper/gtk-3.18/widgets/_tooltips.scss b/Paper/gtk-3.18/widgets/_tooltips.scss new file mode 100644 index 0000000..bd34a1d --- /dev/null +++ b/Paper/gtk-3.18/widgets/_tooltips.scss @@ -0,0 +1,29 @@ +/************ + * Tooltips * + ************/ +.tooltip, +.overlay-bar { + + margin: 4px; + border: none; + border-radius: 3px; + background-color: $base_color; + color: $fg_color; + box-shadow: 0 1px 2px 0 transparentize(black, 0.7); + + &.background { + background-color: $base_color; + border: none; + } + + * { // Yeah this is ugly + padding: 2px; + background-color: transparent; + color: $fg_color; + } + + .csd { + border-radius: 5px; + box-shadow: none; + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_treeviews.scss b/Paper/gtk-3.18/widgets/_treeviews.scss new file mode 100644 index 0000000..92bbc7b --- /dev/null +++ b/Paper/gtk-3.18/widgets/_treeviews.scss @@ -0,0 +1,226 @@ +/************** + * Tree Views * + **************/ +GtkTreeView.view, +treeview.view { + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + + border-left-color: mix($fg_color, $base_color, 50%); // this is actually the tree lines color, + border-top-color: $bg_color; // while this is the grid lines color, better then nothing + + .rubberband,rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props + + &:selected { + &:focus, & { + border-radius: 0; + + @extend %selected_items; + } + + &:backdrop, & { + border-left-color: mix($selected_fg_color, $selected_bg_color, 50%); + border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunatelly + } + } + + &:insensitive { + color: $insensitive_fg_color; + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 40%); + &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } + } + + &:backdrop { color: $backdrop_insensitive_color; } + } + + &.separator { + color: $bg_color; + + &:backdrop { color: transparentize($bg_color, 0.9); } + } + + &:backdrop { + border-left-color: mix($backdrop_fg_color, $backdrop_bg_color, 50%); + border-top: $backdrop_bg_color; + } + + &.expander { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + color: mix($fg_color, $base_color, 70%); + + &:hover { color: $fg_color; } + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 70%); + + &:hover { color: $selected_fg_color; } + + &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 70%); } + } + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + + &:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 70%); } + } + + &.progressbar { // progress bar in treeviews + @if $variant == light { color: $base_color; } + + border: 1px solid $selected_borders_color; + border-radius: 4px; + background-color: $selected_bg_color; + background-image: linear-gradient(to bottom, + $selected_bg_color, + darken($selected_bg_color,10%)); + box-shadow: inset 0 1px if($variant=='light', transparentize(white,0.7), + transparentize(white,0.85)), + 0 1px if($variant=='light', transparentize(black, 0.8), + transparentize(black,0.9)); + + &:selected { + &:focus, & { + border-radius: 0; + + @if $variant == 'light' { + color: $selected_bg_color; + box-shadow: none; + } + + @else { box-shadow: inset 0 1px transparentize(white, 0.95); } + + background-image: linear-gradient(to bottom, + $base_color, + darken($base_color,10%)); + + &:backdrop { + @if $variant == 'light' { + color: $selected_bg_color; + border-color: $selected_borders_color; // otherwise it gets inherited by .view(?!?) + } + + @else { border-color: $backdrop_base_color; } + + background-color: $backdrop_base_color; + } + } + } + + &:backdrop { + @if $variant == 'light' { color: $backdrop_base_color; } + + @else { border-color: $backdrop_base_color; } + + background-image: none; + box-shadow: none; + } + } + + + // progress bar trough in treeviews + &.trough { + background-color: transparentize($fg_color,0.9); + border-radius: 4px; + + &:selected { + &:focus, & { + background-color: if($variant == 'light', + transparentize($selected_fg_color, 0.7), + darken($selected_bg_color, 10%)); + border-radius: 4px; + + @if $variant == 'light' { + border-width: 1px 0; + border-style: solid; + border-color: $selected_bg_color; + } + } + } + } + + // Column Header + + column-header, + header { + .button, + button { + $_column_header_color: mix($fg_color, $base_color, 50%); + + @extend %column_header_button; + + color: $_column_header_color; + background-color: $base_color; + font-weight: bold; + text-shadow: none; + box-shadow: none; + + &:hover { + @extend %column_header_button; + + color: mix($_column_header_color, $fg_color, 50%); + box-shadow: none; + transition: none; //I shouldn't need this + } + + &:active { + @extend %column_header_button; + + color: $fg_color; + transition: none; //I shouldn't need this + } + } + + button:last-child { &:backdrop, & { border-right-style: none; }} + } + + // for treeview-like derive widgets + .button.dnd, + button.dnd, + column-header.button.dnd, + header.button.dnd { + &:active, &:selected, &:hover, & { + padding: 4px 6px; + transition: none; + background-image: none; + background-color: $selected_bg_color; + color: $base_color; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px $base_color; + text-shadow: none; + } + } +} + +%column_header_button { + padding: 4px 6px; + border-radius: 0; + background-image: none; + text-shadow: none; + border-style: none solid solid none; + border-color: $bg_color; + + &:insensitive { + border-color: $bg_color; + background-image: none; + } + + &:backdrop { + border-color: $backdrop_bg_color; + border-style: none solid solid none; + color: mix($backdrop_fg_color, $backdrop_bg_color, 50%); + background-image: none; + background-color: $backdrop_base_color; + + &:insensitive { + border-color: $backdrop_bg_color; + background-image: none; + } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.18/widgets/_windows.scss b/Paper/gtk-3.18/widgets/_windows.scss new file mode 100644 index 0000000..e1e22e2 --- /dev/null +++ b/Paper/gtk-3.18/widgets/_windows.scss @@ -0,0 +1,41 @@ +/********************** + * Window Decorations * + *********************/ + +.window-frame { + + border-radius: 4px; + border-width: 0px; + + box-shadow: 0 8px 9px 1px transparent, + 0 8px 6px 1px transparentize(black, 0.5); + + margin: 10px; + + &:backdrop { + box-shadow: 0 3px 9px 1px transparent, + 0 6px 6px 0 transparentize(black, 0.7); + transition: $backdrop_transition; + } + + .fullscreen &, + .tiled & { border-radius: 0; } + + .popup & { box-shadow: none; } + + // server-side decorations as used by mutter + .ssd & { box-shadow: 0 0 0 1px transparentize(black,0.5);} + + .csd.popup & { + border-radius: 0; + box-shadow: 0 1px 2px transparentize(black, 0.8); + } + + .solid-csd & { + border-radius: 0; + margin: 4px; + background-color: $backdrop_bg_color; + border: 0px solid $backdrop_borders_color; + box-shadow: none; + } +} \ No newline at end of file diff --git a/Paper/gtk-3.20/_apps.scss b/Paper/gtk-3.20/_apps.scss new file mode 100644 index 0000000..83a5301 --- /dev/null +++ b/Paper/gtk-3.20/_apps.scss @@ -0,0 +1,15 @@ +/********************** + * DE-Specific Styles * + **********************/ + +@import 'apps/budgie'; +@import 'apps/gnome'; +@import 'apps/pantheon'; +@import 'apps/unity'; + +/*********************** + * App-Specific Styles * + ***********************/ + +@import 'apps/geary'; +@import 'apps/lightdm'; diff --git a/Paper/gtk-3.20/_colors-public.scss b/Paper/gtk-3.20/_colors-public.scss new file mode 100644 index 0000000..70a06a9 --- /dev/null +++ b/Paper/gtk-3.20/_colors-public.scss @@ -0,0 +1,94 @@ +//apps rely on some named colors to be exported +/* GTK NAMED COLORS + ---------------- + use responsibly! */ + +// Sass thinks we're using the colors in the variables as strings and may shoot +// warning, it's innocuous and can be defeated by using "" + $var + +/* widget text/foreground color */ +@define-color theme_fg_color #{"" +$fg_color}; + +/* text color for entries, views and content in general */ +@define-color theme_text_color #{"" +$text_color}; + +/* widget base background color */ +@define-color theme_bg_color #{"" +$bg_color}; + +/* text widgets and the like base background color */ +@define-color theme_base_color #{"" +$base_color}; + +/* base background color of selections */ +@define-color theme_selected_bg_color #{"" +$selected_bg_color}; + +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #{"" +$selected_fg_color}; + +/* base background color of insensitive widgets */ +@define-color insensitive_bg_color #{"" +$insensitive_bg_color}; + +/* text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #{"" +$insensitive_fg_color}; + +/* insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #{"" +$base_color}; + +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #{"" +$backdrop_fg_color}; + +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #{"" +$text_color}; + +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #{"" +$backdrop_bg_color}; + +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #{"" +$backdrop_base_color}; + +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #{"" +$selected_bg_color}; + +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #{"" + $selected_fg_color}; + +/* widgets main borders color */ +@define-color borders #{"" +$borders_color}; + +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders #{"" +$backdrop_borders_color}; + +/* these are pretty self explicative */ +@define-color warning_color #{"" +$warning_color}; +@define-color error_color #{"" +$error_color}; +@define-color success_color #{"" +$success_color}; +//@define-color destructive_color #{$destructive_color} + +//WM + +$_wm_highlight: if($variant=='light', $top_highlight, // Sass gets mad if this is + transparentize(black,1)); // done directly in the + // color definition + +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#{$fg_color}, 1.8); +@define-color wm_unfocused_title #{$backdrop_fg_color}; +@define-color wm_highlight #{"" + $_wm_highlight}; +@define-color wm_borders_edge #{"" + $borders_edge}; + +@define-color wm_bg_a shade(#{$bg_color}, 1.2); +@define-color wm_bg_b #{$bg_color}; + +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); + +@define-color wm_button_hover_color_a shade(#{$bg_color}, 1.3); +@define-color wm_button_hover_color_b #{$bg_color}; +@define-color wm_button_active_color_a shade(#{$bg_color}, 0.85); +@define-color wm_button_active_color_b shade(#{$bg_color}, 0.89); +@define-color wm_button_active_color_c shade(#{$bg_color}, 0.9); + +//FIXME this is really an API + +@define-color content_view_bg #{"" + $base_color}; + diff --git a/Paper/gtk-3.0/_colors.scss b/Paper/gtk-3.20/_colors.scss similarity index 100% rename from Paper/gtk-3.0/_colors.scss rename to Paper/gtk-3.20/_colors.scss diff --git a/Paper/gtk-3.0/_common.scss b/Paper/gtk-3.20/_common.scss similarity index 100% rename from Paper/gtk-3.0/_common.scss rename to Paper/gtk-3.20/_common.scss diff --git a/Paper/gtk-3.0/_drawing.scss b/Paper/gtk-3.20/_drawing.scss similarity index 100% rename from Paper/gtk-3.0/_drawing.scss rename to Paper/gtk-3.20/_drawing.scss diff --git a/Paper/gtk-3.0/_widgets.scss b/Paper/gtk-3.20/_widgets.scss similarity index 100% rename from Paper/gtk-3.0/_widgets.scss rename to Paper/gtk-3.20/_widgets.scss diff --git a/Paper/gtk-3.20/apps/_budgie.scss b/Paper/gtk-3.20/apps/_budgie.scss new file mode 100644 index 0000000..56acf83 --- /dev/null +++ b/Paper/gtk-3.20/apps/_budgie.scss @@ -0,0 +1,102 @@ +/********** +* Budgie * +**********/ + +.budgie-panel { + background-color: transparentize(black, 0.2); + transition: 100ms ease-in; + font:bold; + color: white; + + .top { + border-bottom: 1px solid transparentize(white, 0.8); + } + + .bottom { + border-top: 1px solid transparentize(white, 0.8); + } + + .left { + border-right: 1px solid transparentize(white, 0.8); + } + + .right { + border-left: 1px solid transparentize(white, 0.8); + } +} + +.max-budgie-panel { + background-color: transparentize(black, 0.0); + transition: 100ms ease-in; + font:bold; + color: white; + + .top { + border-bottom: 1px solid transparentize(white, 0.8); + } + + .bottom { + border-top: 1px solid transparentize(white, 0.8); + } + + .left { + border-right: 1px solid transparentize(white, 0.8); + } + + .right { + border-left: 1px solid transparentize(white, 0.8); + } +} + + +.budgie-panel .message-area { +} + +.budgie-panel .max-message-area { +} + +.budgie-panel .launcher, +PanelToplevel .launcher { +} +.budgie-panel .launcher:hover, +PanelToplevel .launcher:hover { +} +.budgie-panel .launcher:active, +PanelToplevel .launcher:active { +} + +/* Top launchers */ +.top .launcher:hover { +} +.top .launcher:active { +} + +/* Left hand side launchers */ +.left .launcher:hover { +} +.left .launcher:active { +} + +/* Right hand side launchers */ +.right .launcher:hover { +} +.right .launcher:active { +} + +.panel-applet { +} + +.budgie-panel .menu-icon, +.budgie-panel .menu-icon:active, +.budgie-panel .menu-icon:hover { +} + +.notification .priority.low { + background-color: $info_color; +} +.notification .priority.high { + background-color: $warning_color; +} +.notification .priority.critical { + background-color: $error_color; +} \ No newline at end of file diff --git a/Paper/gtk-3.20/apps/_geary.scss b/Paper/gtk-3.20/apps/_geary.scss new file mode 100644 index 0000000..aa10f23 --- /dev/null +++ b/Paper/gtk-3.20/apps/_geary.scss @@ -0,0 +1,44 @@ +/********* + * Geary * + *********/ + +$geary: #F2B035; + +.geary-titlebar-left, +.geary-titlebar-right { + background-color: $geary; + + &:backdrop { + background-color: darken($geary,10%); + } + + .separator { + opacity: 0; + } +} + +ConversationListView { + -GtkTreeView-grid-line-width: 0; + + .view { + &:active, + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + + &:backdrop { + background-color: $backdrop_selected_bg_color; + color: $backdrop_selected_fg_color; + } + } + + .cell { + border: solid transparentize(black, 0.8); + border-width: 0 0 1px 0; + &:selected { + color: $selected_fg_color; + border: 0px solid darken($selected_bg_color, 10% ); + } + } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.20/apps/_gnome.scss b/Paper/gtk-3.20/apps/_gnome.scss new file mode 100644 index 0000000..dbff7fc --- /dev/null +++ b/Paper/gtk-3.20/apps/_gnome.scss @@ -0,0 +1,571 @@ +/*************** + * font-viewer * + ***************/ +SushiFontWidget { + padding: 6px 12px; +} + + +/********** + * Sudoku * + **********/ +SudokuView SudokuCellView { + border: inherit; + background-color: inherit; +} + +SudokuView SudokuCellView:backdrop { + border: inherit; + background-color: inherit; +} + +SudokuView { + border: none; +} + +/***************** + * Character Map * + *****************/ +GucharmapChartable { + background-color: $base_color; +} + +GucharmapChartable:active, +GucharmapChartable:focus, +GucharmapChartable:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; +} + + +/******** + * Misc * + *******/ + +ApDocView, /* Abiword */ +EogScrollView, /* Eog */ +CheeseThumbView /* Cheese */ +{ + -EogScrollView-shadow-type: none; +} + + +/************ + * Terminal * + ************/ + +$gnome_terminal: #636E73; +$terminal_bg_color: transparentize(#002B36, 0.1); +$terminal_fg_color: #839495; + +TerminalScreen, +VteTerminal { + background-color: $terminal_bg_color; + color: $terminal_fg_color; +} + +TerminalWindow { + .titlebar, + .header-bar { + background-color: $gnome_terminal; + + &:backdrop { + background-color: darken($gnome_terminal,10%); + } + } +} + +/************ + * Nautilus * + ************/ + +NautilusCanvasView { + border: none; + + &:active, + &:focus, + &:backdrop { + border: none; + } +} + +.nautilus-circular-button { + border-radius: 20px; + -gtk-outline-radius: 20px; +} + +.disk-space-display { + border: 2px solid; + + .unknown { + background-color: #888a85; + border-color: darken(#888a85, 20%); + } + + .used { + background-color: #9FB0B9; + border-color: darken(#9FB0B9, 20%); + } + + .free { + background-color: #D8D8D8; + border-color: darken(#D8D8D8, 20%); + } +} + + +.nautilus-desktop { + + color: $fg_color; + + .nautilus-canvas-item { + border-radius: 5px; + color: $selected_fg_color; + text-shadow: 1px 1px transparentize(black, 0.4); + + &:active { + color: $fg_color; + text-shadow: none; + } + + &:hover { + color: $fg_color; + text-shadow: none; + } + + &:selected { + color: $selected_fg_color; + text-shadow: none; + } + + .dim-label { + &:selected { + color: $selected_fg_color; + } + } + } + + .nautilus-list { + + .dim-label { + &:selected { + color: $selected_fg_color; + } + } + } +} + +/*********** + * Builder * + ***********/ + +$gnome_builder: #CBBB2E; + +GbGreeterWindow, +GbWorkbench { + .titlebar, + .header-bar { + background-color: $gnome_builder; + + &:backdrop { + background-color: darken($gnome_builder,10%); + } + } +} + +/************** + * Calculator * + **************/ + +$gnome_calculator: #07ce8e; + +MathWindow { + + background-color: $base_color; + border-radius: 0 0 4px 4px; + + .titlebar, + .header-bar, + .toolbar { + background-color: $gnome_calculator; + + &:backdrop { + background-color: darken($gnome_calculator,10%); + } + } + + MathButtons { + GtkComboBox, + .button { + background-color: transparent; + background-image: none; + box-shadow:none; + border: none; + text-shadow: none; + color: $gnome_calculator; + font: bold; + + &:hover { + background-image: none; + background-color:$base_color; + color: $gnome_calculator; + } + + &:backdrop { + color: darken($gnome_calculator,10%); + } + + &.text-button.suggested-action { + background-image: none; + box-shadow:none; + text-shadow: none; + background-color: $gnome_calculator; + color: $base_color; + + &:backdrop { + background-color: darken($gnome_calculator,10%); + color: transparentize($base_color, 0.5); + } + } + } + } + + MathDisplay { + padding: 4px; + background-color:$base_color; + border: 1px solid $borders_color; + } +} + + +/************ + * Calendar * + ************/ + +$gnome_calendar: #75A3F6; + +GcalWindow { + .titlebar, + .header-bar { + background-color: $gnome_calendar; + + &:backdrop { + background-color: darken($gnome_calendar,10%); + } + } +} + +/********** + * Cheese * + **********/ + +$cheese: #ad7fa8; + +CheeseWindow { + .titlebar, + .header-bar, + .toolbar { + background-color: $cheese; + + &:backdrop { + background-color: darken($cheese,10%); + } + } +} + +/************ + * Contacts * + ************/ + +$gnome_contacts: #2095F2; + +ContactsWindow { + .titlebar, + .header-bar { + background-color: $gnome_contacts; + + &:backdrop { + background-color: darken($gnome_contacts,10%); + } + } +} + + +/********** + * Clocks * + **********/ + +$gnome_clocks: #4BAE4F; + +ClocksWindow { + .titlebar, + .header-bar { + background-color: $gnome_clocks; + + &:backdrop { + background-color: darken($gnome_clocks,10%); + } + } +} + + +/********* + * Disks * + *********/ + +$gnome_disks: #8561C5; + +GduWindow { + .titlebar, + .header-bar { + background-color: $gnome_disks; + + &:backdrop { + background-color: darken($gnome_disks,10%); + } + } +} + + +/************** + * Disk Usage * + **************/ + +$gnome_baobab: #CC5E55; + +BaobabWindow { + .titlebar, + .header-bar { + background-color: $gnome_baobab; + + &:backdrop { + background-color: darken($gnome_baobab,10%); + } + } +} + +/************* + * Documents * + *************/ + +$gnome_documents: #C2352A; + +#Documents { + .titlebar, + .header-bar { + background-color: $gnome_documents; + + &:backdrop { + background-color: darken($gnome_documents,10%); + } + } +} + +/************ + * Epiphany * + ************/ + +$gnome_epiphany: #6573C3; + +EphyWindow { + .titlebar, + .header-bar { + background-color: $gnome_epiphany; + + &:backdrop { + background-color: darken($gnome_epiphany,10%); + } + + .incognito-mode { + background-color: darken($gnome_epiphany,15%); + + .button { + background-image:none; + } + + &:backdrop { + background-color: darken($gnome_epiphany,25%); + } + } + } +} + +/********* + * Gedit * + *********/ + +$gedit: #DC4836; + +GeditWindow { + .titlebar, + .header-bar, + .gedit-headerbar-paned { + background-color: $gedit; + + &:backdrop { + background-color: darken($gedit,10%); + } + } +} + +/************** + * Log Viewer * + **************/ + +$gnome_logs: #009587; + +GlWindow, +LogviewWindow { + .titlebar, + .header-bar, + .toolbar { + background-color: $gnome_logs; + + &:backdrop { + background-color: darken($gnome_logs,10%); + } + } +} + +/********* + * Music * + *********/ + +$gnome_music: #fe9700; + +gnomemusic+window+Window { + .titlebar, + .header-bar { + background-color: $gnome_music; + + &:backdrop { + background-color: darken($gnome_music,10%); + } + } +} + + +/***************** + * Notes/Bijiben * + *****************/ + +$bijiben: #ebdd4d; + +BjbMainToolbar, +BjbWindowBase { + .titlebar, + .header-bar { + background-color: $bijiben; + + &:backdrop { + background-color: darken($bijiben,10%); + } + } +} + +/********** + * Photos * + **********/ + +$gnome_photos: #D30101; + +PhotosMainWindow { + .titlebar, + .header-bar { + background-color: $gnome_photos; + + &:backdrop { + background-color: darken($gnome_photos,10%); + } + } +} +/********** + * Polari * + **********/ + +$polari: #4BAE4F; + +.titlebar, +.header-bar { + &.polari-titlebar-left, + &.polari-titlebar-right { + background-color: $polari; + + &:backdrop { + background-color: darken($polari,10%); + } + } +} + +/******************* + * System Settings * + ******************/ + +$gnome_settings: #5F7C8A; + +CcWindow { + .titlebar, + .header-bar { + background-color: $gnome_settings; + + &:backdrop { + background-color: darken($gnome_settings,10%); + } + } +} + +CcShellNavBar { + padding:0px; +} + +/************ + * Software * + ************/ + +$gnome_software: #1A77C2; + +#window_software { + .titlebar, + .header-bar { + background-color: $gnome_software; + + &:backdrop { + background-color: darken($gnome_software,10%); + } + } +} + +/****************** + * System Monitor * + ******************/ + +$gnome_system_monitor: #6fbe72; + +#gnome-system-monitor { + .titlebar, + .header-bar { + background-color: $gnome_system_monitor; + + &:backdrop { + background-color: darken($gnome_system_monitor,10%); + } + } +} + + +/******** + * Yelp * + ********/ + +$yelp: #435ece; + +YelpWindow { + .titlebar, + .header-bar { + background-color: $yelp; + + &:backdrop { + background-color: darken($yelp,10%); + } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.0/apps/_lightdm.scss b/Paper/gtk-3.20/apps/_lightdm.scss similarity index 98% rename from Paper/gtk-3.0/apps/_lightdm.scss rename to Paper/gtk-3.20/apps/_lightdm.scss index 48c2fab..d039173 100644 --- a/Paper/gtk-3.0/apps/_lightdm.scss +++ b/Paper/gtk-3.20/apps/_lightdm.scss @@ -19,7 +19,6 @@ font: bold; } - .menubar .menuitem:insensitive, menubar menuitem:disabled { color: transparentize($panel_fg_color, 0.5); diff --git a/Paper/gtk-3.20/apps/_pantheon.scss b/Paper/gtk-3.20/apps/_pantheon.scss new file mode 100644 index 0000000..2d6705f --- /dev/null +++ b/Paper/gtk-3.20/apps/_pantheon.scss @@ -0,0 +1,355 @@ +/******** + * Gala * + *******/ + +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid $base_color; + background-color: $base_color; + + .title, + .label { + color: $fg_color; + } +} + +.gala-button { + padding: 3px; + color: $base_color; + border: none; + border-radius: 50%; + background-image: linear-gradient(to bottom, + #7e7e7e, + #3e3e3e + ); + box-shadow: inset 0 0 0 1px transparentize(white, 0.02), + inset 0 1px 0 0 transparentize(white, 0.07), + inset 0 -1px 0 0 transparentize(white, 0.01), + 0 0 0 1px transparentize(black, 0.40), + 0 3px 6px transparentize(black, 0.16), + 0 3px 6px transparentize(black, 0.23); + text-shadow: 0 1px 1px transparentize(black, 0.6); +} + +/********** + * Notify * + *********/ + +.notify { + /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ + + border-radius: 5px; + border: 1px solid transparentize(black, 0.30); + + background-color: transparentize($base_color, 0.95); + + .low {} + .critical {} +} + + +/*************** + * SwitchBoard * + ***************/ + +.category-label { + font-weight: bold; + color: $fg_color; +} + + +/************* + * Slingshot * + ************/ + +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; + + .app { + &:hover{ + border-radius: 8px; + border: none; + background-color: transparentize($selected_bg_color, 0.7); + color: white; + } + &:focus{ + /*background-color: transparentize(black, 0.20);*/ + } + } +} + +.search-item { + border-radius: 0; + border: none; + color: $fg_color; + background: none; + + &:hover, + &:focus { + border-radius: 0; + background-color: transparentize($selected_bg_color, 0.7); + color: $selected_fg_color; + } +} + + +.search-entry-large, +.search-entry-large:focus { + border: none; + font: 18; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; +} + +.search-category-header { + font-weight: bold; + color: $fg_color; +} + + +/********* + * Panel * + ********/ + +.panel { + background-color: transparent; + transition: all 100ms ease-in-out; + + .maximized { + background-color: #000; + } + + .translucent { + background-color: transparentize(black, 0.5); + } + + .color-light { + + .composited-indicator { + + > revealer label, + > revealer image, + > GtkRevealer { + color: transparentize(black, 0.65); + text-shadow: 0 0 2px transparentize(white, 0.7), + 0 1px 0 transparentize(white, 0.75); + -gtk-icon-shadow: 0 0 2px transparentize(white, 0.7), + 0 1px 0 transparentize(white, 0.75); + } + } + } +} + +.composited-indicator { + + > revealer label, + > revealer image, + > GtkRevealer { + color: $base_color; + font-weight: bold; + text-shadow: 0 0 2px transparentize(black, 0.7), + 0 1px 2px transparentize(black, 0.4); + -gtk-icon-shadow: 0 0 2px transparentize(black, 0.7), + 0 1px 2px transparentize(black, 0.4); + } +} + +/************* + * AppCenter * + *************/ + +$appcenter: #378BE6; + +AppCenterMainWindow { + .titlebar, + .header-bar{ + background-color: $appcenter; + + &:backdrop { + background-color: darken($appcenter,10%); + } + } +} + +/************** + * Calculator * + **************/ + +$pantheon_calculator: #07ce8e; + +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; + + .titlebar, + .header-bar { + background-color: $pantheon_calculator; + + &:backdrop { + background-color: darken($pantheon_calculator,10%); + } + } + + .window-frame { + border-radius:3px; + } +} + +/******** + * Maya * + ********/ + +$maya: #8CD33F; + +MayaViewMayaToolbar { + &.titlebar, + &.header-bar { + background-color: $maya; + + &:backdrop { + background-color: darken($maya,10%); + } + } +} + +/********* + * Cards * + *********/ + +.deck { + background-color: darken($bg_color, 8%); +} + +.card { + background-color: $base_color; + border: none; + box-shadow: 0 0 0 1px transparentize(black, 0.95), + 0 3px 3px transparentize(black, 0.8); + transition: all 150ms ease-in-out; +} + +.card.collapsed { + background-color: darken($base_color, 5%); + box-shadow: 0 0 0 1px transparentize(black, 0.95), + 0 1px 2px transparentize(black, 0.8); +} + +/********* + * Noise * + *********/ + +$noise: #EE6020; + +NoiseLibraryWindow { + border-radius: 0 0 4px 4px; + + .titlebar, + .header-bar { + background-color: $noise; + + &:backdrop { + background-color: darken($noise,10%); + } + } + + .action-bar { + border-radius: 0 0 4px 4px; + } + + .window-frame { + border-radius:3px; + } +} + + +/*********** + * Scratch * + ***********/ + +$scratch: #e74c3c; + +ScratchMainWindow { + .titlebar, + .header-bar { + background-color: $scratch; + + &:backdrop { + background-color: darken($scratch,10%); + } + } +} + + +/******** + * Snap * + ********/ + +$snap: #6d266a; + +SnapMainWindow, +SnapSnapWindow { + .titlebar, + .header-bar { + background-color: $snap; + + &:backdrop { + background-color: darken($snap,10%); + } + } + + .take-button { + border-radius: 0; + } +} + + +/******************* + * Photos/Shotwell * + *******************/ + +$pantheon_photos: #5544B5; + +DirectWindow, +LibraryWindow { + .titlebar, + .header-bar { + background-color: $pantheon_photos; + + &:backdrop { + background-color: darken($pantheon_photos,10%); + } + } + + .the-button-in-the-combobox { + background: none; + } +} + +.checkerboard-layout { + background-color: $bg_color; + background-image: linear-gradient(45deg, + transparentize(black, 0.9) 25%, + transparent 25%, + transparent 75%, + transparentize(black, 0.9) 75%, + transparentize(black, 0.9)), + linear-gradient(45deg, + transparentize(black, 0.9) 25%, + transparent 25%, + transparent 75%, + transparentize(black, 0.9) 75%, + transparentize(black, 0.9)); + background-size: 24px 24px; + background-position: 0 0, 12px 12px +} + +.checkboard-layout .item { + background-color: $fg_color; +} diff --git a/Paper/gtk-3.20/apps/_unity.scss b/Paper/gtk-3.20/apps/_unity.scss new file mode 100644 index 0000000..abbb18c --- /dev/null +++ b/Paper/gtk-3.20/apps/_unity.scss @@ -0,0 +1,176 @@ +/******** +* Unity * +*********/ + +$unity_color: #636E73; /* Unity window border color */ +$backdrop_unity_color: darken($unity_color,10%); /* Backdrop Unity window border color */ +$unity_text_color: #dbdee0; /* Unity window text color */ +$backdrop_unity_text_color: darken($unity_text_color,10%); /* Backdrop Unity window text color */ +$unity_panel_color: darken($unity_color, 20%); /* Unity panel color #454D50 */ +$backdrop_unity_panel_color: darken($unity_panel_color, 10%); /* Backdrop Unity panel color */ + +UnityDecoration { + + /* Border properties (top, right, bottom, left) */ + -UnityDecoration-extents: 28px 1px 1px 1px;/* the size of the decorations */ + -UnityDecoration-input-extents: 10px;/* the extra size of the input areas */ + + /* Shadows settings */ + -UnityDecoration-shadow-offset-x: 1px;/* Size property, the shadow x offset */ + -UnityDecoration-shadow-offset-y: 1px;/* Size property, the shadow y offset */ + -UnityDecoration-active-shadow-color: rgba (0, 0, 0, 0.647);/* Color property, active window shadow color */ + -UnityDecoration-active-shadow-radius: 8px;/* Size property, active window shadow radius */ + -UnityDecoration-inactive-shadow-color: rgba (0, 0, 0, 0.647);/* Color property, inactive windows shadow color */ + -UnityDecoration-inactive-shadow-radius: 5px;/* Size property, inactive windows shadow radius */ + + /* Glow applied to the selected scaled window */ + -UnityDecoration-glow-size: 8px;/* Size property, size of glow */ + -UnityDecoration-glow-color: $selected_bg_color;/* Color property of the glow */ + + /* Title settings */ + -UnityDecoration-title-indent: 10px;/* Size property, left indent of the title */ + -UnityDecoration-title-fade: 35px;/* Size property, space of the title that can be faded */ + -UnityDecoration-title-alignment: 0.0;/* Float from 0.0 to 1.0, to align the title */ + background-color: $unity_color; + color: $unity_text_color; + + .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid $unity_color; + border-bottom-width: 0; + background-color: $unity_color; + color: $unity_text_color; + border-top: 1px solid rgba(255,255,255,0.1); + + &:backdrop { + border-bottom-width: 0; + background-color: $backdrop_unity_color; + color: $backdrop_unity_text_color; + border-top: 1px solid rgba(255,255,255,0.1); + } + + .menuitem { + color: $unity_text_color; + + &:backdrop { + background-color: $backdrop_unity_color; + color: $backdrop_unity_text_color; + } + } + } +} + + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: darken($unity_color, 0.6); + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, + $unity_color, + darken($unity_color, 0.6) + ); +} + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: darken($unity_color, 0.6); +} + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; + background-color: $backdrop_unity_color; +} + + +/************** +* Unity Panel * +***************/ + +UnityPanelWidget, +.unity-panel { +background-color: $unity_panel_color; +color: $unity_text_color; +} + + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + background-color: $backdrop_unity_panel_color; + color: $backdrop_unity_text_color; +} + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: $unity_text_color; +} + +.unity-panel.menubar, +.unity-panel .menubar { + color: $unity_text_color; +} + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: $unity_panel_color; + color: $unity_text_color; +} + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: $backdrop_fg_color; +} + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: $unity_text_color; + box-shadow: none; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: darken($unity_color, 1.05); + color: $unity_text_color; + box-shadow: none; +} + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; +} + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + border: none; + color: $borders_color; +} + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: $base_color; +} + + +@keyframes playbackmenuitem_spinner { + to { -gtk-icon-transform: rotate(1turn); } +} + +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: playbackmenuitem_spinner 1s infinite linear; + color: $selected_bg_color; +} \ No newline at end of file diff --git a/Paper/gtk-3.20/gtk-dark.css b/Paper/gtk-3.20/gtk-dark.css new file mode 100644 index 0000000..5cd92c1 --- /dev/null +++ b/Paper/gtk-3.20/gtk-dark.css @@ -0,0 +1,7012 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #A1A8AB; +/* text color for entries, views and content in general */ +@define-color theme_text_color #A1A8AB; +/* widget base background color */ +@define-color theme_bg_color #4F585C; +/* text widgets and the like base background color */ +@define-color theme_base_color #636E73; +/* base background color of selections */ +@define-color theme_selected_bg_color #667f8c; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #ffffff; +/* base background color of insensitive widgets */ +@define-color insensitive_bg_color #576165; +/* text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #788084; +/* insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #636E73; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #788084; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #A1A8AB; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #4F585C; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #657176; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #667f8c; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #ffffff; +/* widgets main borders color */ +@define-color borders #33393b; +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders #363c3e; +/* these are pretty self explicative */ +@define-color warning_color #feea3a; +@define-color error_color #f34235; +@define-color success_color #167848; +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#A1A8AB, 1.8); +@define-color wm_unfocused_title #788084; +@define-color wm_highlight transparent; +@define-color wm_borders_edge rgba(255, 255, 255, 0.1); +@define-color wm_bg_a shade(#4F585C, 1.2); +@define-color wm_bg_b #4F585C; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#4F585C, 1.3); +@define-color wm_button_hover_color_b #4F585C; +@define-color wm_button_active_color_a shade(#4F585C, 0.85); +@define-color wm_button_active_color_b shade(#4F585C, 0.89); +@define-color wm_button_active_color_c shade(#4F585C, 0.9); +@define-color content_view_bg #636E73; +/********** + * Common * + **********/ +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #f34235; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 24; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + -GtkPaned-handle-size: 1; + -gtk-secondary-caret-color: #667f8c; } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar { + background-color: #373e41; + border: solid #33393b; + border-width: 1px 0 0 0; + color: #A1A8AB; + box-shadow: none; } + .action-bar:backdrop { + background-color: #373e41; + box-shadow: none; + -gtk-icon-effect: dim; } + .action-bar:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; } + .action-bar:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: rgba(32, 37, 38, 0.8); + background-clip: padding-box; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; + transition: 200ms ease-out; } + .app-notification border, + .app-notification.frame border { + border: none; } + +/*************** + * Base States * + ***************/ +.background { + color: #A1A8AB; + background-color: #4F585C; } + .background:backdrop { + color: #788084; + background-color: #4F585C; + text-shadow: none; + -gtk-icon-shadow: none; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + color: #A1A8AB; + background-color: #4F585C; } + .gtkstyle-fallback:hover { + color: #A1A8AB; + background-color: #677277; } + .gtkstyle-fallback:active { + color: #A1A8AB; + background-color: #373e41; } + .gtkstyle-fallback:disabled { + color: #788084; + background-color: #576165; } + .gtkstyle-fallback:selected { + color: #ffffff; + background-color: #667f8c; } + +.view, GtkIconView, +iconview, +GtkTextView text, +textview text { + color: #A1A8AB; + background-color: #636E73; } + .view:backdrop, GtkIconView:backdrop, + iconview:backdrop, + GtkTextView text:backdrop, + textview text:backdrop { + color: #959da0; + background-color: #657176; } + .view:selected:focus, GtkIconView:selected:focus, + iconview:selected:focus, .view:selected, GtkIconView:selected, + iconview:selected, + GtkTextView text:selected:focus, + textview text:selected:focus, + GtkTextView text:selected, + textview text:selected { + border-radius: 3px; } + +GtkTextView, +textview border { + background-color: #596368; + background-image: image(rgba(0, 0, 0, 0.2)); + background-repeat: no-repeat; } + GtkTextView:backdrop, + textview border:backdrop { + background-color: #5a6569; } + GtkTextView.bottom, + textview border.bottom { + background-size: 100% 1px; + background-position: top; } + GtkTextView.top, + textview border.top { + background-size: 100% 1px; + background-position: bottom; } + GtkTextView.left, + textview border.left { + background-size: 1px 100%; + background-position: right; } + GtkTextView.right, + textview border.right { + background-size: 1px 100%; + background-position: left; } + +GtkIconView, +iconview { + background-color: transparent; } + GtkIconView:backdrop, + iconview:backdrop { + background-color: transparent; } + +.rubberband, +rubberband, +GtkFlow rubberband, +flowbox rubberband, +.content-view rubberband, +GtkTreeView.view .rubberband, +GtkTreeView.view rubberband, +treeview.view .rubberband, +treeview.view rubberband { + border: 1px solid #51646e; + background-color: rgba(81, 100, 110, 0.2); } + +GtkFlow flowboxchild, +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + GtkFlow flowboxchild:selected, + flowbox flowboxchild:selected { + outline-offset: -2px; } + +GtkLabel.separator, +label.separator { + color: #A1A8AB; } + GtkLabel.separator:backdrop, + label.separator:backdrop { + color: #788084; } +GtkLabel selection, +label selection { + background-color: #667f8c; + color: #ffffff; } +GtkLabel:disabled, +label:disabled { + color: #788084; } + GtkLabel:disabled:backdrop, + label:disabled:backdrop { + color: #727f85; } +GtkLabel:backdrop, +label:backdrop { + color: #788084; } + +.dim-label, GtkLabel.separator, +label.separator, .titlebar:not(headerbar) .subtitle, +headerbar .subtitle { + opacity: 0.55; + text-shadow: none; } + +.app-notification, +.app-notification.frame, .osd .scale-popup, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, +.osd { + color: #A1A8AB; + border: none; + background-color: rgba(32, 37, 38, 0.8); + background-clip: padding-box; + outline-color: rgba(161, 168, 171, 0.3); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification:backdrop, .osd .scale-popup:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, + .osd:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#90a4ae), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#667f8c), to(transparent)); } } +notebook > header > tabs > arrow, +button { + min-height: 20px; + min-width: 16px; + padding: 4px 9px; + border: 1px solid #33393b; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #33393b; + background-image: linear-gradient(to bottom, #4F585C, #434b4e); + text-shadow: 0 1px rgba(0, 0, 0, 0.73176); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.sidebar-button, notebook > header > tabs > arrow, + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + transition: none; } + button.sidebar-button:hover, notebook > header > tabs > arrow:hover, + button.flat:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; } + button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, + button.flat:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook > header > tabs > arrow:hover, + button:hover { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #33393b; + background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); + text-shadow: 0 1px rgba(0, 0, 0, 0.68376); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + -gtk-icon-effect: highlight; } + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + button:active, + button:checked { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #33393b; + background-image: linear-gradient(to bottom, #3f4649, #4a5357); + text-shadow: 0 1px rgba(0, 0, 0, 0.81176); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); + transition-duration: 50ms; } + button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat, + button:backdrop { + border-color: #363c3e; + background-image: linear-gradient(to bottom, #4F585C); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + transition: 200ms ease-out; + -gtk-icon-effect: none; } + button.sidebar-button:backdrop GtkLabel, notebook > header > tabs > arrow:backdrop GtkLabel, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop GtkLabel, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat GtkLabel, + button:backdrop.flat, + button:backdrop GtkLabel, + button:backdrop { + color: #788084; } + button.sidebar-button:backdrop label, notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat label, + button:backdrop.flat, + button:backdrop label, + button:backdrop { + color: #788084; } + button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active, + button:backdrop.flat:checked, + button:backdrop:active, + button:backdrop:checked { + border-color: #363c3e; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.sidebar-button:backdrop:active GtkLabel, notebook > header > tabs > arrow:backdrop:active GtkLabel, button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked GtkLabel, notebook > header > tabs > arrow:backdrop:checked GtkLabel, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active GtkLabel, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked GtkLabel, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active GtkLabel, + button:backdrop.flat:active, + button:backdrop.flat:checked GtkLabel, + button:backdrop.flat:checked, + button:backdrop:active GtkLabel, + button:backdrop:active, + button:backdrop:checked GtkLabel, + button:backdrop:checked { + color: #788084; } + button.sidebar-button:backdrop:active label, notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active label, + button:backdrop.flat:active, + button:backdrop.flat:checked label, + button:backdrop.flat:checked, + button:backdrop:active label, + button:backdrop:active, + button:backdrop:checked label, + button:backdrop:checked { + color: #788084; } + button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled, + button:backdrop:disabled { + border-color: #363c3e; + background-image: none; + background-color: #576165; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + button.sidebar-button:backdrop:disabled GtkLabel, notebook > header > tabs > arrow:backdrop:disabled GtkLabel, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled GtkLabel, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled GtkLabel, + button:backdrop.flat:disabled, + button:backdrop:disabled GtkLabel, + button:backdrop:disabled { + color: #727f85; } + button.sidebar-button:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled label, + button:backdrop.flat:disabled, + button:backdrop:disabled label, + button:backdrop:disabled { + color: #727f85; } + button.sidebar-button:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, + button:backdrop.flat:disabled:active, + button:backdrop.flat:disabled:checked, + button:backdrop:disabled:active, + button:backdrop:disabled:checked { + border-color: #363c3e; + background-image: none; + background-color: #4b5457; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.sidebar-button:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, + button:backdrop.flat:disabled:active label, + button:backdrop.flat:disabled:checked label, + button:backdrop:disabled:active label, + button:backdrop:disabled:checked label { + color: #727f85; } + button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button.flat:backdrop, + button.flat:disabled, + button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header > tabs > arrow:disabled, + button:disabled { + border-color: #33393b; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: none; + -gtk-icon-shadow: none; } + notebook > header > tabs > arrow:disabled GtkLabel, notebook > header > tabs > arrow:disabled, + button:disabled GtkLabel, + button:disabled { + color: #788084; } + notebook > header > tabs > arrow:disabled label, notebook > header > tabs > arrow:disabled, + button:disabled label, + button:disabled { + color: #788084; } + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + border-color: #33393b; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + notebook > header > tabs > arrow:disabled:active GtkLabel, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked GtkLabel, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active GtkLabel, + button:disabled:active, + button:disabled:checked GtkLabel, + button:disabled:checked { + color: #788084; } + notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active label, + button:disabled:active, + button:disabled:checked label, + button:disabled:checked { + color: #788084; } + notebook > header > tabs > arrow.image-button, + button.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; } + notebook > header > tabs > arrow.text-button, + button.text-button { + padding-left: 16px; + padding-right: 16px; } + notebook > header > tabs > arrow.text-button.image-button, + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + notebook > header > tabs > arrow.text-button.image-button GtkLabel, + notebook > header > tabs > arrow.text-button.image-button label, + button.text-button.image-button GtkLabel, + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), + button:drop(active) { + color: #4e9a06; + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected +button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #ffffff; + border-color: transparent; } + row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected + button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #788084; } +button.osd { + min-width: 24px; + min-height: 32px; + color: #A1A8AB; + border-radius: 5px; + outline-color: rgba(161, 168, 171, 0.3); + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + button.osd.image-button { + min-width: 32px; } + button.osd:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + button.osd:active, + button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + button.osd:disabled:backdrop, + button.osd:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + button.osd:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } +.app-notification .button, .app-notification button, +.app-notification.frame .button, +.app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd +button { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:hover, .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd + button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd + button:active:backdrop, .osd + button:active, .osd + button:checked:backdrop, .osd + button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification .button:disabled, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd + button:disabled:backdrop, .osd + button:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification .button:backdrop, .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd + button:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification .flat.button, .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification .flat.button:hover, .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd + button.flat:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .flat.button:disabled, .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd + button.flat:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-image: none; + border-color: transparent; + box-shadow: none; } + .app-notification .flat.button:backdrop, .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd + button.flat:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification .flat.button:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification .flat.button:checked, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd + button.flat:active, .osd + button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } +button.suggested-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #303c42; + background-image: linear-gradient(to bottom, #667f8c, #5b717d); + text-shadow: 0 1px rgba(0, 0, 0, 0.62039); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62039); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #667f8c; } + button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #303c42; + background-image: linear-gradient(to bottom, #68828f, #627986 60%, #5d7480); + text-shadow: 0 1px rgba(0, 0, 0, 0.57239); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.57239); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + button.suggested-action:active, + button.suggested-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #303c42; + background-image: linear-gradient(to bottom, #576c77, #627986); + text-shadow: 0 1px rgba(0, 0, 0, 0.70039); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70039); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.suggested-action:backdrop, + button.suggested-action.flat:backdrop { + border-color: #303c42; + background-image: linear-gradient(to bottom, #667f8c); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + button.suggested-action:backdrop GtkLabel, + button.suggested-action:backdrop, + button.suggested-action.flat:backdrop GtkLabel, + button.suggested-action.flat:backdrop { + color: #e0e5e8; } + button.suggested-action:backdrop label, + button.suggested-action:backdrop, + button.suggested-action.flat:backdrop label, + button.suggested-action.flat:backdrop { + color: #e0e5e8; } + button.suggested-action:backdrop:active, + button.suggested-action:backdrop:checked, + button.suggested-action.flat:backdrop:active, + button.suggested-action.flat:backdrop:checked { + border-color: #303c42; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.suggested-action:backdrop:active GtkLabel, + button.suggested-action:backdrop:active, + button.suggested-action:backdrop:checked GtkLabel, + button.suggested-action:backdrop:checked, + button.suggested-action.flat:backdrop:active GtkLabel, + button.suggested-action.flat:backdrop:active, + button.suggested-action.flat:backdrop:checked GtkLabel, + button.suggested-action.flat:backdrop:checked { + color: #dce0e2; } + button.suggested-action:backdrop:active label, + button.suggested-action:backdrop:active, + button.suggested-action:backdrop:checked label, + button.suggested-action:backdrop:checked, + button.suggested-action.flat:backdrop:active label, + button.suggested-action.flat:backdrop:active, + button.suggested-action.flat:backdrop:checked label, + button.suggested-action.flat:backdrop:checked { + color: #dce0e2; } + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled { + border-color: #363c3e; + background-image: none; + background-color: #576165; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + button.suggested-action:backdrop:disabled GtkLabel, + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled GtkLabel, + button.suggested-action.flat:backdrop:disabled { + color: #727f85; } + button.suggested-action:backdrop:disabled label, + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled label, + button.suggested-action.flat:backdrop:disabled { + color: #727f85; } + button.suggested-action:backdrop:disabled:active, + button.suggested-action:backdrop:disabled:checked, + button.suggested-action.flat:backdrop:disabled:active, + button.suggested-action.flat:backdrop:disabled:checked { + border-color: #303c42; + background-image: none; + background-color: #5b6f79; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.suggested-action:backdrop:disabled:active label, + button.suggested-action:backdrop:disabled:checked label, + button.suggested-action.flat:backdrop:disabled:active label, + button.suggested-action.flat:backdrop:disabled:checked label { + color: #94a1a8; } + button.suggested-action.flat:backdrop, + button.suggested-action.flat:disabled, + button.suggested-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(102, 127, 140, 0.8); } + button.suggested-action:disabled { + border-color: #33393b; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: none; + -gtk-icon-shadow: none; } + button.suggested-action:disabled GtkLabel, + button.suggested-action:disabled { + color: #788084; } + button.suggested-action:disabled label, + button.suggested-action:disabled { + color: #788084; } + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked { + border-color: #303c42; + background-image: none; + background-color: #5b6f79; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.suggested-action:disabled:active GtkLabel, + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked GtkLabel, + button.suggested-action:disabled:checked { + color: #bdc5c9; } + button.suggested-action:disabled:active label, + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked label, + button.suggested-action:disabled:checked { + color: #bdc5c9; } + .osd + button.suggested-action { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(102, 127, 140, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.suggested-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(102, 127, 140, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.suggested-action:active:backdrop, .osd + button.suggested-action:active, .osd + button.suggested-action:checked:backdrop, .osd + button.suggested-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #667f8c); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.suggested-action:disabled:backdrop, .osd + button.suggested-action:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd + button.suggested-action:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(102, 127, 140, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +button.destructive-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #6f0e07; + background-image: linear-gradient(to bottom, #e71d0e, #cf1a0c); + text-shadow: 0 1px rgba(0, 0, 0, 0.61569); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.61569); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #e71d0e; } + button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #6f0e07; + background-image: linear-gradient(to bottom, #ec1d0e, #de1b0d 60%, #d41a0d); + text-shadow: 0 1px rgba(0, 0, 0, 0.56769); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.56769); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + button.destructive-action:active, + button.destructive-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #6f0e07; + background-image: linear-gradient(to bottom, #c6180c, #de1b0d); + text-shadow: 0 1px rgba(0, 0, 0, 0.69569); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.69569); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop { + border-color: #6f0e07; + background-image: linear-gradient(to bottom, #e71d0e); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + button.destructive-action:backdrop GtkLabel, + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop GtkLabel, + button.destructive-action.flat:backdrop { + color: #fad2cf; } + button.destructive-action:backdrop label, + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop label, + button.destructive-action.flat:backdrop { + color: #fad2cf; } + button.destructive-action:backdrop:active, + button.destructive-action:backdrop:checked, + button.destructive-action.flat:backdrop:active, + button.destructive-action.flat:backdrop:checked { + border-color: #6f0e07; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.destructive-action:backdrop:active GtkLabel, + button.destructive-action:backdrop:active, + button.destructive-action:backdrop:checked GtkLabel, + button.destructive-action:backdrop:checked, + button.destructive-action.flat:backdrop:active GtkLabel, + button.destructive-action.flat:backdrop:active, + button.destructive-action.flat:backdrop:checked GtkLabel, + button.destructive-action.flat:backdrop:checked { + color: #f1d1ce; } + button.destructive-action:backdrop:active label, + button.destructive-action:backdrop:active, + button.destructive-action:backdrop:checked label, + button.destructive-action:backdrop:checked, + button.destructive-action.flat:backdrop:active label, + button.destructive-action.flat:backdrop:active, + button.destructive-action.flat:backdrop:checked label, + button.destructive-action.flat:backdrop:checked { + color: #f1d1ce; } + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled { + border-color: #363c3e; + background-image: none; + background-color: #576165; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + button.destructive-action:backdrop:disabled GtkLabel, + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled GtkLabel, + button.destructive-action.flat:backdrop:disabled { + color: #727f85; } + button.destructive-action:backdrop:disabled label, + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled label, + button.destructive-action.flat:backdrop:disabled { + color: #727f85; } + button.destructive-action:backdrop:disabled:active, + button.destructive-action:backdrop:disabled:checked, + button.destructive-action.flat:backdrop:disabled:active, + button.destructive-action.flat:backdrop:disabled:checked { + border-color: #6f0e07; + background-image: none; + background-color: #bd251a; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.destructive-action:backdrop:disabled:active label, + button.destructive-action:backdrop:disabled:checked label, + button.destructive-action.flat:backdrop:disabled:active label, + button.destructive-action.flat:backdrop:disabled:checked label { + color: #d4716a; } + button.destructive-action.flat:backdrop, + button.destructive-action.flat:disabled, + button.destructive-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(231, 29, 14, 0.8); } + button.destructive-action:disabled { + border-color: #33393b; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: none; + -gtk-icon-shadow: none; } + button.destructive-action:disabled GtkLabel, + button.destructive-action:disabled { + color: #788084; } + button.destructive-action:disabled label, + button.destructive-action:disabled { + color: #788084; } + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked { + border-color: #6f0e07; + background-image: none; + background-color: #bd251a; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + button.destructive-action:disabled:active GtkLabel, + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked GtkLabel, + button.destructive-action:disabled:checked { + color: #e5a8a3; } + button.destructive-action:disabled:active label, + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked label, + button.destructive-action:disabled:checked { + color: #e5a8a3; } + .osd + button.destructive-action { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.destructive-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.destructive-action:active:backdrop, .osd + button.destructive-action:active, .osd + button.destructive-action:checked:backdrop, .osd + button.destructive-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #e71d0e); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.destructive-action:disabled:backdrop, .osd + button.destructive-action:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd + button.destructive-action:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +.stack-switcher > +button { + outline-offset: -3px; } + .stack-switcher > + button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > + button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > + button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > + button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > + button.needs-attention:active > label, + .stack-switcher > + button.needs-attention:active > image, .stack-switcher > + button.needs-attention:checked > label, + .stack-switcher > + button.needs-attention:checked > image { + animation: none; + background-image: none; } +.inline-toolbar +button, .inline-toolbar +button:backdrop { + border-radius: 2px; + border-width: 1px; } +.primary-toolbar +button { + -gtk-icon-shadow: none; } + +.stack-switcher > +button.needs-attention > label, +.stack-switcher > +button.needs-attention > image, .sidebar .list-row.needs-attention > label, +.sidebar row.needs-attention > label, stacksidebar .list-row.needs-attention > label, +stacksidebar row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#90a4ae), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.73176)), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; } + .stack-switcher > + button.needs-attention > label:backdrop, + .stack-switcher > + button.needs-attention > image:backdrop, .sidebar .list-row.needs-attention > label:backdrop, + .sidebar row.needs-attention > label:backdrop, stacksidebar .list-row.needs-attention > label:backdrop, + stacksidebar row.needs-attention > label:backdrop { + background-size: 6px 6px, 0 0; } + .stack-switcher > + button.needs-attention > label:dir(rtl), + .stack-switcher > + button.needs-attention > image:dir(rtl), .sidebar .list-row.needs-attention > label:dir(rtl), + .sidebar row.needs-attention > label:dir(rtl), stacksidebar .list-row.needs-attention > label:dir(rtl), + stacksidebar row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 2px; } + +.inline-toolbar toolbutton > button { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #33393b; + background-image: linear-gradient(to bottom, #4F585C, #434b4e); + text-shadow: 0 1px rgba(0, 0, 0, 0.73176); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:hover { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #33393b; + background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); + text-shadow: 0 1px rgba(0, 0, 0, 0.68376); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #33393b; + background-image: linear-gradient(to bottom, #3f4649, #4a5357); + text-shadow: 0 1px rgba(0, 0, 0, 0.81176); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:disabled { + border-color: #33393b; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: none; + -gtk-icon-shadow: none; } + .inline-toolbar toolbutton > button:disabled GtkLabel, .inline-toolbar toolbutton > button:disabled { + color: #788084; } + .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: #788084; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + border-color: #33393b; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:disabled:active GtkLabel, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked GtkLabel, .inline-toolbar toolbutton > button:disabled:checked { + color: #788084; } + .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: #788084; } + .inline-toolbar toolbutton > button:backdrop { + border-color: #363c3e; + background-image: linear-gradient(to bottom, #4F585C); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop { + color: #788084; } + .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { + color: #788084; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + border-color: #363c3e; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:backdrop:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked GtkLabel, .inline-toolbar toolbutton > button:backdrop:checked { + color: #788084; } + .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { + color: #788084; } + .inline-toolbar toolbutton > button:backdrop:disabled { + border-color: #363c3e; + background-image: none; + background-color: #576165; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .inline-toolbar toolbutton > button:backdrop:disabled GtkLabel, .inline-toolbar toolbutton > button:backdrop:disabled { + color: #727f85; } + .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { + color: #727f85; } + .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { + border-color: #363c3e; + background-image: none; + background-color: #4b5457; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { + color: #727f85; } + +toolbar.inline-toolbar toolbutton > button.flat, +toolbar.inline-toolbar toolbutton:backdrop > button.flat, .inline-toolbar +button, .inline-toolbar +button:backdrop, .linked > +button, .linked > +button:hover, .linked > +button:active, .linked > +button:checked, .linked > +button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > +entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { + border-radius: 0; + border-right-style: none; } + +.inline-toolbar +button:first-child, .linked > +button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > +entry:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } +.inline-toolbar +button:last-child, .linked > +button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > +entry:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } +.inline-toolbar +button:only-child, .linked > +button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > +button, .linked.vertical > +button:hover, .linked.vertical > +button:active, .linked.vertical > +button:checked, .linked.vertical > +button:backdrop, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > +entry, .linked.vertical > combobox > box > button.combo { + border-style: solid solid none solid; + border-radius: 0; } + +.linked.vertical > +button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > +entry:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.linked.vertical > +button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > +entry:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; } +.linked.vertical > +button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop, +popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, +popover.background radiobutton:backdrop:hover, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link, +button:visited, button:link:hover, button:link:active, button:link:checked, +button:visited:hover, +button:visited:active, +button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; } + modelbutton.flat:hover, popover.background checkbutton:hover, + popover.background radiobutton:hover, + .menuitem.button.flat:hover { + background-color: #5b656a; } + modelbutton.flat check:last-child, popover.background checkbutton check:last-child, + popover.background radiobutton check:last-child, + modelbutton.flat radio:last-child, + popover.background checkbutton radio:last-child, + popover.background radiobutton radio:last-child, + .menuitem.button.flat check:last-child, + .menuitem.button.flat radio:last-child { + margin-left: 8px; } + modelbutton.flat check:first-child, popover.background checkbutton check:first-child, + popover.background radiobutton check:first-child, + modelbutton.flat radio:first-child, + popover.background checkbutton radio:first-child, + popover.background radiobutton radio:first-child, + .menuitem.button.flat check:first-child, + .menuitem.button.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, popover.background checkbutton arrow, +popover.background radiobutton arrow { + background: none; } + modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, + popover.background radiobutton arrow:hover { + background: none; } + modelbutton.flat arrow.left, popover.background checkbutton arrow.left, + popover.background radiobutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right, popover.background checkbutton arrow.right, + popover.background radiobutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { + padding: 4px; } + button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; } + +/************ + * Calendar * + ***********/ +calendar { + color: #A1A8AB; + border: 1px solid #33393b; } + calendar:selected { + border-radius: 3px; } + calendar.header { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0; } + calendar.header:backdrop { + border-color: rgba(0, 0, 0, 0.1); } + calendar.button { + color: rgba(161, 168, 171, 0.45); } + calendar.button:hover { + color: #A1A8AB; } + calendar.button:backdrop { + color: rgba(120, 128, 132, 0.45); } + calendar.button:disabled { + color: rgba(120, 128, 132, 0.45); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: alpha(currentColor,0.55); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: #A1A8AB; } + calendar:backdrop { + color: #959da0; + border-color: #363c3e; } + +/************************* + * Check and Radio Items * + *************************/ +check { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked-dark@2.png")); + -gtk-icon-shadow: none; } + +radio { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-dark.png"), url("../assets/radio-unchecked-dark@2.png")); + -gtk-icon-shadow: none; } + +check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover-dark.png"), url("../assets/checkbox-unchecked-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover-dark.png"), url("../assets/radio-unchecked-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active-dark.png"), url("../assets/checkbox-unchecked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active-dark.png"), url("../assets/radio-unchecked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop-dark.png"), url("../assets/checkbox-unchecked-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-dark.png"), url("../assets/radio-unchecked-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop-insensitive-dark.png"), url("../assets/checkbox-unchecked-backdrop-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-insensitive-dark.png"), url("../assets/radio-unchecked-backdrop-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-dark.png"), url("../assets/radio-checked-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover-dark.png"), url("../assets/checkbox-checked-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover-dark.png"), url("../assets/radio-checked-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active-dark.png"), url("../assets/checkbox-checked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active-dark.png"), url("../assets/radio-checked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop-dark.png"), url("../assets/checkbox-checked-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-dark.png"), url("../assets/radio-checked-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-backdrop-dark.png"), url("../assets/checkbox-checked-insensitive-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-backdrop-dark.png"), url("../assets/radio-checked-insensitive-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-dark.png"), url("../assets/checkbox-mixed-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-dark.png"), url("../assets/radio-mixed-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover-dark.png"), url("../assets/checkbox-mixed-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover-dark.png"), url("../assets/radio-mixed-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active-dark.png"), url("../assets/checkbox-mixed-active-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active-dark.png"), url("../assets/radio-mixed-active-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop-dark.png"), url("../assets/checkbox-mixed-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop-dark.png"), url("../assets/radio-mixed-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive-dark.png"), url("../assets/checkbox-mixed-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive-dark.png"), url("../assets/radio-mixed-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive-backdrop-dark.png"), url("../assets/checkbox-mixed-insensitive-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive-backdrop-dark.png"), url("../assets/radio-mixed-insensitive-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +check:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png")); + -gtk-icon-shadow: none; } + +check:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-hover-dark.png"), url("../assets/selected-checkbox-unchecked-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-hover-dark.png"), url("../assets/selected-radio-unchecked-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +check:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-active-dark.png"), url("../assets/selected-checkbox-unchecked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-active-dark.png"), url("../assets/selected-radio-unchecked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-backdrop-dark.png"), url("../assets/selected-checkbox-unchecked-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-backdrop-dark.png"), url("../assets/selected-radio-unchecked-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-insensitive-dark.png"), url("../assets/selected-checkbox-unchecked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-insensitive-dark.png"), url("../assets/selected-radio-unchecked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-backdrop-insensitive-dark.png"), url("../assets/selected-checkbox-unchecked-backdrop-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-backdrop-insensitive-dark.png"), url("../assets/selected-radio-unchecked-backdrop-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-hover-dark.png"), url("../assets/selected-checkbox-checked-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-hover-dark.png"), url("../assets/selected-radio-checked-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-active-dark.png"), url("../assets/selected-checkbox-checked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-active-dark.png"), url("../assets/selected-radio-checked-active-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-backdrop-dark.png"), url("../assets/selected-checkbox-checked-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-backdrop-dark.png"), url("../assets/selected-radio-checked-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-insensitive-dark.png"), url("../assets/selected-checkbox-checked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-insensitive-dark.png"), url("../assets/selected-radio-checked-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-insensitive-backdrop-dark.png"), url("../assets/selected-checkbox-checked-insensitive-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-insensitive-backdrop-dark.png"), url("../assets/selected-radio-checked-insensitive-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-hover-dark.png"), url("../assets/selected-checkbox-mixed-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-hover-dark.png"), url("../assets/selected-radio-mixed-hover-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-active-dark.png"), url("../assets/selected-checkbox-mixed-active-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-active-dark.png"), url("../assets/selected-radio-mixed-active-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-backdrop-dark.png"), url("../assets/selected-checkbox-mixed-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-backdrop-dark.png"), url("../assets/selected-radio-mixed-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-insensitive-dark.png"), url("../assets/selected-checkbox-mixed-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-insensitive-dark.png"), url("../assets/selected-radio-mixed-insensitive-dark@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-insensitive-backdrop-dark.png"), url("../assets/selected-checkbox-mixed-insensitive-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-insensitive-backdrop-dark.png"), url("../assets/selected-radio-mixed-insensitive-backdrop-dark@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check, GtkIconView.content-view check, +iconview.content-view check, +.view.content-view.check, +GtkIconView.content-view.check, +iconview.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio, GtkIconView.content-view radio, +iconview.content-view radio, +.view.content-view.radio, +GtkIconView.content-view.radio, +iconview.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:hover, GtkIconView.content-view check:hover, +iconview.content-view check:hover, +.view.content-view.check:hover, +GtkIconView.content-view.check:hover, +iconview.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:hover, GtkIconView.content-view radio:hover, +iconview.content-view radio:hover, +.view.content-view.radio:hover, +GtkIconView.content-view.radio:hover, +iconview.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:active, GtkIconView.content-view check:active, +iconview.content-view check:active, +.view.content-view.check:active, +GtkIconView.content-view.check:active, +iconview.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:active, GtkIconView.content-view radio:active, +iconview.content-view radio:active, +.view.content-view.radio:active, +GtkIconView.content-view.radio:active, +iconview.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:backdrop, GtkIconView.content-view check:backdrop, +iconview.content-view check:backdrop, +.view.content-view.check:backdrop, +GtkIconView.content-view.check:backdrop, +iconview.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:backdrop, GtkIconView.content-view radio:backdrop, +iconview.content-view radio:backdrop, +.view.content-view.radio:backdrop, +GtkIconView.content-view.radio:backdrop, +iconview.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled, GtkIconView.content-view check:disabled, +iconview.content-view check:disabled, +.view.content-view.check:disabled, +GtkIconView.content-view.check:disabled, +iconview.content-view.check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled, GtkIconView.content-view radio:disabled, +iconview.content-view radio:disabled, +.view.content-view.radio:disabled, +GtkIconView.content-view.radio:disabled, +iconview.content-view.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled:backdrop, GtkIconView.content-view check:disabled:backdrop, +iconview.content-view check:disabled:backdrop, +.view.content-view.check:disabled:backdrop, +GtkIconView.content-view.check:disabled:backdrop, +iconview.content-view.check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled:backdrop, GtkIconView.content-view radio:disabled:backdrop, +iconview.content-view radio:disabled:backdrop, +.view.content-view.radio:disabled:backdrop, +GtkIconView.content-view.radio:disabled:backdrop, +iconview.content-view.radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check, GtkIconView.content-view check, +iconview.content-view check, +.view.content-view.check, +GtkIconView.content-view.check, +iconview.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio, GtkIconView.content-view radio, +iconview.content-view radio, +.view.content-view.radio, +GtkIconView.content-view.radio, +iconview.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:hover, GtkIconView.content-view check:hover, +iconview.content-view check:hover, +.view.content-view.check:hover, +GtkIconView.content-view.check:hover, +iconview.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-hover.png"), url("../assets/checkbox-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:hover, GtkIconView.content-view radio:hover, +iconview.content-view radio:hover, +.view.content-view.radio:hover, +GtkIconView.content-view.radio:hover, +iconview.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:active, GtkIconView.content-view check:active, +iconview.content-view check:active, +.view.content-view.check:active, +GtkIconView.content-view.check:active, +iconview.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-active.png"), url("../assets/checkbox-checked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:active, GtkIconView.content-view radio:active, +iconview.content-view radio:active, +.view.content-view.radio:active, +GtkIconView.content-view.radio:active, +iconview.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:backdrop, GtkIconView.content-view check:backdrop, +iconview.content-view check:backdrop, +.view.content-view.check:backdrop, +GtkIconView.content-view.check:backdrop, +iconview.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-backdrop.png"), url("../assets/checkbox-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:backdrop, GtkIconView.content-view radio:backdrop, +iconview.content-view radio:backdrop, +.view.content-view.radio:backdrop, +GtkIconView.content-view.radio:backdrop, +iconview.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled, GtkIconView.content-view check:disabled, +iconview.content-view check:disabled, +.view.content-view.check:disabled, +GtkIconView.content-view.check:disabled, +iconview.content-view.check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-insensitive.png"), url("../assets/checkbox-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled, GtkIconView.content-view radio:disabled, +iconview.content-view radio:disabled, +.view.content-view.radio:disabled, +GtkIconView.content-view.radio:disabled, +iconview.content-view.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled:backdrop, GtkIconView.content-view check:disabled:backdrop, +iconview.content-view check:disabled:backdrop, +.view.content-view.check:disabled:backdrop, +GtkIconView.content-view.check:disabled:backdrop, +iconview.content-view.check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-backdrop-insensitive.png"), url("../assets/checkbox-checked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled:backdrop, GtkIconView.content-view radio:disabled:backdrop, +iconview.content-view radio:disabled:backdrop, +.view.content-view.radio:disabled:backdrop, +GtkIconView.content-view.radio:disabled:backdrop, +iconview.content-view.radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-backdrop-insensitive.png"), url("../assets/radio-checked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.check.text-button, .radio.text-button, +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; } + .check.text-button label:not(:only-child):first-child, .radio.text-button label:not(:only-child):first-child, + checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { + margin-left: 4px; } + .check.text-button label:not(:only-child):last-child, .radio.text-button label:not(:only-child):last-child, + checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { + margin-right: 4px; } + +check, +.check, +radio, +.radio { + margin: 0 4px; } + .menu .menuitem check, menu menuitem check, .menu .menuitem + .check, menu menuitem + .check, .menu .menuitem + radio, menu menuitem + radio, .menu .menuitem + .radio, menu menuitem + .radio { + margin: 0; } + +menu menuitem check:not(:indeterminate):checked, +menu menuitem radio:not(:indeterminate):checked, +menu menuitem check:indeterminate:checked:active, +menu menuitem radio:indeterminate:checked { + animation: none; } + +treeview.view check:selected:focus, treeview.view check:selected, +treeview.view radio:selected:focus, +treeview.view radio:selected { + color: #A1A8AB; } +treeview.view check:selected:disabled, +treeview.view radio:selected:disabled { + color: #788084; } + treeview.view check:selected:disabled:backdrop, + treeview.view radio:selected:disabled:backdrop { + color: #727f85; } +treeview.view check:backdrop:selected, treeview.view check:backdrop, +treeview.view radio:backdrop:selected, +treeview.view radio:backdrop { + color: #788084; } + +/***************** + * Color Chooser * + *****************/ +colorswatch, colorswatch:drop(active) { + border-style: none; } +colorswatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; } + colorswatch.top overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } +colorswatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.dark overlay { + color: #ffffff; } + colorswatch.dark overlay:hover { + border-color: #33393b; } + colorswatch.dark overlay:backdrop { + color: rgba(255, 255, 255, 0.5); } +colorswatch.light overlay { + color: #A1A8AB; } + colorswatch.light overlay:hover { + border-color: #33393b; } + colorswatch.light overlay:backdrop { + color: #959da0; } +colorswatch:drop(active) { + box-shadow: none; } + colorswatch:drop(active).light overlay { + border-color: #4e9a06; + box-shadow: inset 0 0 0 2px #33393b, inset 0 0 0 1px #4e9a06; } + colorswatch:drop(active).dark overlay { + border-color: #4e9a06; + box-shadow: inset 0 0 0 2px #33393b, inset 0 0 0 1px #4e9a06; } +colorswatch overlay { + box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); + border: 1px solid #33393b; } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: #33393b; + box-shadow: none; } +colorswatch#add-color-button { + border-radius: 5px 5px 0 0; } + colorswatch#add-color-button:only-child { + border-radius: 5px; } + colorswatch#add-color-button overlay { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #33393b; + background-image: linear-gradient(to bottom, #4F585C, #434b4e); + text-shadow: 0 1px rgba(0, 0, 0, 0.73176); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + colorswatch#add-color-button overlay:hover { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #33393b; + background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); + text-shadow: 0 1px rgba(0, 0, 0, 0.68376); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + colorswatch#add-color-button overlay:backdrop { + border-color: #363c3e; + background-image: linear-gradient(to bottom, #4F585C); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + colorswatch#add-color-button overlay:backdrop GtkLabel, colorswatch#add-color-button overlay:backdrop { + color: #788084; } + colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { + color: #788084; } +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +row:selected colorswatch { + box-shadow: 0 0 0 2px #ffffff; } +colorswatch#editor-color-sample { + border-radius: 4px; } + colorswatch#editor-color-sample overlay { + border-radius: 4.5px; } + +colorchooser .popover.osd { + border-radius: 5px; } + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } +combobox:drop(active) { + box-shadow: none; } + +/****************** + * Combobox Entry * + ******************/ +.combobox-entry button { + box-shadow: none; } + .combobox-entry button:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; } + .combobox-entry button:last-child { + border-radius: 0 4px 4px 0; } +.combobox-entry entry { + box-shadow: none; } + .combobox-entry entry:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; } + .combobox-entry entry:last-child { + border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } + +/*********** + * Dialogs * + ***********/ +messagedialog .titlebar { + min-height: 20px; + background-image: none; + background-color: #4F585C; + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + messagedialog .titlebar:backdrop { + background-color: #4F585C; } +messagedialog.csd { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.1); } + messagedialog.csd.background { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + messagedialog.csd .dialog-action-area .button, + messagedialog.csd .dialog-action-area button { + padding: 10px 14px; + border-radius: 0; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; } + messagedialog.csd .dialog-action-area .button:first-child, + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 4px; } + messagedialog.csd .dialog-action-area .button:last-child, + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 4px; } + +filechooser { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + filechooser .dialog-action-box { + border-top: 1px solid #33393b; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + filechooser .dialog-action-box:backdrop { + border-top-color: #363c3e; } + filechooser #pathbarbox { + border-bottom: 1px solid #4F585C; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), +entry { + min-height: 20px; + padding: 4px 6px; + border: 1px solid; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #A1A8AB; + border-color: #33393b; + background-color: #636E73; + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); } + spinbutton:not(.vertical) image.left, + entry image.left { + padding-left: 0; + padding-right: 6px; } + spinbutton:not(.vertical) image.right, + entry image.right { + padding-left: 6px; + padding-right: 0; } + spinbutton:not(.vertical) undershoot.left, + entry undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; + box-shadow: none; } + spinbutton:not(.vertical) undershoot.right, + entry undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; + box-shadow: none; } + spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), + entry.flat:focus, + entry.flat { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; } + spinbutton:focus:not(.vertical), + entry:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #262f33; } + spinbutton:disabled:not(.vertical), + entry:disabled { + color: #788084; + border-color: #33393b; + background-image: linear-gradient(to bottom, #576165); + box-shadow: none; } + spinbutton:backdrop:not(.vertical), + entry:backdrop { + color: #959da0; + border-color: #363c3e; + background-image: linear-gradient(to bottom, #657176); + box-shadow: none; + transition: 200ms ease-out; } + spinbutton:backdrop:disabled:not(.vertical), + entry:backdrop:disabled { + color: #727f85; + border-color: #363c3e; + background-image: linear-gradient(to bottom, #576165); + box-shadow: none; } + spinbutton.error:not(.vertical), + entry.error { + color: #f34235; + border-color: #6f0e07; } + spinbutton.error:focus:not(.vertical), + entry.error:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #6f0e07; } + spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), + entry.error:selected:focus, + entry.error:selected { + background-color: #f34235; } + spinbutton.warning:not(.vertical), + entry.warning { + color: #feea3a; + border-color: #857701; } + spinbutton.warning:focus:not(.vertical), + entry.warning:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #857701; } + spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), + entry.warning:selected:focus, + entry.warning:selected { + background-color: #feea3a; } + spinbutton:not(.vertical) image, + entry image { + color: #959ca0; } + spinbutton:not(.vertical) image:hover, + entry image:hover { + color: #A1A8AB; } + spinbutton:not(.vertical) image:active, + entry image:active { + color: #667f8c; } + spinbutton:not(.vertical) image:backdrop, + entry image:backdrop { + color: #747d81; } + spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), + entry:drop(active):focus, + entry:drop(active) { + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } + .osd spinbutton:not(.vertical), .osd + entry { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:focus:not(.vertical), .osd + entry:focus { + color: white; + border-color: #667f8c; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:backdrop:not(.vertical), .osd + entry:backdrop { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton:disabled:not(.vertical), .osd + entry:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: #667f8c; + border-style: solid; + box-shadow: none; } + spinbutton:not(.vertical) progress:backdrop, + entry progress:backdrop { + background-color: transparent; } +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:focus + button, .linked:not(.vertical) > +entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + +entry, .linked:not(.vertical) > +entry:focus + +entry { + border-left-color: #262f33; } +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:drop(active) + button, .linked:not(.vertical) > +entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + +entry, .linked:not(.vertical) > +entry:drop(active) + +entry { + border-left-color: #4e9a06; } +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > +entry:not(:disabled) + entry:not(:disabled), .linked.vertical > +entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { + border-top-color: #555e62; + background-image: linear-gradient(to bottom, #636E73); } + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > + entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { + border-top-color: #576165; + background-image: linear-gradient(to bottom, #657176); } +.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > +entry:disabled + entry:disabled, .linked.vertical > +entry:disabled + entry:disabled { + border-top-color: #555e62; } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > +entry + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > +entry + entry:focus:not(:only-child) { + border-top-color: #262f33; } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > +entry + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > +entry + entry:drop(active):not(:only-child) { + border-top-color: #4e9a06; } +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .entry, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .button, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:focus:not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > +entry:focus:not(:only-child) + entry, +.linked.vertical > +entry:focus:not(:only-child) + .entry, +.linked.vertical > +entry:focus:not(:only-child) + button, +.linked.vertical > +entry:focus:not(:only-child) + .button, +.linked.vertical > +entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #262f33; } +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:drop(active):not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > +entry:drop(active):not(:only-child) + entry, +.linked.vertical > +entry:drop(active):not(:only-child) + .entry, +.linked.vertical > +entry:drop(active):not(:only-child) + button, +.linked.vertical > +entry:drop(active):not(:only-child) + .button, +.linked.vertical > +entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #4e9a06; } + +treeview acceleditor > label { + background-color: #667f8c; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #636E73; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #667f8c; } + +/************* + * Expanders * + *************/ +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander arrow:hover { + color: #f2f3f3; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/**************** + * File chooser * + ****************/ +placessidebar > viewport.frame { + border-style: none; } +placessidebar row { + min-height: 36px; + padding: 0px; } + placessidebar row > revealer { + padding: 0 14px; } + placessidebar row:selected { + color: #ffffff; } + placessidebar row:disabled { + color: #788084; } + placessidebar row:backdrop { + color: #788084; } + placessidebar row:backdrop:selected { + color: rgba(255, 255, 255, 0.5); } + placessidebar row:backdrop:disabled { + color: #727f85; } + placessidebar row GtkImage.sidebar-icon, + placessidebar row image.sidebar-icon { + opacity: 0.7; } + placessidebar row GtkImage.sidebar-icon:dir(ltr), + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row GtkImage.sidebar-icon:dir(rtl), + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row GtkLabel.sidebar-label:dir(ltr), + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row GtkLabel.sidebar-label:dir(rtl), + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-height: 26px; + min-width: 26px; + margin-top: 3px; + margin-bottom: 3px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; } + button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { + opacity: 0.7; } + placessidebar row:selected:active { + box-shadow: none; } + placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: image(#4e9a06); + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #667f8c; } + placessidebar row:drop(active):not(:disabled) { + color: #4e9a06; + box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + placessidebar row:drop(active):not(:disabled):selected { + color: #ffffff; + background-color: #4e9a06; } + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); } +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } +placesview row.activatable:hover { + background-color: transparent; } +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; } + +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: #4F585C; + border-width: 1px; + border-style: solid solid none; + border-color: #33393b; + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .floating-bar.bottom.left { + border-left-style: none; + border-top-left-radius: 0; } + .floating-bar.bottom.right { + border-right-style: none; + border-top-right-radius: 0; } + .floating-bar > .button { + padding: 4px; } + .floating-bar:backdrop { + background-color: #4F585C; + border-color: #363c3e; } + +/********** + * Frames * + **********/ +frame > border { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #33393b; } + frame > border.flat { + border-style: none; } + frame > border:backdrop { + border-color: #363c3e; } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid #33393b; } + actionbar > revealer > box:backdrop { + border-color: #363c3e; } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.top:backdrop { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#363c3e), to(rgba(54, 60, 62, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#363c3e), to(rgba(54, 60, 62, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.left:backdrop { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#363c3e), to(rgba(54, 60, 62, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#1b1e20), to(rgba(27, 30, 32, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(161, 168, 171, 0.07)), to(rgba(161, 168, 171, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.right:backdrop { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#363c3e), to(rgba(54, 60, 62, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; + box-shadow: none; } +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; + box-shadow: none; } +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; + box-shadow: none; } +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; + box-shadow: none; } +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #33393b 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #596368; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, #363c3e 1px, transparent 1px); + background-color: #485054; + transition: 200ms ease-out; } + +separator { + background: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +/************ + * Popovers * + ************/ +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 8px; + -GraniteWidgetsPopOver-border-width: 0; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid #636E73; + background: #636E73; + color: #A1A8AB; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: #667f8c; } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver GtkIconView.sidebar, + GraniteWidgetsPopOver iconview.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #636E73; + background-image: none; + border: 1px solid #636E73; + color: #A1A8AB; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #636E73; } + GraniteWidgetsWelcome GtkLabel { + color: #A1A8AB; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(161, 168, 171, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; + background-color: #4F585C; + border: solid #33393b; + color: #A1A8AB; + border-right-width: 1px; } + .source-list .category-expander { + color: transparent; } + .source-list .badge { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + color: #4F585C; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { + background-color: rgba(0, 0, 0, 0.2); + color: #434b4e; } + .source-list row, + .source-list .list-row { + border: none; + padding: 0; } + .source-list row > GtkLabel, + .source-list row > label, + .source-list .list-row > GtkLabel, + .source-list .list-row > label { + padding-left: 6px; + padding-right: 6px; } + +/************** +* Text Styles * +**************/ +.h1 { + font-size: 24px; } + +.h2 { + font-weight: 300; + font-size: 18px; } + +.h3 { + font-size: 11px; } + +.h4, +.category-label { + font-size: 12px; + padding: 6px; + color: rgba(161, 168, 171, 0.3); + font-weight: bold; + text-shadow: 0 1px rgba(255, 255, 255, 0.2); } + +/************** +* Storage Bar * +**************/ +.storage-bar .trough { + border: none; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1); + background-image: none; + background-color: transparent; + padding: 8px 6px; } +.storage-bar .fill-block { + background-color: #feea3a; + border: none; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); + transition: all 200ms ease-in-out; + padding: 8px 6px; } + .storage-bar .fill-block:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block.empty-block { + background-color: #636E73; } + .storage-bar .fill-block.app { + background-color: #2095f2; } + .storage-bar .fill-block.audio { + background-color: #fe9700; } + .storage-bar .fill-block.photo { + background-color: #f34235; } + .storage-bar .fill-block.video { + background-color: #9b26af; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header Bars * + ***************/ +.titlebar:not(headerbar), +headerbar { + min-height: 40px; + padding: 0 8px; + border: none; + border-radius: 4px 4px 0 0; + background-color: #3B4245; + color: rgba(255, 255, 255, 0.8); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .titlebar:backdrop:not(headerbar), + headerbar:backdrop { + background-color: #3B4245; + color: rgba(255, 255, 255, 0.3); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + transition: 200ms ease-out; } + .titlebar:not(headerbar) .title, + headerbar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) .title:backdrop, + headerbar .title:backdrop { + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) .subtitle, + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + color: rgba(255, 255, 255, 0.8); } + .selection-mode.titlebar:not(headerbar), + headerbar.selection-mode { + border-radius: 4px 4px 0 0; + color: #ffffff; + text-shadow: 0 -1px rgba(0, 0, 0, 0.5); + border-color: #262f33; + background-color: #347D9F; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .selection-mode.titlebar:backdrop:not(headerbar), + headerbar.selection-mode:backdrop { + background-color: #275f79; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, + headerbar.selection-mode .selection-menu:backdrop, + headerbar.selection-mode .selection-menu { + border-color: rgba(102, 127, 140, 0); + background-image: linear-gradient(to bottom, rgba(102, 127, 140, 0)); + box-shadow: none; + text-shadow: none; + padding-left: 10px; + padding-right: 10px; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, + headerbar.selection-mode .selection-menu:backdrop GtkArrow, + headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, + headerbar.selection-mode .selection-menu:backdrop .arrow, + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(255, 255, 255, 0.5); + -gtk-icon-shadow: none; } + .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .tiled + headerbar:backdrop, .tiled + headerbar, .maximized + headerbar:backdrop, .maximized + headerbar { + border-radius: 0; } + .default-decoration.titlebar:not(headerbar), + headerbar.default-decoration { + padding: 6px; + min-height: 28px; + background-color: #3B4245; + color: rgba(255, 255, 255, 0.8); } + .default-decoration.titlebar:not(headerbar) .maximized, + headerbar.default-decoration .maximized { + padding: 6px; } + .default-decoration.titlebar:backdrop:not(headerbar), + headerbar.default-decoration:backdrop { + background-color: #2f3537; + color: rgba(255, 255, 255, 0.3); } + .default-decoration.titlebar:not(headerbar) .button.titlebutton, + .default-decoration.titlebar:not(headerbar) button.titlebutton, + headerbar.default-decoration .button.titlebutton, + headerbar.default-decoration button.titlebutton { + min-height: 16px; + min-width: 16px; + padding: 1px; + border-radius: 50%; + background-color: transparent; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .default-decoration.titlebar:not(headerbar) .button.titlebutton:hover, + .default-decoration.titlebar:not(headerbar) button.titlebutton:hover, + headerbar.default-decoration .button.titlebutton:hover, + headerbar.default-decoration button.titlebutton:hover { + background-color: transparent; + color: rgba(255, 255, 255, 0.8); } + .default-decoration.titlebar:not(headerbar) .button.titlebutton:backdrop, + .default-decoration.titlebar:not(headerbar) button.titlebutton:backdrop, + headerbar.default-decoration .button.titlebutton:backdrop, + headerbar.default-decoration button.titlebutton:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.3); } + .default-decoration.titlebar:not(headerbar) .button.titlebutton:active, + .default-decoration.titlebar:not(headerbar) button.titlebutton:active, + headerbar.default-decoration .button.titlebutton:active, + headerbar.default-decoration button.titlebutton:active { + background-color: rgba(255, 255, 255, 0.8); + color: #3B4245; + border-radius: 50%; + box-shadow: none; } + .titlebar:not(headerbar) entry, + headerbar entry { + margin: 6px 0; + min-height: 16px; + border-radius: 2px; + padding: 4px; + border: none; + box-shadow: none; + background: rgba(99, 110, 115, 0.95); + color: #A1A8AB; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .titlebar:not(headerbar) entry > image, + headerbar entry > image { + padding-right: 6px; + color: rgba(161, 168, 171, 0.8); } + .titlebar:not(headerbar) entry:active, .titlebar:not(headerbar) entry:focus, + headerbar entry:active, + headerbar entry:focus { + background: #636E73; + color: #A1A8AB; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .titlebar:not(headerbar) entry:active > image, .titlebar:not(headerbar) entry:focus > image, + headerbar entry:active > image, + headerbar entry:focus > image { + padding-right: 6px; + color: #A1A8AB; } + .titlebar:not(headerbar) entry:active:backdrop, .titlebar:not(headerbar) entry:focus:backdrop, + headerbar entry:active:backdrop, + headerbar entry:focus:backdrop { + background: rgba(99, 110, 115, 0.8); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) entry:disabled, + headerbar entry:disabled { + background: rgba(99, 110, 115, 0.6); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) entry:disabled > image, + headerbar entry:disabled > image { + padding-right: 6px; + color: rgba(161, 168, 171, 0.5); } + .titlebar:not(headerbar) entry:disabled:backdrop, + headerbar entry:disabled:backdrop { + background: rgba(99, 110, 115, 0.5); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) entry:backdrop, + headerbar entry:backdrop { + background: rgba(99, 110, 115, 0.8); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) entry:backdrop > image, + headerbar entry:backdrop > image { + color: rgba(161, 168, 171, 0.5); } + .titlebar:not(headerbar) button, + headerbar button { + background-color: transparent; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + padding: 10px; + margin: 0; + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) button.text-button, .titlebar:not(headerbar) button.image-button, .titlebar:not(headerbar) button.flat, + headerbar button.text-button, + headerbar button.image-button, + headerbar button.flat { + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) button.text-button:backdrop, .titlebar:not(headerbar) button.image-button:backdrop, .titlebar:not(headerbar) button.flat:backdrop, + headerbar button.text-button:backdrop, + headerbar button.image-button:backdrop, + headerbar button.flat:backdrop { + background-color: transparent; + background-image: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) button.linked, + headerbar button.linked { + border-radius: 0px; + margin: 0; } + .titlebar:not(headerbar) button:hover, + headerbar button:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: rgba(255, 255, 255, 0.8); + box-shadow: none; + text-shadow: none; } + .titlebar:not(headerbar) button:backdrop, + headerbar button:backdrop { + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button:checked, + headerbar button:active, + headerbar button:checked { + font: bold; + border-radius: 0px; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) button:active:backdrop, .titlebar:not(headerbar) button:checked:backdrop, + headerbar button:active:backdrop, + headerbar button:checked:backdrop { + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) button:disabled, + headerbar button:disabled { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + background-image: none; } + .titlebar:not(headerbar) button:disabled:backdrop, + headerbar button:disabled:backdrop { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + background-image: none; } + .titlebar:not(headerbar) button:disabled:backdrop image, + headerbar button:disabled:backdrop image { + -gtk-icon-effect: dim; } + .titlebar:not(headerbar) button.titlebutton, + headerbar button.titlebutton { + min-height: 16px; + min-width: 16px; + padding: 1px; + border-radius: 50%; + background-color: transparent; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .titlebar:not(headerbar) button.titlebutton:hover, + headerbar button.titlebutton:hover { + background-color: transparent; + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) button.titlebutton:backdrop, + headerbar button.titlebutton:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) button.titlebutton:active, + headerbar button.titlebutton:active { + background-color: rgba(255, 255, 255, 0.8); + color: #3B4245; + border-radius: 50%; + box-shadow: none; } + .titlebar:not(headerbar) button.menu-button, .titlebar:not(headerbar) button.title-menu-button, + headerbar button.menu-button, + headerbar button.title-menu-button { + padding: 1px; + background-color: transparent; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .titlebar:not(headerbar) button.menu-button:hover, .titlebar:not(headerbar) button.title-menu-button:hover, + headerbar button.menu-button:hover, + headerbar button.title-menu-button:hover { + background-color: rgba(0, 0, 0, 0.1); + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) button.menu-button:backdrop, .titlebar:not(headerbar) button.title-menu-button:backdrop, + headerbar button.menu-button:backdrop, + headerbar button.title-menu-button:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) button.menu-button:active, .titlebar:not(headerbar) button.title-menu-button:active, + headerbar button.menu-button:active, + headerbar button.title-menu-button:active { + background-color: #23282a; + color: rgba(255, 255, 255, 0.8); + box-shadow: none; } + .titlebar:not(headerbar) .separator, + headerbar .separator { + color: transparent; + background-color: transparent; } + +.titlebar, .titlebar:backdrop { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 4px; } +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 4px; } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: #3B4245; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } + window.csd > .titlebar:not(headerbar):backdrop { + background-color: #2f3537; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +infobar { + text-shadow: none; + color: #A1A8AB; + background-color: #4F585C; + border-bottom: 1px solid #373e41; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } + +.info, .warning, .question, .error { + text-shadow: none; + color: #ffffff; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #ffffff; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(255, 255, 255, 0.5); } + .info button, .warning button, .question button, .error button { + border-radius: 2px; + border: none; + background: rgba(99, 110, 115, 0.95); + color: #A1A8AB; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .info button .label, .warning button .label, .question button .label, .error button .label { + color: #A1A8AB; } + .info button:active, .warning button:active, .question button:active, .error button:active { + background: #636E73; + color: #A1A8AB; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { + background: rgba(99, 110, 115, 0.8); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled { + background: rgba(99, 110, 115, 0.6); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { + background: rgba(99, 110, 115, 0.5); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { + background: rgba(99, 110, 115, 0.8); + color: rgba(161, 168, 171, 0.5); + box-shadow: none; } + +.info { + background-color: #2095f2; } + .info:backdrop { + background-color: #50acf5; + color: rgba(255, 255, 255, 0.5); } + +.warning { + background-color: #feea3a; } + .warning:backdrop { + background-color: #feef6d; + color: rgba(255, 255, 255, 0.5); } + +.question { + background-color: #1ea362; } + .question:backdrop { + background-color: #26ce7c; + color: rgba(255, 255, 255, 0.5); } + +.error { + background-color: #f34235; } + .error:backdrop { + background-color: #f66f65; + color: rgba(255, 255, 255, 0.5); } + +/************* + * Level Bar * + *************/ +levelbar { + -GtkLevelBar-min-block-width: 32; + -GtkLevelBar-min-block-height: 8; } + levelbar:backdrop { + transition: 200ms ease-out; } + levelbar trough { + margin: 0; + padding: 2px; + border-radius: 3px; } + levelbar.horizontal.indicator-discrete.fill-block { + margin: 0 1px; } + levelbar.horizontal.discrete block { + margin: 0 1px; } + levelbar.vertical.indicator-discrete.fill-block { + margin: 1px 0; } + levelbar.vertical.discrete block { + margin: 1px 0; } + levelbar.vertical .fill-block, + levelbar.vertical block, + levelbar block { + border-radius: 2px; + min-width: 32px; + min-height: 2px; } + levelbar.vertical .low.fill-block, + levelbar.vertical block.low, levelbar.vertical .level-low.fill-block, + levelbar.vertical block.level-low, + levelbar block.low, + levelbar block.level-low { + border: 1px solid #fee507; + background-color: #feea3a; } + levelbar.vertical .low.fill-block:backdrop, + levelbar.vertical block.low:backdrop, levelbar.vertical .level-low.fill-block:backdrop, + levelbar.vertical block.level-low:backdrop, + levelbar block.low:backdrop, + levelbar block.level-low:backdrop { + border: 1px solid #feea3a; } + levelbar.vertical .high.fill-block, + levelbar.vertical block.high, levelbar.vertical .level-high.fill-block, + levelbar.vertical block.level-high, + levelbar block.high, + levelbar block.level-high { + border: 1px solid #51646e; + background-color: #667f8c; } + levelbar.vertical .high.fill-block:backdrop, + levelbar.vertical block.high:backdrop, levelbar.vertical .level-high.fill-block:backdrop, + levelbar.vertical block.level-high:backdrop, + levelbar block.high:backdrop, + levelbar block.level-high:backdrop { + border: 1px solid #667f8c; } + levelbar.vertical .full.fill-block, + levelbar.vertical block.full, levelbar.vertical .level-full.fill-block, + levelbar.vertical block.level-full, + levelbar block.full, + levelbar block.level-full { + border: 1px solid #0e4d2e; + background-color: #167848; } + levelbar.vertical .full.fill-block:backdrop, + levelbar.vertical block.full:backdrop, levelbar.vertical .level-full.fill-block:backdrop, + levelbar.vertical block.level-full:backdrop, + levelbar block.full:backdrop, + levelbar block.level-full:backdrop { + border: 1px solid #167848; } + levelbar.vertical .empty.fill-block, + levelbar.vertical block.empty, levelbar.vertical .level-empty.fill-block, + levelbar.vertical block.level-empty, + levelbar block.empty, + levelbar block.level-empty { + background-color: transparent; + border: 1px solid rgba(161, 168, 171, 0.1); + box-shadow: none; } + levelbar.vertical .empty.fill-block:backdrop, + levelbar.vertical block.empty:backdrop, levelbar.vertical .level-empty.fill-block:backdrop, + levelbar.vertical block.level-empty:backdrop, + levelbar block.empty:backdrop, + levelbar block.level-empty:backdrop { + border-color: rgba(120, 128, 132, 0.15); } + levelbar.vertical { + -GtkLevelBar-min-block-width: 8; + -GtkLevelBar-min-block-height: 32; } + levelbar.vertical .fill-block, + levelbar.vertical block { + min-width: 8px; + min-height: 32px; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: blue; } + *:link:visited, + button:visited { + color: rgba(0, 0, 255, 0.5); } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: #c2ccd1; } + *:link:hover, button:hover:link, + button:hover:visited { + color: #3333ff; } + *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: #f0f2f4; } + *:link:active, button:active:link, + button:active:visited { + color: blue; } + *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: #e0e5e8; } + *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, + button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, + headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:selected:link, + button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, + button:backdrop:visited { + color: #667f8c; } + *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, + headerbar.selection-mode .subtitle:link, button:selected:link, + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: #e0e5e8; } + +button:link, +button:visited { + text-shadow: none; } + button:link:hover, button:link:active, button:link:checked, + button:visited:hover, + button:visited:active, + button:visited:checked { + text-shadow: none; } + button:link > label, + button:visited > label { + text-decoration-line: underline; } + button:link > GtkLabel, + button:visited > GtkLabel { + text-decoration-line: underline; } + +/********* + * Lists * + *********/ +list { + color: #A1A8AB; + background-color: #636E73; + border-color: #33393b; } + list:backdrop { + background-color: #657176; + border-color: #363c3e; } + +row { + border-radius: 0; + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row image { + padding-right: 6px; } + row:hover { + transition: none; } + row:backdrop { + transition: 200ms ease-out; } + row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(161, 168, 171, 0.05); } + row.activatable:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + row.activatable:backdrop:hover { + background-color: transparent; } + row.activatable:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #6c838f; } + row.activatable:selected:backdrop { + background-color: #667f8c; } + +/********* + * Menus * + *********/ +menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); + background-color: #3B4245; + color: rgba(255, 255, 255, 0.8); } + menubar:backdrop { + background-color: #2f3537; } + menubar > menuitem { + min-height: 16px; + padding: 4px 8px; } + menubar > menuitem:hover { + box-shadow: inset 0 -3px #667f8c; + color: rgba(255, 255, 255, 0.8); } + menubar > menuitem:disabled { + color: #788084; + box-shadow: none; } + +menu { + padding: 4px 0px; + background-color: #5f6a6e; + border: 1px solid #33393b; + border-radius: 4px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + .csd menu { + border: none; } + menu:backdrop { + background-color: #616c71; } + menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 8px 4px; + text-shadow: none; } + menu menuitem:hover { + color: #ffffff; + background-color: #667f8c; } + menu menuitem:disabled { + color: #788084; } + menu menuitem:disabled:backdrop { + color: #727f85; } + menu menuitem:backdrop, menu menuitem:backdrop:hover { + color: #788084; + background-color: transparent; } + menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menu > arrow { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #5f6a6e; + border-radius: 0; } + menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid #697479; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid #697479; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover { + background-color: #697479; } + menu > arrow:backdrop { + background-color: #616c71; } + menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +menuitem accelerator { + color: alpha(currentColor,0.55); } +menuitem check, +menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), + menuitem radio:dir(ltr) { + margin-right: 7px; } + menuitem check:dir(rtl), + menuitem radio:dir(rtl) { + margin-left: 7px; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #3f4649; } + .content-view:hover { + -gtk-icon-effect: highlight; } + .content-view:backdrop { + background-color: #3f4649; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } +.scale-popup button:hover { + background-color: rgba(161, 168, 171, 0.1); + border-radius: 5px; } + +separator { + color: #33393b; } + +/************ +* Assistant * +*************/ +assistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + assistant .sidebar { + background-color: #636E73; + border-top: 1px solid #33393b; + border-bottom-left-radius: 4px; } + assistant .sidebar:backdrop { + background-color: #657176; + border-color: #363c3e; } + assistant.csd .sidebar { + border-top-style: none; } + assistant .sidebar GtkLabel, + assistant .sidebar label { + padding: 6px 12px; } + assistant .sidebar GtkLabel.highlight, + assistant .sidebar label.highlight { + background-color: #5f686c; } + +/************* + * Notebooks * + *************/ +notebook > header { + border: none; } + notebook > header.top { + border-bottom-style: solid; } + notebook > header.top > tabs > tab:hover { + box-shadow: inset 0 -2px #33393b; } + notebook > header.top > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -2px #667f8c; } + notebook > header.bottom { + border-top-style: solid; } + notebook > header.bottom > tabs > tab:hover { + box-shadow: inset 0 2px #33393b; } + notebook > header.bottom > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.bottom > tabs > tab:checked { + box-shadow: inset 0 2px #667f8c; } + notebook > header.left { + border-right-style: solid; } + notebook > header.left > tabs > tab:hover { + box-shadow: inset -2px 0 #33393b; } + notebook > header.left > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.left > tabs > tab:checked { + box-shadow: inset -2px 0 #667f8c; } + notebook > header.right { + border-left-style: solid; } + notebook > header.right > tabs > tab:hover { + box-shadow: inset 2px 0 #33393b; } + notebook > header.right > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.right > tabs > tab:checked { + box-shadow: inset 2px 0 #667f8c; } + notebook > header.top > tabs > arrow { + border-top-style: none; } + notebook > header.bottom > tabs > arrow { + border-bottom-style: none; } + notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.left > tabs > arrow { + border-left-style: none; } + notebook > header.right > tabs > arrow { + border-right-style: none; } + notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; } + notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; } + notebook > header > tabs > arrow:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header tab { + min-height: 30px; + min-width: 30px; + padding: 3px 12px; + outline-offset: -5px; + color: #788084; + font-weight: bold; + border-width: 1px; + border-color: transparent; } + notebook > header tab:hover { + color: #8d9498; } + notebook > header tab:hover.reorderable-page { + border-color: rgba(51, 57, 59, 0.3); + background-color: rgba(79, 88, 92, 0.2); } + notebook > header tab:backdrop { + color: #687074; } + notebook > header tab:backdrop.reorderable-page { + border-color: transparent; + background-color: transparent; } + notebook > header tab:checked { + color: #A1A8AB; } + notebook > header tab:checked.reorderable-page { + border-color: rgba(51, 57, 59, 0.5); + background-color: rgba(79, 88, 92, 0.5); } + notebook > header tab:checked.reorderable-page:hover { + background-color: rgba(79, 88, 92, 0.7); } + notebook > header tab:backdrop:checked { + color: #788084; } + notebook > header tab:backdrop:checked.reorderable-page { + border-color: #363c3e; + background-color: #4F585C; } + notebook > header tab button.flat { + padding: 0; + margin-top: 4px; + margin-bottom: 4px; + min-width: 20px; + min-height: 20px; } + notebook > header tab button.flat:hover { + color: currentColor; } + notebook > header tab button.flat, notebook > header tab button.flat:backdrop { + color: alpha(currentColor,0.3); } + notebook > header tab button.flat:last-child { + margin-left: 4px; + margin-right: -4px; } + notebook > header tab button.flat:first-child { + margin-left: -4px; + margin-right: 4px; } + notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 4px; + padding-right: 4px; } + notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { + margin-left: 3px; + margin-right: 3px; } + notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: -1px; } + notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: -1px; } + notebook > header.top tabs tab, notebook > header.bottom tabs tab { + margin-left: 4px; + margin-right: 4px; } + notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: none solid; } + notebook > header.left tabs, notebook > header.right tabs { + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { + margin-top: 3px; + margin-bottom: 3px; } + notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: -1px; } + notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: -1px; } + notebook > header.left tabs tab, notebook > header.right tabs tab { + margin-top: 4px; + margin-bottom: 4px; } + notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid none; } + notebook > header.top tab { + padding-bottom: 4px; } + notebook > header.bottom tab { + padding-top: 4px; } +notebook > stack:not(:only-child) { + background-color: #636E73; } + notebook > stack:not(:only-child):backdrop { + background-color: #657176; } + +notebook, +.dynamic-notebook, +.notebook { + padding: 0; + background-color: #636E73; + box-shadow: 0 0 0 1px #33393b; + background-clip: border-box; } + notebook > header, + notebook > .header, + .dynamic-notebook > header, + .dynamic-notebook > .header, + .notebook > header, + .notebook > .header { + border: none; + box-shadow: none; + background-color: #4F585C; } + notebook > tab, + .dynamic-notebook > tab, + .notebook > tab { + border-radius: 0; + background-color: #4F585C; } + notebook > tab.top, + .dynamic-notebook > tab.top, + .notebook > tab.top { + padding: 6px 8px 8px 8px; + box-shadow: inset 0 -1px 0 0 #33393b; } + notebook > tab.top:active, + .dynamic-notebook > tab.top:active, + .notebook > tab.top:active { + box-shadow: inset 0 -3px 0 0 #33393b; } + notebook > tab.top:active:backdrop, + .dynamic-notebook > tab.top:active:backdrop, + .notebook > tab.top:active:backdrop { + box-shadow: inset 0 -3px 0 0 #363c3e; } + notebook > tab.top:backdrop, + .dynamic-notebook > tab.top:backdrop, + .notebook > tab.top:backdrop { + box-shadow: inset 0 -1px 0 0 #363c3e; } + notebook > tab.top:disabled, + .dynamic-notebook > tab.top:disabled, + .notebook > tab.top:disabled { + box-shadow: inset 0 -1px 0 0 #33393b; } + notebook > tab.bottom, + .dynamic-notebook > tab.bottom, + .notebook > tab.bottom { + padding: 8px 8px 6px 8px; + box-shadow: inset 0 1px 0 0 #33393b; } + notebook > tab.bottom:active, + .dynamic-notebook > tab.bottom:active, + .notebook > tab.bottom:active { + box-shadow: inset 0 3px 0 0 #33393b; } + notebook > tab.bottom:active:backdrop, + .dynamic-notebook > tab.bottom:active:backdrop, + .notebook > tab.bottom:active:backdrop { + box-shadow: inset 0 3px 0 0 #363c3e; } + notebook > tab.bottom:backdrop, + .dynamic-notebook > tab.bottom:backdrop, + .notebook > tab.bottom:backdrop { + box-shadow: inset 0 1px 0 0 #363c3e; } + notebook > tab.bottom:disabled, + .dynamic-notebook > tab.bottom:disabled, + .notebook > tab.bottom:disabled { + box-shadow: inset 0 1px 0 0 #33393b; } + notebook > tab.left, + .dynamic-notebook > tab.left, + .notebook > tab.left { + padding: 8px; + box-shadow: inset -1px 0 0 0 #33393b; } + notebook > tab.left:active, + .dynamic-notebook > tab.left:active, + .notebook > tab.left:active { + box-shadow: inset -3px 0 0 0 #33393b; } + notebook > tab.left:active:backdrop, + .dynamic-notebook > tab.left:active:backdrop, + .notebook > tab.left:active:backdrop { + box-shadow: inset -3px 0 0 0 #363c3e; } + notebook > tab.left:backdrop, + .dynamic-notebook > tab.left:backdrop, + .notebook > tab.left:backdrop { + box-shadow: inset -1px 0 0 0 #363c3e; } + notebook > tab.left:disabled, + .dynamic-notebook > tab.left:disabled, + .notebook > tab.left:disabled { + box-shadow: inset -1px 0 0 0 #33393b; } + notebook > tab.right, + .dynamic-notebook > tab.right, + .notebook > tab.right { + padding: 8px; + box-shadow: inset 1px 0 0 0 #33393b; } + notebook > tab.right:active, + .dynamic-notebook > tab.right:active, + .notebook > tab.right:active { + box-shadow: inset 3px 0 0 0 #33393b; } + notebook > tab.right:active:backdrop, + .dynamic-notebook > tab.right:active:backdrop, + .notebook > tab.right:active:backdrop { + box-shadow: inset 3px 0 0 0 #363c3e; } + notebook > tab.right:backdrop, + .dynamic-notebook > tab.right:backdrop, + .notebook > tab.right:backdrop { + box-shadow: inset 1px 0 0 0 #363c3e; } + notebook > tab.right:disabled, + .dynamic-notebook > tab.right:disabled, + .notebook > tab.right:disabled { + box-shadow: inset 1px 0 0 0 #33393b; } + notebook > tab:active, + .dynamic-notebook > tab:active, + .notebook > tab:active { + font-weight: bold; } + notebook > tab:hover, + .dynamic-notebook > tab:hover, + .notebook > tab:hover { + background: #434b4e; } + +/********* + * Paned * + *********/ +.paned, +paned { + border: solid #33393b; + border-left-width: 1px; } + .paned > separator, + paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#33393b); + background-size: 1px 1px; } + .paned > separator:selected, + paned > separator:selected { + background-image: image(#667f8c); } + .paned > separator:backdrop, + paned > separator:backdrop { + background-image: image(#363c3e); } + .paned > separator.wide, + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #4F585C; + background-image: image(#33393b), image(#33393b); + background-size: 1px 1px, 1px 1px; } + .paned > separator.wide:backdrop, + paned > separator.wide:backdrop { + background-color: #4F585C; + background-image: image(#363c3e), image(#363c3e); } + .paned.horizontal > separator, + paned.horizontal > separator { + background-repeat: repeat-y; } + .paned.horizontal > separator:dir(ltr), + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + .paned.horizontal > separator:dir(rtl), + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + .paned.horizontal > separator.wide, + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + .paned.vertical > separator, + paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + .paned.vertical > separator.wide, + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +/************ + * Pathbars * + ************/ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 4px; + padding-right: 4px; } +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 8px; } +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 8px; } +.path-bar button image { + padding-left: 4px; + padding-right: 4px; } +.path-bar button.slider-button { + padding-left: 0; + padding-right: 0; } + +/************ + * Popovers * + ************/ +popover.background { + padding: 2px; + border-radius: 4px; + border: none; + background-color: #4F585C; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + .csd popover.background, popover.background { + border: 1px solid #33393b; } + popover.background:backdrop { + background-color: #4F585C; + box-shadow: none; } + popover.background > list, + popover.background > .view, + popover.background > GtkIconView, + popover.background > iconview, + popover.background > toolbar, + popover.background > .toolbar { + border-style: none; + background-color: transparent; } + .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { + border: 1px solid rgba(255, 255, 255, 0.1); } + popover.background .separator, popover.background separator { + margin: 3px; } + popover.background list separator { + margin: 0px; } + +/**************** + * Print dialog * +*****************/ +printdialog paper { + color: #A1A8AB; + border: 1px solid #33393b; + background: white; + padding: 0; } + printdialog paper:backdrop { + color: #788084; + border-color: #363c3e; } +printdialog .dialog-action-box { + margin: 12px; } + +/***************** + * Progress bars * + *****************/ +GtkProgressBar, +.progressbar, +progressbar { + font-size: smaller; + color: rgba(161, 168, 171, 0.4); } + GtkProgressBar.horizontal trough, + GtkProgressBar.horizontal .trough, + GtkProgressBar.horizontal progress, + .progressbar.horizontal trough, + .progressbar.horizontal .trough, + .progressbar.horizontal progress, + progressbar.horizontal trough, + progressbar.horizontal .trough, + progressbar.horizontal progress { + min-height: 4px; } + GtkProgressBar.vertical trough, + GtkProgressBar.vertical .trough, + GtkProgressBar.vertical progress, + .progressbar.vertical trough, + .progressbar.vertical .trough, + .progressbar.vertical progress, + progressbar.vertical trough, + progressbar.vertical .trough, + progressbar.vertical progress { + min-width: 4px; } + GtkProgressBar.horizontal progress, + .progressbar.horizontal progress, + progressbar.horizontal progress { + margin: 0 -1px; } + GtkProgressBar.vertical progress, + .progressbar.vertical progress, + progressbar.vertical progress { + margin: -1px 0; } + GtkProgressBar:active, + .progressbar:active, + progressbar:active { + border-radius: 0px; + color: rgba(0, 0, 0, 0.5); + background-color: #667f8c; + border-color: #51646e; } + GtkProgressBar:active:backdrop, + .progressbar:active:backdrop, + progressbar:active:backdrop { + background-color: #8298a3; + border-color: #667f8c; } + GtkProgressBar:backdrop, + .progressbar:backdrop, + progressbar:backdrop { + transition: 200ms ease-out; } + GtkProgressBar .progressbar, + GtkProgressBar progress, + .progressbar .progressbar, + .progressbar progress, + progressbar .progressbar, + progressbar progress { + border-radius: 0px; } + GtkProgressBar .progressbar.left, + GtkProgressBar progress.left, + .progressbar .progressbar.left, + .progressbar progress.left, + progressbar .progressbar.left, + progressbar progress.left { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } + GtkProgressBar .progressbar.right, + GtkProgressBar progress.right, + .progressbar .progressbar.right, + .progressbar progress.right, + progressbar .progressbar.right, + progressbar progress.right { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; } + GtkProgressBar .progressbar.top, + GtkProgressBar progress.top, + .progressbar .progressbar.top, + .progressbar progress.top, + progressbar .progressbar.top, + progressbar progress.top { + border-top-right-radius: 0px; + border-top-left-radius: 0px; } + GtkProgressBar .progressbar.bottom, + GtkProgressBar progress.bottom, + .progressbar .progressbar.bottom, + .progressbar progress.bottom, + progressbar .progressbar.bottom, + progressbar progress.bottom { + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; } + GtkProgressBar.osd, + .progressbar.osd, + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + GtkProgressBar.osd .trough, + GtkProgressBar.osd trough, + .progressbar.osd .trough, + .progressbar.osd trough, + progressbar.osd .trough, + progressbar.osd trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + GtkProgressBar.osd .progressbar, + GtkProgressBar.osd progress, + .progressbar.osd .progressbar, + .progressbar.osd progress, + progressbar.osd .progressbar, + progressbar.osd progress { + border-style: none; + border-radius: 0; } + GtkProgressBar row:selected, + GtkProgressBar .list-row:selected, + .progressbar row:selected, + .progressbar .list-row:selected, + progressbar row:selected, + progressbar .list-row:selected { + border: 1px solid #51646e; + color: rgba(0, 0, 0, 0.5); + background-color: #667f8c; } + +/************ + * GtkScale * + ************/ +levelbar trough, levelbar.horizontal trough, +levelbar.horizontal .trough, levelbar.vertical trough, +levelbar.vertical .trough, GtkProgressBar, +.progressbar, +progressbar, scale trough, scale.fine-tune trough, scale fill { + border: none; + background-color: #636E73; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(255, 255, 255, 0.1); + padding: 0; + margin: 0; } + levelbar trough:disabled, + levelbar.horizontal .trough:disabled, + levelbar.vertical .trough:disabled, GtkProgressBar:disabled, + .progressbar:disabled, + progressbar:disabled, scale trough:disabled, scale fill:disabled { + background-color: #576165; } + levelbar trough:backdrop, + levelbar.horizontal .trough:backdrop, + levelbar.vertical .trough:backdrop, GtkProgressBar:backdrop, + .progressbar:backdrop, + progressbar:backdrop, scale trough:backdrop, scale fill:backdrop { + background-color: #657176; + transition: 200ms ease-out; } + levelbar trough:backdrop:disabled, + levelbar.horizontal .trough:backdrop:disabled, + levelbar.vertical .trough:backdrop:disabled, GtkProgressBar:backdrop:disabled, + .progressbar:backdrop:disabled, + progressbar:backdrop:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { + background-color: #576165; } + row:selected levelbar trough, levelbar row:selected trough, + row:selected levelbar.horizontal .trough, + levelbar.horizontal row:selected .trough, + row:selected levelbar.vertical .trough, + levelbar.vertical row:selected .trough, row:selected GtkProgressBar, + row:selected .progressbar, + row:selected progressbar, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill { + box-shadow: none; } + row:selected levelbar trough, levelbar row:selected trough, + row:selected levelbar.horizontal .trough, + levelbar.horizontal row:selected .trough, + row:selected levelbar.vertical .trough, + levelbar.vertical row:selected .trough, row:selected GtkProgressBar, + row:selected .progressbar, + row:selected progressbar, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected levelbar trough:disabled, levelbar row:selected trough:disabled, + row:selected levelbar.horizontal .trough:disabled, + levelbar.horizontal row:selected .trough:disabled, + row:selected levelbar.vertical .trough:disabled, + levelbar.vertical row:selected .trough:disabled, row:selected GtkProgressBar:disabled, + row:selected .progressbar:disabled, + row:selected progressbar:disabled, row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled { + border-color: #262f33; } + .osd levelbar trough, levelbar .osd trough, + .osd levelbar.horizontal .trough, + levelbar.horizontal .osd .trough, + .osd levelbar.vertical .trough, + levelbar.vertical .osd .trough, .osd GtkProgressBar, + .osd .progressbar, + .osd progressbar, .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill { + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + box-shadow: none; + outline-color: rgba(161, 168, 171, 0.2); } + .osd levelbar trough:disabled, levelbar .osd trough:disabled, + .osd levelbar.horizontal .trough:disabled, + levelbar.horizontal .osd .trough:disabled, + .osd levelbar.vertical .trough:disabled, + levelbar.vertical .osd .trough:disabled, .osd GtkProgressBar:disabled, + .osd .progressbar:disabled, + .osd progressbar:disabled, .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled { + background-color: rgba(45, 50, 51, 0.5); } + +GtkProgressBar .progressbar, +GtkProgressBar progress, +.progressbar .progressbar, +.progressbar progress, +progressbar .progressbar, +progressbar progress, scale fill, +scale highlight, scale.fine-tune fill, +scale.fine-tune highlight { + border: 1px solid #262f33; + background-color: #667f8c; + box-shadow: 0px 1px rgba(255, 255, 255, 0.1); + border-radius: 4px; + min-height: 8px; } + GtkProgressBar .progressbar:disabled, + GtkProgressBar progress:disabled, + .progressbar .progressbar:disabled, + .progressbar progress:disabled, + progressbar .progressbar:disabled, + progressbar progress:disabled, scale fill:disabled, + scale highlight:disabled { + border: 1px solid #0f1112; + background-color: #202425; } + GtkProgressBar .progressbar:backdrop, + GtkProgressBar progress:backdrop, + .progressbar .progressbar:backdrop, + .progressbar progress:backdrop, + progressbar .progressbar:backdrop, + progressbar progress:backdrop, GtkProgressBar:backdrop .progressbar, + .progressbar:backdrop .progressbar, + progressbar:backdrop .progressbar, GtkProgressBar:backdrop progress, + .progressbar:backdrop progress, + progressbar:backdrop progress, scale fill:backdrop, + scale highlight:backdrop, GtkProgressBar .progressbar:active:backdrop, + GtkProgressBar progress:active:backdrop, + .progressbar .progressbar:active:backdrop, + .progressbar progress:active:backdrop, + progressbar .progressbar:active:backdrop, + progressbar progress:active:backdrop, GtkProgressBar:backdrop .progressbar:active, + .progressbar:backdrop .progressbar:active, + progressbar:backdrop .progressbar:active, GtkProgressBar:backdrop progress:active, + .progressbar:backdrop progress:active, + progressbar:backdrop progress:active, scale fill:active:backdrop, + scale highlight:active:backdrop { + border-color: #262f33; + background-color: #8298a3; } + GtkProgressBar .progressbar:backdrop:disabled, + GtkProgressBar progress:backdrop:disabled, + .progressbar .progressbar:backdrop:disabled, + .progressbar progress:backdrop:disabled, + progressbar .progressbar:backdrop:disabled, + progressbar progress:backdrop:disabled, GtkProgressBar:backdrop .progressbar:disabled, + .progressbar:backdrop .progressbar:disabled, + progressbar:backdrop .progressbar:disabled, GtkProgressBar:backdrop progress:disabled, + .progressbar:backdrop progress:disabled, + progressbar:backdrop progress:disabled, scale fill:backdrop:disabled, + scale highlight:backdrop:disabled, GtkProgressBar .progressbar:active:backdrop:disabled, + GtkProgressBar progress:active:backdrop:disabled, + .progressbar .progressbar:active:backdrop:disabled, + .progressbar progress:active:backdrop:disabled, + progressbar .progressbar:active:backdrop:disabled, + progressbar progress:active:backdrop:disabled, GtkProgressBar:backdrop .progressbar:active:disabled, + .progressbar:backdrop .progressbar:active:disabled, + progressbar:backdrop .progressbar:active:disabled, GtkProgressBar:backdrop progress:active:disabled, + .progressbar:backdrop progress:active:disabled, + progressbar:backdrop progress:active:disabled, scale fill:active:backdrop:disabled, + scale highlight:active:backdrop:disabled { + background-color: transparent; + border-color: transparent; } + .list-row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar .list-row:selected .progressbar:disabled, + .list-row:selected GtkProgressBar progress:disabled, + GtkProgressBar .list-row:selected progress:disabled, + .list-row:selected .progressbar .progressbar:disabled, + .progressbar .list-row:selected .progressbar:disabled, + .list-row:selected .progressbar progress:disabled, + .progressbar .list-row:selected progress:disabled, + .list-row:selected progressbar .progressbar:disabled, + progressbar .list-row:selected .progressbar:disabled, + .list-row:selected progressbar progress:disabled, + progressbar .list-row:selected progress:disabled, .list-row:selected scale fill:disabled, scale .list-row:selected fill:disabled, + .list-row:selected scale highlight:disabled, + scale .list-row:selected highlight:disabled, .list-row:selected GtkProgressBar .progressbar, GtkProgressBar .list-row:selected .progressbar, + .list-row:selected GtkProgressBar progress, + GtkProgressBar .list-row:selected progress, + .list-row:selected .progressbar .progressbar, + .progressbar .list-row:selected .progressbar, + .list-row:selected .progressbar progress, + .progressbar .list-row:selected progress, + .list-row:selected progressbar .progressbar, + progressbar .list-row:selected .progressbar, + .list-row:selected progressbar progress, + progressbar .list-row:selected progress, .list-row:selected scale fill, scale .list-row:selected fill, + .list-row:selected scale highlight, + scale .list-row:selected highlight { + border-color: #262f33; } + row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar row:selected .progressbar:disabled, + row:selected GtkProgressBar progress:disabled, + GtkProgressBar row:selected progress:disabled, + row:selected .progressbar .progressbar:disabled, + .progressbar row:selected .progressbar:disabled, + row:selected .progressbar progress:disabled, + .progressbar row:selected progress:disabled, + row:selected progressbar .progressbar:disabled, + progressbar row:selected .progressbar:disabled, + row:selected progressbar progress:disabled, + progressbar row:selected progress:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, + row:selected scale highlight:disabled, + scale row:selected highlight:disabled, row:selected GtkProgressBar .progressbar, GtkProgressBar row:selected .progressbar, + row:selected GtkProgressBar progress, + GtkProgressBar row:selected progress, + row:selected .progressbar .progressbar, + .progressbar row:selected .progressbar, + row:selected .progressbar progress, + .progressbar row:selected progress, + row:selected progressbar .progressbar, + progressbar row:selected .progressbar, + row:selected progressbar progress, + progressbar row:selected progress, row:selected scale fill, scale row:selected fill, + row:selected scale highlight, + scale row:selected highlight { + border-color: #262f33; } + .osd GtkProgressBar .progressbar, GtkProgressBar .osd .progressbar, + .osd GtkProgressBar progress, + GtkProgressBar .osd progress, + .osd .progressbar .progressbar, + .progressbar .osd .progressbar, + .osd .progressbar progress, + .progressbar .osd progress, + .osd progressbar .progressbar, + progressbar .osd .progressbar, + .osd progressbar progress, + progressbar .osd progress, .osd scale fill, scale .osd fill, + .osd scale highlight, + scale .osd highlight { + border-color: rgba(0, 0, 0, 0.7); } + .osd GtkProgressBar .progressbar:disabled, GtkProgressBar .osd .progressbar:disabled, + .osd GtkProgressBar progress:disabled, + GtkProgressBar .osd progress:disabled, + .osd .progressbar .progressbar:disabled, + .progressbar .osd .progressbar:disabled, + .osd .progressbar progress:disabled, + .progressbar .osd progress:disabled, + .osd progressbar .progressbar:disabled, + progressbar .osd .progressbar:disabled, + .osd progressbar progress:disabled, + progressbar .osd progress:disabled, .osd scale fill:disabled, scale .osd fill:disabled, + .osd scale highlight:disabled, + scale .osd highlight:disabled { + border-color: transparent; } + +scale { + min-height: 10px; + min-width: 10px; + padding: 8px; } + scale fill, + scale highlight { + margin: -1px; } + scale slider { + min-height: 16px; + min-width: 16px; + margin: 2px; + background-color: #636E73; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); + border: 1px solid rgba(0, 0, 0, 0.3); + border-radius: 12px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + scale slider:active { + box-shadow: 0 1px 1px 0 rgba(102, 127, 140, 0.5); + border: 1px solid #667f8c; } + scale slider:active:disabled { + box-shadow: none; + border: 1px solid rgba(0, 0, 0, 0.2); } + scale slider:disabled { + box-shadow: none; } + .list-row:selected scale slider, .list-row:selected scale slider:disabled { + border-color: #262f33; } + row:selected scale slider, row:selected scale slider:disabled { + border-color: #262f33; } + .osd scale slider { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border-color: rgba(0, 0, 0, 0.7); + background-color: #202526; } + .osd scale slider:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd scale slider:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd scale slider:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd scale slider:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + scale trough { + border-radius: 2px; + margin: 6px; + outline-offset: 2px; + -gtk-outline-radius: 5px; } + scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; } + scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; } + scale.fine-tune slider { + min-height: 16px; + min-width: 16px; + background-color: #636E73; + border-color: #636E73; + border: 1px solid rgba(0, 0, 0, 0.3); + border-radius: 12px; + box-shadow: none; } + scale.fine-tune trough { + border-radius: 6px; + outline-offset: 2px; + -gtk-outline-radius: 5px; + margin: 2px; } + scale fill { + border-radius: 2px; } + scale fill, scale fill:backdrop { + background-color: #33393b; + box-shadow: none; } + scale fill:disabled, scale fill:disabled:backdrop { + border-color: transparent; + background-color: transparent; } + .osd scale fill { + background-color: rgba(62, 64, 65, 0.775); } + .osd scale fill:disabled, .osd scale fill:disabled:backdrop { + border-color: transparent; + background-color: transparent; } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: 6px; + margin-top: -12px; } + scale marks.bottom { + margin-top: 6px; + margin-bottom: -12px; } + scale marks.top { + margin-right: 6px; + margin-left: -12px; } + scale marks.bottom { + margin-left: 6px; + margin-right: -12px; } + scale.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -9px; } + scale.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -9px; } + scale.fine-tune marks.top { + margin-right: 6px; + margin-left: -9px; } + scale.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -9px; } + scale.horizontal indicator { + min-height: 6px; + min-width: 1px; } + scale.horizontal.fine-tune indicator { + min-height: 3px; } + scale.vertical indicator { + min-height: 1px; + min-width: 6px; } + scale.vertical.fine-tune indicator { + min-width: 3px; } + scale.color.horizontal .slider:hover, scale.color.horizontal .slider:backdrop, scale.color.horizontal .slider:disabled, scale.color.horizontal .slider:backdrop:disabled, scale.color.horizontal .slider, + scale.color.horizontal slider:hover, + scale.color.horizontal slider:backdrop, + scale.color.horizontal slider:disabled, + scale.color.horizontal slider:backdrop:disabled, + scale.color.horizontal slider, + scale.horizontal contents:last-child:not(:only-child) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.color.horizontal .slider:hover, scale.color.horizontal .slider:hover:backdrop:disabled, + scale.color.horizontal slider:hover, + scale.color.horizontal slider:hover:backdrop:disabled, + scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.color.horizontal .slider:active:backdrop:disabled, scale.color.horizontal .slider:active, + scale.color.horizontal slider:active:backdrop:disabled, + scale.color.horizontal slider:active, + scale.horizontal contents:last-child:not(:only-child) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.color.horizontal .slider:disabled, + scale.color.horizontal slider:disabled, + scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.color.horizontal .slider:backdrop, + scale.color.horizontal slider:backdrop, + scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.color.horizontal .slider:backdrop:disabled, + scale.color.horizontal slider:backdrop:disabled, + scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.color.vertical:dir(rtl) .slider:hover, scale.color.vertical:dir(rtl) .slider:backdrop, scale.color.vertical:dir(rtl) .slider:disabled, scale.color.vertical:dir(rtl) .slider:backdrop:disabled, scale.color.vertical:dir(rtl) .slider, + scale.color.vertical:dir(rtl) slider:hover, + scale.color.vertical:dir(rtl) slider:backdrop, + scale.color.vertical:dir(rtl) slider:disabled, + scale.color.vertical:dir(rtl) slider:backdrop:disabled, + scale.color.vertical:dir(rtl) slider, + scale.vertical contents:last-child:not(:only-child) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(rtl) .slider:hover, scale.color.vertical:dir(rtl) .slider:hover:backdrop:disabled, + scale.color.vertical:dir(rtl) slider:hover, + scale.color.vertical:dir(rtl) slider:hover:backdrop:disabled, + scale.vertical contents:last-child:not(:only-child) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(rtl) .slider:active:backdrop:disabled, scale.color.vertical:dir(rtl) .slider:active, + scale.color.vertical:dir(rtl) slider:active:backdrop:disabled, + scale.color.vertical:dir(rtl) slider:active, + scale.vertical contents:last-child:not(:only-child) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(rtl) .slider:disabled, + scale.color.vertical:dir(rtl) slider:disabled, + scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(rtl) .slider:backdrop, + scale.color.vertical:dir(rtl) slider:backdrop, + scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(rtl) .slider:backdrop:disabled, + scale.color.vertical:dir(rtl) slider:backdrop:disabled, + scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(ltr) .slider:hover, scale.color.vertical:dir(ltr) .slider:backdrop, scale.color.vertical:dir(ltr) .slider:disabled, scale.color.vertical:dir(ltr) .slider:backdrop:disabled, scale.color.vertical:dir(ltr) .slider, + scale.color.vertical:dir(ltr) slider:hover, + scale.color.vertical:dir(ltr) slider:backdrop, + scale.color.vertical:dir(ltr) slider:disabled, + scale.color.vertical:dir(ltr) slider:backdrop:disabled, + scale.color.vertical:dir(ltr) slider, + scale.vertical contents:first-child:not(:only-child) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color.vertical:dir(ltr) .slider:hover, scale.color.vertical:dir(ltr) .slider:hover:backdrop:disabled, + scale.color.vertical:dir(ltr) slider:hover, + scale.color.vertical:dir(ltr) slider:hover:backdrop:disabled, + scale.vertical contents:first-child:not(:only-child) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color.vertical:dir(ltr) .slider:active:backdrop:disabled, scale.color.vertical:dir(ltr) .slider:active, + scale.color.vertical:dir(ltr) slider:active:backdrop:disabled, + scale.color.vertical:dir(ltr) slider:active, + scale.vertical contents:first-child:not(:only-child) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color.vertical:dir(ltr) .slider:disabled, + scale.color.vertical:dir(ltr) slider:disabled, + scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color.vertical:dir(ltr) .slider:backdrop, + scale.color.vertical:dir(ltr) slider:backdrop, + scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color.vertical:dir(ltr) .slider:backdrop:disabled, + scale.color.vertical:dir(ltr) slider:backdrop:disabled, + scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color { + min-height: 0; + min-width: 0; } + scale.color .trough, + scale.color trough { + background-image: linear-gradient(to top, #33393b); + background-repeat: no-repeat; } + scale.color.horizontal { + padding: 0 0 15px 0; } + scale.color.horizontal .trough, + scale.color.horizontal trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + scale.color.horizontal .slider:hover, scale.color.horizontal .slider:backdrop, scale.color.horizontal .slider:disabled, scale.color.horizontal .slider:backdrop:disabled, scale.color.horizontal .slider, + scale.color.horizontal slider:hover, + scale.color.horizontal slider:backdrop, + scale.color.horizontal slider:disabled, + scale.color.horizontal slider:backdrop:disabled, + scale.color.horizontal slider { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.vertical:dir(ltr) { + padding: 0 0 0 15px; } + scale.color.vertical:dir(ltr) .trough, + scale.color.vertical:dir(ltr) trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + scale.color.vertical:dir(ltr) .slider:hover, scale.color.vertical:dir(ltr) .slider:backdrop, scale.color.vertical:dir(ltr) .slider:disabled, scale.color.vertical:dir(ltr) .slider:backdrop:disabled, scale.color.vertical:dir(ltr) .slider, + scale.color.vertical:dir(ltr) slider:hover, + scale.color.vertical:dir(ltr) slider:backdrop, + scale.color.vertical:dir(ltr) slider:disabled, + scale.color.vertical:dir(ltr) slider:backdrop:disabled, + scale.color.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.vertical:dir(rtl) { + padding: 0 15px 0 0; } + scale.color.vertical:dir(rtl) .trough, + scale.color.vertical:dir(rtl) trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + scale.color.vertical:dir(rtl) .slider:hover, scale.color.vertical:dir(rtl) .slider:backdrop, scale.color.vertical:dir(rtl) .slider:disabled, scale.color.vertical:dir(rtl) .slider:backdrop:disabled, scale.color.vertical:dir(rtl) .slider, + scale.color.vertical:dir(rtl) slider:hover, + scale.color.vertical:dir(rtl) slider:backdrop, + scale.color.vertical:dir(rtl) slider:disabled, + scale.color.vertical:dir(rtl) slider:backdrop:disabled, + scale.color.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + scale.color.fine-tune.horizontal { + padding: 0 0 12px 0; } + scale.color.fine-tune.horizontal .trough, + scale.color.fine-tune.horizontal trough { + padding-bottom: 7px; + background-position: 0 -6px; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.fine-tune.vertical:dir(ltr) { + padding: 0 0 0 12px; } + scale.color.fine-tune.vertical:dir(ltr) .trough, + scale.color.fine-tune.vertical:dir(ltr) trough { + padding-left: 7px; + background-position: 6px 0; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.fine-tune.vertical:dir(rtl) { + padding: 0 12px 0 0; } + scale.color.fine-tune.vertical:dir(rtl) .trough, + scale.color.fine-tune.vertical:dir(rtl) trough { + padding-right: 7px; + background-position: -6px 0; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + +/************** + * Scrollbars * + **************/ +.scrollbar, +scrollbar { + background-color: #596368; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + .scrollbar.top, + scrollbar.top { + border-bottom: 1px solid #33393b; } + .scrollbar.bottom, + scrollbar.bottom { + border-top: 1px solid #33393b; } + .scrollbar.left, + scrollbar.left { + border-right: 1px solid #33393b; } + .scrollbar.right, + scrollbar.right { + border-left: 1px solid #33393b; } + .scrollbar:backdrop, + scrollbar:backdrop { + background-color: #485054; + border-color: #363c3e; + transition: 200ms ease-out; } + .scrollbar slider, + scrollbar slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #80888b; } + .scrollbar slider:hover, + scrollbar slider:hover { + background-color: #91989b; } + .scrollbar slider:hover:active, + scrollbar slider:hover:active { + background-color: #8298a3; } + .scrollbar slider:backdrop, + scrollbar slider:backdrop { + background-color: #5f686c; } + .scrollbar slider:disabled, + scrollbar slider:disabled { + background-color: transparent; } + .scrollbar.fine-tune .slider, + .scrollbar.fine-tune slider, + scrollbar.fine-tune .slider, + scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; } + .scrollbar.fine-tune.horizontal slider, + scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; } + .scrollbar.fine-tune.vertical slider, + scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering), + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: #A1A8AB; + border: 1px solid black; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 5px; + min-height: 5px; + background-color: #A1A8AB; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid black; + -gtk-icon-source: none; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; + min-width: 40px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + margin: 1px 2px; + min-width: 5px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 2px 0; + min-height: 40px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + margin: 2px 1px; + min-height: 5px; } + .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering, + scrollbar.overlay-indicator.dragging, + scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + .scrollbar.horizontal slider, + scrollbar.horizontal slider { + min-width: 40px; } + .scrollbar.vertical slider, + scrollbar.vertical slider { + min-height: 40px; } + .scrollbar .button, + .scrollbar button, + scrollbar .button, + scrollbar button { + padding: 0; + min-width: 12px; + min-height: 12px; + border-style: none; + border-radius: 0; + transition-property: min-height, min-width, color; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #80888b; } + .scrollbar .button:hover, + .scrollbar button:hover, + scrollbar .button:hover, + scrollbar button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #91989b; } + .scrollbar .button:active, .scrollbar .button:checked, + .scrollbar button:active, + .scrollbar button:checked, + scrollbar .button:active, + scrollbar .button:checked, + scrollbar button:active, + scrollbar button:checked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #8298a3; } + .scrollbar .button:disabled, + .scrollbar button:disabled, + scrollbar .button:disabled, + scrollbar button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(128, 136, 139, 0.2); } + .scrollbar .button:backdrop, + .scrollbar button:backdrop, + scrollbar .button:backdrop, + scrollbar button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #5f686c; } + .scrollbar .button:backdrop:disabled, + .scrollbar button:backdrop:disabled, + scrollbar .button:backdrop:disabled, + scrollbar button:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(95, 104, 108, 0.2); } + .scrollbar.vertical .button.down, + .scrollbar.vertical button.down, + scrollbar.vertical .button.down, + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .scrollbar.vertical .button.up, + .scrollbar.vertical button.up, + scrollbar.vertical .button.up, + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + .scrollbar.horizontal .button.down, + .scrollbar.horizontal button.down, + scrollbar.horizontal .button.down, + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + .scrollbar.horizontal .button.up, + .scrollbar.horizontal button.up, + scrollbar.horizontal .button.up, + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +treeview ~ scrollbar.vertical { + border-top: 1px solid #33393b; + margin-top: -1px; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: solid; + background-color: #4F585C; } + stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: 1px solid #33393b; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list + .sidebar:dir(rtl), stacksidebar.sidebar.right list + .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid #33393b; + border-right-style: none; } + .sidebar:backdrop { + background-color: #5a6569; + border-color: #363c3e; + transition: 200ms ease-out; } + .sidebar list { + background-color: transparent; } + .sidebar .frame { + border-width: 0; + border-right-width: 1px; } + .sidebar .list-row, + .sidebar row { + border: none; + padding: 5px 8px; } + .sidebar .list-row > GtkLabel, + .sidebar .list-row > label, + .sidebar row > GtkLabel, + .sidebar row > label { + padding-left: 6px; + padding-right: 6px; } + .sidebar .list-row.needs-attention > label, + .sidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + .sidebar .separator { + color: #33393b; } + .sidebar > .inline-toolbar { + border-radius: 0; } + .paned .sidebar.left, .paned .sidebar.right, .paned .sidebar.left:dir(rtl), .paned .sidebar:dir(rtl), .paned .sidebar:dir(ltr), .paned .sidebar, paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } + +stacksidebar .list-row, +stacksidebar row { + padding: 5px 8px; } + stacksidebar .list-row > label, + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar .list-row.needs-attention > label, + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) entry { + min-width: 28px; + margin: 0; + padding: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } +spinbutton:not(.vertical) button { + min-height: 16px; + margin: 0; + padding: 6px; + color: #9ba2a5; + background-image: none; + border-style: none none none solid; + border-color: rgba(51, 57, 59, 0.3); + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:hover { + color: #A1A8AB; + background-color: rgba(161, 168, 171, 0.05); } + spinbutton:not(.vertical) button:disabled { + color: rgba(120, 128, 132, 0.3); } + spinbutton:not(.vertical) button:active { + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + spinbutton:not(.vertical) button:backdrop { + color: #767f83; + background-color: transparent; + border-color: rgba(54, 60, 62, 0.3); + transition: 200ms ease-out; } + spinbutton:not(.vertical) button:backdrop:disabled { + color: rgba(114, 127, 133, 0.3); + background-image: none; + border-style: none none none solid; } + spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { + border-style: none solid none none; } +.osd spinbutton:not(.vertical) button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #A1A8AB; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.4); + border-radius: 0; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(161, 168, 171, 0.1); + box-shadow: none; } + .osd spinbutton:not(.vertical) button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.5); + box-shadow: none; } + .osd spinbutton:not(.vertical) button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #616769; + border-color: rgba(0, 0, 0, 0.5); + box-shadow: none; } + .osd spinbutton:not(.vertical) button:last-child { + border-radius: 0 3px 3px 0; } + .osd spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } +spinbutton.vertical:disabled { + color: #788084; } +spinbutton.vertical:backdrop:disabled { + color: #727f85; } +spinbutton.vertical:drop(active) { + border-color: transparent; + box-shadow: none; } +spinbutton.vertical .entry, +spinbutton.vertical entry { + min-height: 24px; + min-width: 32px; + padding: 0; + border-radius: 0; } +spinbutton.vertical .button, +spinbutton.vertical button { + min-height: 32px; + min-width: 32px; + padding: 0; + border: none; + background: none; + box-shadow: none; + color: #A1A8AB; } + spinbutton.vertical .button:hover, + spinbutton.vertical button:hover { + background-color: #667f8c; + color: #ffffff; + -gtk-icon-shadow: none; } + spinbutton.vertical .button:active, + spinbutton.vertical button:active { + background-color: transparent; + color: #A1A8AB; } +spinbutton.vertical .button.up, +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; } +spinbutton.vertical .button.down, +spinbutton.vertical button.down { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; } +.osd spinbutton.vertical button:first-child { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd spinbutton.vertical button:first-child:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd spinbutton.vertical button:first-child:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd spinbutton.vertical button:first-child:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton.vertical button:first-child:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +GtkTreeView spinbutton:not(.vertical), treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; } + GtkTreeView spinbutton:not(.vertical) .entry, + GtkTreeView spinbutton:not(.vertical) entry, treeview spinbutton:not(.vertical) .entry, + treeview spinbutton:not(.vertical) entry { + min-height: 0; + padding: 1px 2px; } + +/*********** + * Spinner * + ***********/ +menu spinner { + color: #667f8c; } + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +.spinner, +spinner { + background-image: none; + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + .spinner:active, .spinner:checked, + spinner:active, + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + .spinner:active:disabled, .spinner:checked:disabled, + spinner:active:disabled, + spinner:checked:disabled { + opacity: 0.5; } + +/********** + * Switch * + **********/ +switch { + font: 1; + font-weight: bold; + outline-offset: -4px; + transition: all 200ms ease-in; + border: none; + border-radius: 14px; + color: transparent; + padding: 2px; + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(255, 255, 255, 0.1); } + switch:disabled { + background-color: #576165; } + switch:backdrop { + background-color: #4F585C; + transition: 200ms ease-out; } + switch:backdrop:disabled { + background-color: #576165; } + switch:active, switch:checked { + background-color: #667f8c; } + switch:active:backdrop, switch:checked:backdrop { + background-color: #738c99; } + switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop { + box-shadow: none; + background-color: rgba(99, 110, 115, 0.9); + border: none; } + switch slider { + padding: 2px; + min-width: 16px; + min-height: 16px; + border-radius: 50%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: #636E73; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); } + switch slider:backdrop { + padding: 2px; + box-shadow: none; + background-color: #636E73; } + switch trough:active, switch trough:checked { + background-color: #667f8c; } + switch trough:active:backdrop, switch trough:checked:backdrop { + background-color: #738c99; } + +/************ + * Toolbars * + ************/ +toolbar { + padding: 0px; + background-color: #3B4245; + color: rgba(255, 255, 255, 0.8); } + toolbar:backdrop { + background-color: #2f3537; + color: rgba(255, 255, 255, 0.3); } + +.osd toolbar { + box-shadow: none; + background-color: transparent; } +toolbar button { + border: none; + background: none; + text-shadow: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.8); + border-radius: 0px; + padding: 10px; } + toolbar button:focus, toolbar button:active { + color: rgba(255, 255, 255, 0.8); + text-shadow: none; + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); + background-color: rgba(255, 255, 255, 0.1); } + toolbar button:focus:backdrop, toolbar button:active:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.3); } + toolbar button:hover { + background-color: rgba(255, 255, 255, 0.1); + text-shadow: none; + color: rgba(255, 255, 255, 0.8); + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); } + toolbar button:disabled { + background: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.3); } + toolbar button:backdrop { + background: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.3); } +toolbar .separator { + color: transparent; + background-color: transparent; } +toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(32, 37, 38, 0.8); } + toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; } +toolbar.horizontal separator { + margin: 0 7px 1px 6px; } +toolbar.vertical separator { + margin: 6px 1px 7px 0; } + +/******************* + * Inline Toolbars * + *******************/ +searchbar, +.search-bar, .location-bar, +.inline-toolbar { + background-color: #4a5357; + color: #A1A8AB; + border: 1px solid #33393b; + border-top-width: 0; + border-radius: 0 0 5px 5px; + box-shadow: inset 0 -1px 1px -2px rgba(0, 0, 0, 0.5); + padding: 0px; } + searchbar:backdrop, + .search-bar:backdrop, .location-bar:backdrop, + .inline-toolbar:backdrop { + background-color: #434b4e; } + searchbar button, + .search-bar button, .location-bar button, + .inline-toolbar button { + border: none; + background: none; + text-shadow: none; + box-shadow: none; + background-color: transparent; + color: #A1A8AB; + border-radius: 0px; + padding: 10px; } + searchbar button:focus, + .search-bar button:focus, .location-bar button:focus, searchbar button:active, + .search-bar button:active, .location-bar button:active, + .inline-toolbar button:focus, + .inline-toolbar button:active { + font: bold; + color: #A1A8AB; + text-shadow: none; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.05); } + searchbar button:focus:backdrop, + .search-bar button:focus:backdrop, .location-bar button:focus:backdrop, searchbar button:active:backdrop, + .search-bar button:active:backdrop, .location-bar button:active:backdrop, + .inline-toolbar button:focus:backdrop, + .inline-toolbar button:active:backdrop { + border: none; + background-color: transparent; + color: #788084; } + searchbar button:hover, + .search-bar button:hover, .location-bar button:hover, + .inline-toolbar button:hover { + background-color: rgba(0, 0, 0, 0.05); + text-shadow: none; + color: #A1A8AB; + box-shadow: none; } + searchbar button:disabled, + .search-bar button:disabled, .location-bar button:disabled, + .inline-toolbar button:disabled { + background: none; + background-color: transparent; + color: rgba(161, 168, 171, 0.5); } + searchbar button:backdrop, + .search-bar button:backdrop, .location-bar button:backdrop, + .inline-toolbar button:backdrop { + border: none; + background: none; + background-color: transparent; + color: #788084; } + searchbar entry, + .search-bar entry, .location-bar entry, + .inline-toolbar entry { + background: none; + color: #A1A8AB; + border-radius: 0px; + border: none; + box-shadow: none; } + searchbar entry.image, + .search-bar entry.image, .location-bar entry.image, + .inline-toolbar entry.image { + color: #A1A8AB; } + searchbar entry.image.left, + .search-bar entry.image.left, .location-bar entry.image.left, + .inline-toolbar entry.image.left { + padding-right: 6px; } + searchbar entry:backdrop, + .search-bar entry:backdrop, .location-bar entry:backdrop, + .inline-toolbar entry:backdrop { + color: #788084; } + searchbar entry:selected, + .search-bar entry:selected, .location-bar entry:selected, + .inline-toolbar entry:selected { + color: #636E73; + background-color: #667f8c; } + +searchbar, +.search-bar, .location-bar { + border-style: solid; + border-color: #33393b; + background-color: #474f52; } + searchbar:backdrop, + .search-bar:backdrop, .location-bar:backdrop { + border-color: #363c3e; + background-color: #464e52; + box-shadow: none; + transition: 200ms ease-out; } + +searchbar, +.search-bar { + padding: 3px 0px; + border-width: 0; + border-radius: 0; } + +.location-bar { + border-width: 0 0 1px; + padding: 3px; } + +/************ + * Tooltips * + ************/ +tooltip, +.tooltip, +.overlay-bar { + margin: 4px; + border: none; + border-radius: 3px; + background-color: #636E73; + color: #A1A8AB; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } + tooltip.background, + .tooltip.background, + .overlay-bar.background { + background-color: #636E73; + border: none; } + tooltip decoration, + .tooltip decoration, + .overlay-bar decoration { + background-color: transparent; } + tooltip *, + .tooltip *, + .overlay-bar * { + padding: 2px; + background-color: transparent; + color: #A1A8AB; } + +/********************** + * Touch Copy & Paste * + *********************/ +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); + padding-left: 10px; } + cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } + cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); + padding-left: 10px; } + cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } + cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); + padding-left: 10px; } + cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); } + +.context-menu { + font: initial; } + +.button.circular, +button.circular { + border-radius: 20px; + -gtk-outline-radius: 20px; } + .button.circular label, + button.circular label { + padding: 0; } + +.keycap { + min-width: 20px; + min-height: 25px; + margin-top: 2px; + padding-bottom: 3px; + padding-left: 6px; + padding-right: 6px; + color: #A1A8AB; + background-color: #636E73; + border: 1px solid; + border-color: #33393b; + border-radius: 5px; + box-shadow: inset 0 -3px #464e51; + font-size: smaller; } + .keycap:backdrop { + background-color: #657176; + color: #788084; + transition: 200ms ease-out; } + +*:drop(active):focus, +*:drop(active) { + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; + caret-color: #4e9a06; } + +stackswitcher button.text-button { + min-width: 100px; } + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; } + +/************** + * Tree Views * + **************/ +GtkTreeView.view, +treeview.view { + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + border-left-color: #828b8f; + border-top-color: #4F585C; } + GtkTreeView.view:selected:focus, GtkTreeView.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + border-radius: 0; } + GtkTreeView.view:selected:backdrop, GtkTreeView.view:selected, + treeview.view:selected:backdrop, + treeview.view:selected { + border-left-color: #b3bfc6; + border-top-color: rgba(161, 168, 171, 0.1); } + GtkTreeView.view:disabled, + treeview.view:disabled { + color: #788084; } + GtkTreeView.view:disabled:selected, + treeview.view:disabled:selected { + color: #a3b2ba; } + GtkTreeView.view:disabled:selected:backdrop, + treeview.view:disabled:selected:backdrop { + color: rgba(121, 143, 154, 0.85); } + GtkTreeView.view:disabled:backdrop, + treeview.view:disabled:backdrop { + color: #727f85; } + GtkTreeView.view.separator, + treeview.view.separator { + min-height: 2px; + color: #4F585C; } + GtkTreeView.view.separator:backdrop, + treeview.view.separator:backdrop { + color: rgba(79, 88, 92, 0.1); } + GtkTreeView.view:backdrop, + treeview.view:backdrop { + border-left-color: #646c70; + border-top: #4F585C; } + GtkTreeView.view:drop(active), + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #262f33; } + GtkTreeView.view:drop(active).after, + treeview.view:drop(active).after { + border-top-style: none; } + GtkTreeView.view:drop(active).before, + treeview.view:drop(active).before { + border-bottom-style: none; } + GtkTreeView.view.expander, + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #8e979a; } + GtkTreeView.view.expander:dir(rtl), + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + GtkTreeView.view.expander:hover, + treeview.view.expander:hover { + color: #A1A8AB; } + GtkTreeView.view.expander:selected, + treeview.view.expander:selected { + color: #d1d9dd; } + GtkTreeView.view.expander:selected:hover, + treeview.view.expander:selected:hover { + color: #ffffff; } + GtkTreeView.view.expander:selected:backdrop, + treeview.view.expander:selected:backdrop { + color: rgba(169, 183, 190, 0.65); } + GtkTreeView.view.expander:checked, + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + GtkTreeView.view.expander:backdrop, + treeview.view.expander:backdrop { + color: #727c80; } + GtkTreeView.view.progressbar, + treeview.view.progressbar { + border: 1px solid #262f33; + border-radius: 4px; + background-color: #667f8c; + background-image: linear-gradient(to bottom, #667f8c, #51646e); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } + GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:selected, + treeview.view.progressbar:selected:focus, + treeview.view.progressbar:selected { + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: linear-gradient(to bottom, #636E73, #4b5458); } + GtkTreeView.view.progressbar:selected:focus:backdrop, GtkTreeView.view.progressbar:selected:backdrop, + treeview.view.progressbar:selected:focus:backdrop, + treeview.view.progressbar:selected:backdrop { + border-color: #657176; + background-color: #657176; } + GtkTreeView.view.progressbar:backdrop, + treeview.view.progressbar:backdrop { + border-color: #657176; + background-image: none; + box-shadow: none; } + GtkTreeView.view.trough, + treeview.view.trough { + background-color: rgba(161, 168, 171, 0.1); + border-radius: 4px; } + GtkTreeView.view.trough:selected:focus, GtkTreeView.view.trough:selected, + treeview.view.trough:selected:focus, + treeview.view.trough:selected { + background-color: #51646e; + border-radius: 4px; } + GtkTreeView.view column-header .button, + GtkTreeView.view column-header button, + GtkTreeView.view header .button, + GtkTreeView.view header button, + treeview.view column-header .button, + treeview.view column-header button, + treeview.view header .button, + treeview.view header button { + color: #828b8f; + background-color: #636E73; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + GtkTreeView.view column-header .button:hover, + GtkTreeView.view column-header button:hover, + GtkTreeView.view header .button:hover, + GtkTreeView.view header button:hover, + treeview.view column-header .button:hover, + treeview.view column-header button:hover, + treeview.view header .button:hover, + treeview.view header button:hover { + color: #929a9d; + box-shadow: none; + transition: none; } + GtkTreeView.view column-header .button:active, + GtkTreeView.view column-header button:active, + GtkTreeView.view header .button:active, + GtkTreeView.view header button:active, + treeview.view column-header .button:active, + treeview.view column-header button:active, + treeview.view header .button:active, + treeview.view header button:active { + color: #A1A8AB; + transition: none; } + GtkTreeView.view column-header button:last-child:backdrop, GtkTreeView.view column-header button:last-child, + GtkTreeView.view header button:last-child:backdrop, + GtkTreeView.view header button:last-child, + treeview.view column-header button:last-child:backdrop, + treeview.view column-header button:last-child, + treeview.view header button:last-child:backdrop, + treeview.view header button:last-child { + border-right-style: none; } + GtkTreeView.view .button.dnd:active, GtkTreeView.view .button.dnd:selected, GtkTreeView.view .button.dnd:hover, GtkTreeView.view .button.dnd, + GtkTreeView.view button.dnd:active, + GtkTreeView.view button.dnd:selected, + GtkTreeView.view button.dnd:hover, + GtkTreeView.view button.dnd, + GtkTreeView.view column-header.button.dnd:active, + GtkTreeView.view column-header.button.dnd:selected, + GtkTreeView.view column-header.button.dnd:hover, + GtkTreeView.view column-header.button.dnd, + GtkTreeView.view header.button.dnd:active, + GtkTreeView.view header.button.dnd:selected, + GtkTreeView.view header.button.dnd:hover, + GtkTreeView.view header.button.dnd, + treeview.view .button.dnd:active, + treeview.view .button.dnd:selected, + treeview.view .button.dnd:hover, + treeview.view .button.dnd, + treeview.view button.dnd:active, + treeview.view button.dnd:selected, + treeview.view button.dnd:hover, + treeview.view button.dnd, + treeview.view column-header.button.dnd:active, + treeview.view column-header.button.dnd:selected, + treeview.view column-header.button.dnd:hover, + treeview.view column-header.button.dnd, + treeview.view header.button.dnd:active, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd { + padding: 4px 6px; + transition: none; + background-image: none; + background-color: #667f8c; + color: #636E73; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px #636E73; + text-shadow: none; } + +GtkTreeView.view column-header .button, +GtkTreeView.view column-header button, +GtkTreeView.view header .button, +GtkTreeView.view header button, +treeview.view column-header .button, +treeview.view column-header button, +treeview.view header .button, +treeview.view header button, GtkTreeView.view column-header .button:hover, +GtkTreeView.view column-header button:hover, +GtkTreeView.view header .button:hover, +GtkTreeView.view header button:hover, +treeview.view column-header .button:hover, +treeview.view column-header button:hover, +treeview.view header .button:hover, +treeview.view header button:hover, GtkTreeView.view column-header .button:active, +GtkTreeView.view column-header button:active, +GtkTreeView.view header .button:active, +GtkTreeView.view header button:active, +treeview.view column-header .button:active, +treeview.view column-header button:active, +treeview.view header .button:active, +treeview.view header button:active { + padding: 4px 6px; + border-radius: 0; + background-image: none; + text-shadow: none; + border-style: none solid solid none; + border-color: #4F585C; } + GtkTreeView.view column-header .button:disabled, + GtkTreeView.view column-header button:disabled, + GtkTreeView.view header .button:disabled, + GtkTreeView.view header button:disabled, + treeview.view column-header .button:disabled, + treeview.view column-header button:disabled, + treeview.view header .button:disabled, + treeview.view header button:disabled { + border-color: #4F585C; + background-image: none; } + GtkTreeView.view column-header .button:backdrop, + GtkTreeView.view column-header button:backdrop, + GtkTreeView.view header .button:backdrop, + GtkTreeView.view header button:backdrop, + treeview.view column-header .button:backdrop, + treeview.view column-header button:backdrop, + treeview.view header .button:backdrop, + treeview.view header button:backdrop { + border-color: #4F585C; + border-style: none solid solid none; + color: #646c70; + background-image: none; + background-color: #657176; } + GtkTreeView.view column-header .button:backdrop:disabled, + GtkTreeView.view column-header button:backdrop:disabled, + GtkTreeView.view header .button:backdrop:disabled, + GtkTreeView.view header button:backdrop:disabled, + treeview.view column-header .button:backdrop:disabled, + treeview.view column-header button:backdrop:disabled, + treeview.view header .button:backdrop:disabled, + treeview.view header button:backdrop:disabled { + border-color: #4F585C; + background-image: none; } + +/********************** + * Window Decorations * + *********************/ +.window-frame, +decoration { + border-radius: 4px; + border-width: 0px; + box-shadow: 0 8px 9px 1px transparent, 0 8px 6px 1px rgba(0, 0, 0, 0.5); + margin: 10px; } + .window-frame:backdrop, + decoration:backdrop { + box-shadow: 0 3px 9px 1px transparent, 0 6px 6px 0 rgba(0, 0, 0, 0.3); + transition: 200ms ease-out; } + .fullscreen .window-frame, .tiled .window-frame, .fullscreen + decoration, .tiled + decoration { + border-radius: 0; } + .popup .window-frame, .popup + decoration { + box-shadow: none; } + .ssd .window-frame, .ssd + decoration { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } + .csd.popup .window-frame, .csd.popup + decoration { + border-radius: 0; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } + .tooltip.csd .window-frame, tooltip.csd .window-frame, .tooltip.csd + decoration, tooltip.csd + decoration { + border-radius: 5px; + box-shadow: none; } + GtkMessageDialog.csd .window-frame, messagedialog.csd .window-frame, GtkMessageDialog.csd + decoration, messagedialog.csd + decoration { + border-radius: 5px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.3); } + .solid-csd .window-frame, .solid-csd + decoration { + border-radius: 0; + margin: 4px; + background-color: #4F585C; + border: 0px solid #363c3e; + box-shadow: none; } + +.view:selected:focus, GtkIconView:selected:focus, +iconview:selected:focus, .view:selected, GtkIconView:selected, +iconview:selected, +GtkTextView text:selected:focus, +textview text:selected:focus, +GtkTextView text:selected, +textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, +textview text selection:focus, +textview text selection, GtkFlow flowboxchild:selected, +flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, +popover.background radiobutton:selected, +.menuitem.button.flat:selected, calendar:selected, spinbutton:selected:focus:not(.vertical), spinbutton:selected:not(.vertical), +entry:selected:focus, +entry:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, +entry selection:focus, +entry selection, row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, +treeview.view:selected:focus, +treeview.view:selected { + background-color: #667f8c; } + .list-row:selected GtkLabel, row:selected GtkLabel, GtkLabel:selected, .list-row:selected + label, row:selected + label, + label:selected, .view:selected:focus, GtkIconView:selected:focus, + iconview:selected:focus, .view:selected, GtkIconView:selected, + iconview:selected, + GtkTextView text:selected:focus, + textview text:selected:focus, + GtkTextView text:selected, + textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, + textview text selection:focus, + textview text selection, GtkFlow flowboxchild:selected, + flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, + popover.background radiobutton:selected, + .menuitem.button.flat:selected, calendar:selected, spinbutton:selected:focus:not(.vertical), spinbutton:selected:not(.vertical), + entry:selected:focus, + entry:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, + entry selection:focus, + entry selection, row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + color: #ffffff; } + .list-row:selected GtkLabel:disabled, row:selected GtkLabel:disabled, GtkLabel:disabled:selected, .list-row:selected + label:disabled, row:selected + label:disabled, + label:disabled:selected, GtkIconView:disabled:selected:focus, + iconview:disabled:selected:focus, .view:disabled:selected, GtkIconView:disabled:selected, + iconview:disabled:selected, + GtkTextView text:disabled:selected:focus, + textview text:disabled:selected:focus, + GtkTextView text:disabled:selected, + textview text:disabled:selected, GtkTextView text selection:disabled, + textview text selection:disabled, GtkFlow flowboxchild:disabled:selected, + flowbox flowboxchild:disabled:selected, GtkLabel:disabled selection, + label:disabled selection, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected, + popover.background radiobutton:disabled:selected, + .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:disabled:selected:not(.vertical), + entry:disabled:selected, spinbutton:not(.vertical) selection:disabled, + entry selection:disabled, row:disabled:selected { + color: #b3bfc6; } + .list-row:selected GtkLabel:backdrop, row:selected GtkLabel:backdrop, GtkLabel:backdrop:selected, .list-row:selected + label:backdrop, row:selected + label:backdrop, + label:backdrop:selected, GtkIconView:backdrop:selected:focus, + iconview:backdrop:selected:focus, .view:backdrop:selected, GtkIconView:backdrop:selected, + iconview:backdrop:selected, + GtkTextView text:backdrop:selected:focus, + textview text:backdrop:selected:focus, + GtkTextView text:backdrop:selected, + textview text:backdrop:selected, GtkTextView text selection:backdrop, + textview text selection:backdrop, GtkFlow flowboxchild:backdrop:selected, + flowbox flowboxchild:backdrop:selected, GtkLabel:backdrop selection, + label:backdrop selection, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, + popover.background radiobutton:backdrop:selected, + .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:backdrop:selected:not(.vertical), + entry:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, + entry selection:backdrop, row:backdrop:selected { + color: rgba(255, 255, 255, 0.5); } + .list-row:selected GtkLabel:backdrop:disabled, row:selected GtkLabel:backdrop:disabled, GtkLabel:backdrop:disabled:selected, .list-row:selected + label:backdrop:disabled, row:selected + label:backdrop:disabled, + label:backdrop:disabled:selected, .view:backdrop:disabled:selected, GtkIconView:backdrop:disabled:selected, + iconview:backdrop:disabled:selected, + GtkTextView text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, GtkTextView text selection:backdrop:disabled, + textview text selection:backdrop:disabled, GtkFlow flowboxchild:backdrop:disabled:selected, + flowbox flowboxchild:backdrop:disabled:selected, GtkLabel:disabled selection:backdrop, + label:disabled selection:backdrop, GtkLabel:backdrop selection:disabled, + label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, + popover.background radiobutton:backdrop:disabled:selected, + .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:backdrop:disabled:selected:not(.vertical), + entry:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, + entry selection:backdrop:disabled, row:backdrop:disabled:selected { + color: rgba(121, 143, 154, 0.85); } + +.monospace { + font: Monospace; } + +/********************** + * DE-Specific Styles * + **********************/ +/********** +* Budgie * +**********/ +.budgie-panel { + background-color: rgba(0, 0, 0, 0.8); + transition: 100ms ease-in; + font: bold; + color: white; } + .budgie-panel .top { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .bottom { + border-top: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .left { + border-right: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .right { + border-left: 1px solid rgba(255, 255, 255, 0.2); } + +.max-budgie-panel { + background-color: black; + transition: 100ms ease-in; + font: bold; + color: white; } + .max-budgie-panel .top { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .bottom { + border-top: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .left { + border-right: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .right { + border-left: 1px solid rgba(255, 255, 255, 0.2); } + +/* Top launchers */ +/* Left hand side launchers */ +/* Right hand side launchers */ +.notification .priority.low { + background-color: #2095f2; } + +.notification .priority.high { + background-color: #feea3a; } + +.notification .priority.critical { + background-color: #f34235; } + +/*************** + * font-viewer * + ***************/ +SushiFontWidget { + padding: 6px 12px; } + +/********** + * Sudoku * + **********/ +SudokuView SudokuCellView { + border: inherit; + background-color: inherit; } + +SudokuView SudokuCellView:backdrop { + border: inherit; + background-color: inherit; } + +SudokuView { + border: none; } + +/***************** + * Character Map * + *****************/ +GucharmapChartable { + background-color: #636E73; } + +GucharmapChartable:active, +GucharmapChartable:focus, +GucharmapChartable:selected { + background-color: #667f8c; + color: #ffffff; } + +/******** + * Misc * + *******/ +ApDocView, +EogScrollView, +CheeseThumbView { + -EogScrollView-shadow-type: none; } + +/************ + * Terminal * + ************/ +TerminalScreen, +VteTerminal { + background-color: rgba(0, 43, 54, 0.9); + color: #839495; } + +TerminalWindow .titlebar, +TerminalWindow .header-bar { + background-color: #636E73; } + TerminalWindow .titlebar:backdrop, + TerminalWindow .header-bar:backdrop { + background-color: #4b5458; } + +/************ + * Nautilus * + ************/ +NautilusCanvasView { + border: none; } + NautilusCanvasView:active, NautilusCanvasView:focus, NautilusCanvasView:backdrop { + border: none; } + +.nautilus-circular-button { + border-radius: 20px; + -gtk-outline-radius: 20px; } + +.disk-space-display { + border: 2px solid; } + .disk-space-display .unknown { + background-color: #888a85; + border-color: #555653; } + .disk-space-display .used { + background-color: #9FB0B9; + border-color: #667f8c; } + .disk-space-display .free { + background-color: #D8D8D8; + border-color: #a5a5a5; } + +.nautilus-desktop { + color: #A1A8AB; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #A1A8AB; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:hover { + color: #A1A8AB; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #ffffff; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item GtkLabel.separator:selected, + .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #ffffff; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list GtkLabel.separator:selected, + .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #ffffff; } + +/*********** + * Builder * + ***********/ +GbGreeterWindow .titlebar, +GbGreeterWindow .header-bar, +GbWorkbench .titlebar, +GbWorkbench .header-bar { + background-color: #CBBB2E; } + GbGreeterWindow .titlebar:backdrop, + GbGreeterWindow .header-bar:backdrop, + GbWorkbench .titlebar:backdrop, + GbWorkbench .header-bar:backdrop { + background-color: #a19525; } + +/************** + * Calculator * + **************/ +MathWindow { + background-color: #636E73; + border-radius: 0 0 4px 4px; } + MathWindow .titlebar, + MathWindow .header-bar, + MathWindow .toolbar { + background-color: #07ce8e; } + MathWindow .titlebar:backdrop, + MathWindow .header-bar:backdrop, + MathWindow .toolbar:backdrop { + background-color: #059d6c; } + MathWindow MathButtons GtkComboBox, + MathWindow MathButtons .button { + background-color: transparent; + background-image: none; + box-shadow: none; + border: none; + text-shadow: none; + color: #07ce8e; + font: bold; } + MathWindow MathButtons GtkComboBox:hover, + MathWindow MathButtons .button:hover { + background-image: none; + background-color: #636E73; + color: #07ce8e; } + MathWindow MathButtons GtkComboBox:backdrop, + MathWindow MathButtons .button:backdrop { + color: #059d6c; } + MathWindow MathButtons GtkComboBox.text-button.suggested-action, + MathWindow MathButtons .button.text-button.suggested-action { + background-image: none; + box-shadow: none; + text-shadow: none; + background-color: #07ce8e; + color: #636E73; } + MathWindow MathButtons GtkComboBox.text-button.suggested-action:backdrop, + MathWindow MathButtons .button.text-button.suggested-action:backdrop { + background-color: #059d6c; + color: rgba(99, 110, 115, 0.5); } + MathWindow MathDisplay { + padding: 4px; + background-color: #636E73; + border: 1px solid #33393b; } + +/************ + * Calendar * + ************/ +GcalWindow .titlebar, +GcalWindow .header-bar { + background-color: #75A3F6; } + GcalWindow .titlebar:backdrop, + GcalWindow .header-bar:backdrop { + background-color: #4583f3; } + +/********** + * Cheese * + **********/ +CheeseWindow .titlebar, +CheeseWindow .header-bar, +CheeseWindow .toolbar { + background-color: #ad7fa8; } + CheeseWindow .titlebar:backdrop, + CheeseWindow .header-bar:backdrop, + CheeseWindow .toolbar:backdrop { + background-color: #986192; } + +/************ + * Contacts * + ************/ +ContactsWindow .titlebar, +ContactsWindow .header-bar { + background-color: #2095F2; } + ContactsWindow .titlebar:backdrop, + ContactsWindow .header-bar:backdrop { + background-color: #0c7bd3; } + +/********** + * Clocks * + **********/ +ClocksWindow .titlebar, +ClocksWindow .header-bar { + background-color: #4BAE4F; } + ClocksWindow .titlebar:backdrop, + ClocksWindow .header-bar:backdrop { + background-color: #3c8a3f; } + +/********* + * Disks * + *********/ +GduWindow .titlebar, +GduWindow .header-bar { + background-color: #8561C5; } + GduWindow .titlebar:backdrop, + GduWindow .header-bar:backdrop { + background-color: #6a41b2; } + +/************** + * Disk Usage * + **************/ +BaobabWindow .titlebar, +BaobabWindow .header-bar { + background-color: #CC5E55; } + BaobabWindow .titlebar:backdrop, + BaobabWindow .header-bar:backdrop { + background-color: #b74137; } + +/************* + * Documents * + *************/ +#Documents .titlebar, +#Documents .header-bar { + background-color: #C2352A; } + #Documents .titlebar:backdrop, + #Documents .header-bar:backdrop { + background-color: #982a21; } + +/************ + * Epiphany * + ************/ +EphyWindow .titlebar, +EphyWindow .header-bar { + background-color: #6573C3; } + EphyWindow .titlebar:backdrop, + EphyWindow .header-bar:backdrop { + background-color: #4555b0; } + EphyWindow .titlebar .incognito-mode, + EphyWindow .header-bar .incognito-mode { + background-color: #3e4c9e; } + EphyWindow .titlebar .incognito-mode .button, + EphyWindow .header-bar .incognito-mode .button { + background-image: none; } + EphyWindow .titlebar .incognito-mode:backdrop, + EphyWindow .header-bar .incognito-mode:backdrop { + background-color: #2f3a79; } + +/********* + * Gedit * + *********/ +GeditWindow .titlebar, +GeditWindow .header-bar, +GeditWindow .gedit-headerbar-paned { + background-color: #DC4836; } + GeditWindow .titlebar:backdrop, + GeditWindow .header-bar:backdrop, + GeditWindow .gedit-headerbar-paned:backdrop { + background-color: #be3221; } + +/************** + * Log Viewer * + **************/ +GlWindow .titlebar, +GlWindow .header-bar, +GlWindow .toolbar, +LogviewWindow .titlebar, +LogviewWindow .header-bar, +LogviewWindow .toolbar { + background-color: #009587; } + GlWindow .titlebar:backdrop, + GlWindow .header-bar:backdrop, + GlWindow .toolbar:backdrop, + LogviewWindow .titlebar:backdrop, + LogviewWindow .header-bar:backdrop, + LogviewWindow .toolbar:backdrop { + background-color: #006259; } + +/********* + * Music * + *********/ +gnomemusic + window + Window .titlebar, +gnomemusic + window + Window .header-bar { + background-color: #fe9700; } + gnomemusic + window + Window .titlebar:backdrop, + gnomemusic + window + Window .header-bar:backdrop { + background-color: #cb7900; } + +/***************** + * Notes/Bijiben * + *****************/ +BjbMainToolbar .titlebar, +BjbMainToolbar .header-bar, +BjbWindowBase .titlebar, +BjbWindowBase .header-bar { + background-color: #ebdd4d; } + BjbMainToolbar .titlebar:backdrop, + BjbMainToolbar .header-bar:backdrop, + BjbWindowBase .titlebar:backdrop, + BjbWindowBase .header-bar:backdrop { + background-color: #e6d41f; } + +/********** + * Photos * + **********/ +PhotosMainWindow .titlebar, +PhotosMainWindow .header-bar { + background-color: #D30101; } + PhotosMainWindow .titlebar:backdrop, + PhotosMainWindow .header-bar:backdrop { + background-color: #a00101; } + +/********** + * Polari * + **********/ +.titlebar.polari-titlebar-left, .titlebar.polari-titlebar-right, +.header-bar.polari-titlebar-left, +.header-bar.polari-titlebar-right { + background-color: #4BAE4F; } + .titlebar.polari-titlebar-left:backdrop, .titlebar.polari-titlebar-right:backdrop, + .header-bar.polari-titlebar-left:backdrop, + .header-bar.polari-titlebar-right:backdrop { + background-color: #3c8a3f; } + +/******************* + * System Settings * + ******************/ +CcWindow .titlebar, +CcWindow .header-bar { + background-color: #5F7C8A; } + CcWindow .titlebar:backdrop, + CcWindow .header-bar:backdrop { + background-color: #4a616c; } + +CcShellNavBar { + padding: 0px; } + +/************ + * Software * + ************/ +#window_software .titlebar, +#window_software .header-bar { + background-color: #1A77C2; } + #window_software .titlebar:backdrop, + #window_software .header-bar:backdrop { + background-color: #145b95; } + +/****************** + * System Monitor * + ******************/ +#gnome-system-monitor .titlebar, +#gnome-system-monitor .header-bar { + background-color: #6fbe72; } + #gnome-system-monitor .titlebar:backdrop, + #gnome-system-monitor .header-bar:backdrop { + background-color: #4eac51; } + +/******** + * Yelp * + ********/ +YelpWindow .titlebar, +YelpWindow .header-bar { + background-color: #435ece; } + YelpWindow .titlebar:backdrop, + YelpWindow .header-bar:backdrop { + background-color: #2e47b0; } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #636E73; + background-color: #636E73; } + .gala-notification .title, + .gala-notification .label { + color: #A1A8AB; } + +.gala-button { + padding: 3px; + color: #636E73; + border: none; + border-radius: 50%; + background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + +/********** + * Notify * + *********/ +.notify { + /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.7); + background-color: rgba(99, 110, 115, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #A1A8AB; } + +/************* + * Slingshot * + ************/ +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; } + .button.app .app:hover { + border-radius: 8px; + border: none; + background-color: rgba(102, 127, 140, 0.3); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #A1A8AB; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(102, 127, 140, 0.3); + color: #ffffff; } + +.search-entry-large, +.search-entry-large:focus { + border: none; + font: 18; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; } + +.search-category-header { + font-weight: bold; + color: #A1A8AB; } + +/********* + * Panel * + ********/ +.panel { + background-color: transparent; + transition: all 100ms ease-in-out; } + .panel .maximized { + background-color: #000; } + .panel .translucent { + background-color: rgba(0, 0, 0, 0.5); } + .panel .color-light .composited-indicator > revealer label, + .panel .color-light .composited-indicator > revealer image, + .panel .color-light .composited-indicator > GtkRevealer { + color: rgba(0, 0, 0, 0.35); + text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); + -gtk-icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); } + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > GtkRevealer { + color: #636E73; + font-weight: bold; + text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); } + +/************* + * AppCenter * + *************/ +AppCenterMainWindow .titlebar, +AppCenterMainWindow .header-bar { + background-color: #378BE6; } + AppCenterMainWindow .titlebar:backdrop, + AppCenterMainWindow .header-bar:backdrop { + background-color: #1a71d0; } + +/************** + * Calculator * + **************/ +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; } + PantheonCalculatorMainWindow .titlebar, + PantheonCalculatorMainWindow .header-bar { + background-color: #07ce8e; } + PantheonCalculatorMainWindow .titlebar:backdrop, + PantheonCalculatorMainWindow .header-bar:backdrop { + background-color: #059d6c; } + PantheonCalculatorMainWindow .window-frame { + border-radius: 3px; } + +/******** + * Maya * + ********/ +MayaViewMayaToolbar.titlebar, MayaViewMayaToolbar.header-bar { + background-color: #8CD33F; } + MayaViewMayaToolbar.titlebar:backdrop, MayaViewMayaToolbar.header-bar:backdrop { + background-color: #72b52a; } + +/********* + * Cards * + *********/ +.deck { + background-color: #3c4346; } + +.card { + background-color: #636E73; + border: none; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); + transition: all 150ms ease-in-out; } + +.card.collapsed { + background-color: #576165; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } + +/********* + * Noise * + *********/ +NoiseLibraryWindow { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .titlebar, + NoiseLibraryWindow .header-bar { + background-color: #EE6020; } + NoiseLibraryWindow .titlebar:backdrop, + NoiseLibraryWindow .header-bar:backdrop { + background-color: #cb4a10; } + NoiseLibraryWindow .action-bar { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .window-frame { + border-radius: 3px; } + +/*********** + * Scratch * + ***********/ +ScratchMainWindow .titlebar, +ScratchMainWindow .header-bar { + background-color: #e74c3c; } + ScratchMainWindow .titlebar:backdrop, + ScratchMainWindow .header-bar:backdrop { + background-color: #d62c1a; } + +/******** + * Snap * + ********/ +SnapMainWindow .titlebar, +SnapMainWindow .header-bar, +SnapSnapWindow .titlebar, +SnapSnapWindow .header-bar { + background-color: #6d266a; } + SnapMainWindow .titlebar:backdrop, + SnapMainWindow .header-bar:backdrop, + SnapSnapWindow .titlebar:backdrop, + SnapSnapWindow .header-bar:backdrop { + background-color: #471945; } +SnapMainWindow .take-button, +SnapSnapWindow .take-button { + border-radius: 0; } + +/******************* + * Photos/Shotwell * + *******************/ +DirectWindow .titlebar, +DirectWindow .header-bar, +LibraryWindow .titlebar, +LibraryWindow .header-bar { + background-color: #5544B5; } + DirectWindow .titlebar:backdrop, + DirectWindow .header-bar:backdrop, + LibraryWindow .titlebar:backdrop, + LibraryWindow .header-bar:backdrop { + background-color: #443690; } +DirectWindow .the-button-in-the-combobox, +LibraryWindow .the-button-in-the-combobox { + background: none; } + +.checkerboard-layout { + background-color: #4F585C; + background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); + background-size: 24px 24px; + background-position: 0 0, 12px 12px; } + +.checkboard-layout .item { + background-color: #A1A8AB; } + +/******** +* Unity * +*********/ +/* Unity window border color */ +/* Backdrop Unity window border color */ +/* Unity window text color */ +/* Backdrop Unity window text color */ +/* Unity panel color #454D50 */ +/* Backdrop Unity panel color */ +UnityDecoration { + /* Border properties (top, right, bottom, left) */ + -UnityDecoration-extents: 28px 1px 1px 1px; + /* the size of the decorations */ + -UnityDecoration-input-extents: 10px; + /* the extra size of the input areas */ + /* Shadows settings */ + -UnityDecoration-shadow-offset-x: 1px; + /* Size property, the shadow x offset */ + -UnityDecoration-shadow-offset-y: 1px; + /* Size property, the shadow y offset */ + -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, active window shadow color */ + -UnityDecoration-active-shadow-radius: 8px; + /* Size property, active window shadow radius */ + -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, inactive windows shadow color */ + -UnityDecoration-inactive-shadow-radius: 5px; + /* Size property, inactive windows shadow radius */ + /* Glow applied to the selected scaled window */ + -UnityDecoration-glow-size: 8px; + /* Size property, size of glow */ + -UnityDecoration-glow-color: #667f8c; + /* Color property of the glow */ + /* Title settings */ + -UnityDecoration-title-indent: 10px; + /* Size property, left indent of the title */ + -UnityDecoration-title-fade: 35px; + /* Size property, space of the title that can be faded */ + -UnityDecoration-title-alignment: 0.0; + /* Float from 0.0 to 1.0, to align the title */ + background-color: #636E73; + color: #dbdee0; } + UnityDecoration .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid #636E73; + border-bottom-width: 0; + background-color: #636E73; + color: #dbdee0; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + background-color: #4b5458; + color: #c0c5c8; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top .menuitem { + color: #dbdee0; } + UnityDecoration .top .menuitem:backdrop { + background-color: #4b5458; + color: #c0c5c8; } + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: #626c71; + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, #636E73, #626c71); } + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: #626c71; } + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; + background-color: #4b5458; } + +/************** +* Unity Panel * +***************/ +UnityPanelWidget, +.unity-panel { + background-color: #343a3c; + color: #dbdee0; } + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + background-color: #1c1f21; + color: #c0c5c8; } + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: #dbdee0; } + +.unity-panel.menubar, +.unity-panel .menubar { + color: #dbdee0; } + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: #343a3c; + color: #dbdee0; } + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: #788084; } + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: #dbdee0; + box-shadow: none; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: #616b70; + color: #dbdee0; + box-shadow: none; } + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; } + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + border: none; + color: #33393b; } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #636E73; } + +@keyframes playbackmenuitem_spinner { + to { + -gtk-icon-transform: rotate(1turn); } } +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: playbackmenuitem_spinner 1s infinite linear; + color: #667f8c; } + +/*********************** + * App-Specific Styles * + ***********************/ +/********* + * Geary * + *********/ +.geary-titlebar-left, +.geary-titlebar-right { + background-color: #F2B035; } + .geary-titlebar-left:backdrop, + .geary-titlebar-right:backdrop { + background-color: #e59a0f; } + .geary-titlebar-left .separator, + .geary-titlebar-right .separator { + opacity: 0; } + +ConversationListView { + -GtkTreeView-grid-line-width: 0; } + ConversationListView .view:active, ConversationListView GtkIconView:active, + ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView GtkIconView:selected, + ConversationListView iconview:selected { + background-color: #667f8c; + color: #ffffff; } + ConversationListView .view:active:backdrop, ConversationListView GtkIconView:active:backdrop, + ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView GtkIconView:selected:backdrop, + ConversationListView iconview:selected:backdrop { + background-color: #738c99; + color: rgba(255, 255, 255, 0.5); } + ConversationListView .view .cell, ConversationListView GtkIconView .cell, + ConversationListView iconview .cell { + border: solid rgba(0, 0, 0, 0.2); + border-width: 0 0 1px 0; } + ConversationListView .view .cell:selected, ConversationListView GtkIconView .cell:selected, + ConversationListView iconview .cell:selected { + color: #ffffff; + border: 0px solid #51646e; } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: #23282a; + color: rgba(255, 255, 255, 0.8); + font: bold; + box-shadow: inset 0 -1px #131516; } + #panel_window .menubar, + #panel_window .menubar > .menuitem + menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: rgba(255, 255, 255, 0.8); + font: bold; } + #panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.3); } + #panel_window menubar menuitem:disabled GtkLabel { + color: inherit; } + #panel_window menubar menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu > .menuitem, + #panel_window menubar menu > menuitem { + font: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #A1A8AB; } + +#content_frame { + padding-bottom: 14px; + background-color: #4F585C; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #33393b; + background-image: linear-gradient(to bottom, #4F585C, #434b4e); + text-shadow: 0 1px rgba(0, 0, 0, 0.73176); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } + #content_frame button:hover { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #33393b; + background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); + text-shadow: 0 1px rgba(0, 0, 0, 0.68376); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + #content_frame button:active, #content_frame button:checked { + color: #A1A8AB; + outline-color: rgba(161, 168, 171, 0.3); + border-color: #33393b; + background-image: linear-gradient(to bottom, #3f4649, #4a5357); + text-shadow: 0 1px rgba(0, 0, 0, 0.81176); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } + #content_frame button:disabled { + border-color: #33393b; + background-image: none; + background-color: #576165; + text-shadow: none; + box-shadow: none; + -gtk-icon-shadow: none; } + #content_frame button:disabled GtkLabel, #content_frame button:disabled { + color: #788084; } + #content_frame button:disabled label, #content_frame button:disabled { + color: #788084; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #3B4245; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; } + +#buttonbox_frame button { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +#login_window #user_combobox { + color: #A1A8AB; + font: 13px; } + #login_window #user_combobox .menu, + #login_window #user_combobox menu { + font: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#greeter_infobar { + border-bottom-width: 0; + font: bold; } diff --git a/Paper/gtk-3.20/gtk-dark.scss b/Paper/gtk-3.20/gtk-dark.scss new file mode 100644 index 0000000..3bb20fd --- /dev/null +++ b/Paper/gtk-3.20/gtk-dark.scss @@ -0,0 +1,26 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +$variant: 'dark'; + +@import 'colors'; +@import 'colors-public'; +@import 'drawing'; +@import 'common'; +@import 'widgets'; +@import 'apps'; \ No newline at end of file diff --git a/Paper/gtk-3.20/gtk.css b/Paper/gtk-3.20/gtk.css new file mode 100644 index 0000000..110ecdc --- /dev/null +++ b/Paper/gtk-3.20/gtk.css @@ -0,0 +1,7038 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #666666; +/* text color for entries, views and content in general */ +@define-color theme_text_color #666666; +/* widget base background color */ +@define-color theme_bg_color #f7f7f7; +/* text widgets and the like base background color */ +@define-color theme_base_color #ffffff; +/* base background color of selections */ +@define-color theme_selected_bg_color #449ac2; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #ffffff; +/* base background color of insensitive widgets */ +@define-color insensitive_bg_color #fafafa; +/* text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #afafaf; +/* insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #ffffff; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #afafaf; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #666666; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #f7f7f7; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #fcfcfc; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #449ac2; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #ffffff; +/* widgets main borders color */ +@define-color borders #c4c4c4; +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders #c9c9c9; +/* these are pretty self explicative */ +@define-color warning_color #feea3a; +@define-color error_color #f34235; +@define-color success_color #1ea362; +/* these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#666666, 1.8); +@define-color wm_unfocused_title #afafaf; +@define-color wm_highlight rgba(255, 255, 255, 0.2); +@define-color wm_borders_edge rgba(255, 255, 255, 0.2); +@define-color wm_bg_a shade(#f7f7f7, 1.2); +@define-color wm_bg_b #f7f7f7; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#f7f7f7, 1.3); +@define-color wm_button_hover_color_b #f7f7f7; +@define-color wm_button_active_color_a shade(#f7f7f7, 0.85); +@define-color wm_button_active_color_b shade(#f7f7f7, 0.89); +@define-color wm_button_active_color_c shade(#f7f7f7, 0.9); +@define-color content_view_bg #ffffff; +/********** + * Common * + **********/ +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #f34235; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 24; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + -GtkPaned-handle-size: 1; + -gtk-secondary-caret-color: #449ac2; } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar { + background-color: #dedede; + border: solid #c4c4c4; + border-width: 1px 0 0 0; + color: #666666; + box-shadow: none; } + .action-bar:backdrop { + background-color: #dedede; + box-shadow: none; + -gtk-icon-effect: dim; } + .action-bar:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; } + .action-bar:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: rgba(32, 37, 38, 0.8); + background-clip: padding-box; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; + transition: 200ms ease-out; } + .app-notification border, + .app-notification.frame border { + border: none; } + +/*************** + * Base States * + ***************/ +.background { + color: #666666; + background-color: #f7f7f7; } + .background:backdrop { + color: #afafaf; + background-color: #f7f7f7; + text-shadow: none; + -gtk-icon-shadow: none; } + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + color: #666666; + background-color: #f7f7f7; } + .gtkstyle-fallback:hover { + color: #666666; + background-color: white; } + .gtkstyle-fallback:active { + color: #666666; + background-color: #dedede; } + .gtkstyle-fallback:disabled { + color: #afafaf; + background-color: #fafafa; } + .gtkstyle-fallback:selected { + color: #ffffff; + background-color: #449ac2; } + +.view, GtkIconView, +iconview, +GtkTextView text, +textview text { + color: #666666; + background-color: #ffffff; } + .view:backdrop, GtkIconView:backdrop, + iconview:backdrop, + GtkTextView text:backdrop, + textview text:backdrop { + color: #848484; + background-color: #fcfcfc; } + .view:selected:focus, GtkIconView:selected:focus, + iconview:selected:focus, .view:selected, GtkIconView:selected, + iconview:selected, + GtkTextView text:selected:focus, + textview text:selected:focus, + GtkTextView text:selected, + textview text:selected { + border-radius: 3px; } + +GtkTextView, +textview border { + background-color: #fbfbfb; + background-image: image(rgba(0, 0, 0, 0.2)); + background-repeat: no-repeat; } + GtkTextView:backdrop, + textview border:backdrop { + background-color: #fafafa; } + GtkTextView.bottom, + textview border.bottom { + background-size: 100% 1px; + background-position: top; } + GtkTextView.top, + textview border.top { + background-size: 100% 1px; + background-position: bottom; } + GtkTextView.left, + textview border.left { + background-size: 1px 100%; + background-position: right; } + GtkTextView.right, + textview border.right { + background-size: 1px 100%; + background-position: left; } + +GtkIconView, +iconview { + background-color: transparent; } + GtkIconView:backdrop, + iconview:backdrop { + background-color: transparent; } + +.rubberband, +rubberband, +GtkFlow rubberband, +flowbox rubberband, +.content-view rubberband, +GtkTreeView.view .rubberband, +GtkTreeView.view rubberband, +treeview.view .rubberband, +treeview.view rubberband { + border: 1px solid #347d9f; + background-color: rgba(52, 125, 159, 0.2); } + +GtkFlow flowboxchild, +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + GtkFlow flowboxchild:selected, + flowbox flowboxchild:selected { + outline-offset: -2px; } + +GtkLabel.separator, +label.separator { + color: #666666; } + GtkLabel.separator:backdrop, + label.separator:backdrop { + color: #afafaf; } +GtkLabel selection, +label selection { + background-color: #449ac2; + color: #ffffff; } +GtkLabel:disabled, +label:disabled { + color: #afafaf; } + GtkLabel:disabled:backdrop, + label:disabled:backdrop { + color: #d1d1d1; } +GtkLabel:backdrop, +label:backdrop { + color: #afafaf; } + +.dim-label, GtkLabel.separator, +label.separator, .titlebar:not(headerbar) .subtitle, +headerbar .subtitle { + opacity: 0.55; + text-shadow: none; } + +.app-notification, +.app-notification.frame, .osd .scale-popup, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, +.osd { + color: #A1A8AB; + border: none; + background-color: rgba(32, 37, 38, 0.8); + background-clip: padding-box; + outline-color: rgba(161, 168, 171, 0.3); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification:backdrop, .osd .scale-popup:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, + .osd:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#449ac2), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#449ac2), to(transparent)); } } +notebook > header > tabs > arrow, +button { + min-height: 20px; + min-width: 16px; + padding: 4px 9px; + border: 1px solid #c4c4c4; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.sidebar-button, notebook > header > tabs > arrow, + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + transition: none; } + button.sidebar-button:hover, notebook > header > tabs > arrow:hover, + button.flat:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; } + button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, + button.flat:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook > header > tabs > arrow:hover, + button:hover { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; + -gtk-icon-effect: highlight; } + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + button:active, + button:checked { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, #e5e5e5, #f2f2f2); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); + transition-duration: 50ms; } + button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat, + button:backdrop { + border-color: #c9c9c9; + background-image: linear-gradient(to bottom, #f7f7f7); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + transition: 200ms ease-out; + -gtk-icon-effect: none; } + button.sidebar-button:backdrop GtkLabel, notebook > header > tabs > arrow:backdrop GtkLabel, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop GtkLabel, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat GtkLabel, + button:backdrop.flat, + button:backdrop GtkLabel, + button:backdrop { + color: #afafaf; } + button.sidebar-button:backdrop label, notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat label, + button:backdrop.flat, + button:backdrop label, + button:backdrop { + color: #afafaf; } + button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active, + button:backdrop.flat:checked, + button:backdrop:active, + button:backdrop:checked { + border-color: #c9c9c9; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.sidebar-button:backdrop:active GtkLabel, notebook > header > tabs > arrow:backdrop:active GtkLabel, button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked GtkLabel, notebook > header > tabs > arrow:backdrop:checked GtkLabel, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active GtkLabel, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked GtkLabel, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active GtkLabel, + button:backdrop.flat:active, + button:backdrop.flat:checked GtkLabel, + button:backdrop.flat:checked, + button:backdrop:active GtkLabel, + button:backdrop:active, + button:backdrop:checked GtkLabel, + button:backdrop:checked { + color: #afafaf; } + button.sidebar-button:backdrop:active label, notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active label, + button:backdrop.flat:active, + button:backdrop.flat:checked label, + button:backdrop.flat:checked, + button:backdrop:active label, + button:backdrop:active, + button:backdrop:checked label, + button:backdrop:checked { + color: #afafaf; } + button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled, + button:backdrop:disabled { + border-color: #c9c9c9; + background-image: none; + background-color: #fafafa; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + button.sidebar-button:backdrop:disabled GtkLabel, notebook > header > tabs > arrow:backdrop:disabled GtkLabel, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled GtkLabel, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled GtkLabel, + button:backdrop.flat:disabled, + button:backdrop:disabled GtkLabel, + button:backdrop:disabled { + color: #d1d1d1; } + button.sidebar-button:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled label, + button:backdrop.flat:disabled, + button:backdrop:disabled label, + button:backdrop:disabled { + color: #d1d1d1; } + button.sidebar-button:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, + button:backdrop.flat:disabled:active, + button:backdrop.flat:disabled:checked, + button:backdrop:disabled:active, + button:backdrop:disabled:checked { + border-color: #c9c9c9; + background-image: none; + background-color: #ededed; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.sidebar-button:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, + button:backdrop.flat:disabled:active label, + button:backdrop.flat:disabled:checked label, + button:backdrop:disabled:active label, + button:backdrop:disabled:checked label { + color: #d1d1d1; } + button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button.flat:backdrop, + button.flat:disabled, + button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header > tabs > arrow:disabled, + button:disabled { + border-color: #c4c4c4; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: none; + -gtk-icon-shadow: none; } + notebook > header > tabs > arrow:disabled GtkLabel, notebook > header > tabs > arrow:disabled, + button:disabled GtkLabel, + button:disabled { + color: #afafaf; } + notebook > header > tabs > arrow:disabled label, notebook > header > tabs > arrow:disabled, + button:disabled label, + button:disabled { + color: #afafaf; } + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + border-color: #c4c4c4; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + notebook > header > tabs > arrow:disabled:active GtkLabel, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked GtkLabel, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active GtkLabel, + button:disabled:active, + button:disabled:checked GtkLabel, + button:disabled:checked { + color: #afafaf; } + notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active label, + button:disabled:active, + button:disabled:checked label, + button:disabled:checked { + color: #afafaf; } + notebook > header > tabs > arrow.image-button, + button.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; } + notebook > header > tabs > arrow.text-button, + button.text-button { + padding-left: 16px; + padding-right: 16px; } + notebook > header > tabs > arrow.text-button.image-button, + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + notebook > header > tabs > arrow.text-button.image-button GtkLabel, + notebook > header > tabs > arrow.text-button.image-button label, + button.text-button.image-button GtkLabel, + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), + button:drop(active) { + color: #4e9a06; + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } +row:selected +button { + border-color: #347d9f; } + row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected + button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #ffffff; + border-color: transparent; } + row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected + button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #fcfcfc; } +button.osd { + min-width: 24px; + min-height: 32px; + color: #A1A8AB; + border-radius: 5px; + outline-color: rgba(161, 168, 171, 0.3); + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + button.osd.image-button { + min-width: 32px; } + button.osd:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + button.osd:active, + button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); + border: none; + box-shadow: none; } + button.osd:disabled:backdrop, + button.osd:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + button.osd:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } +.app-notification .button, .app-notification button, +.app-notification.frame .button, +.app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd +button { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:hover, .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd + button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd + button:active:backdrop, .osd + button:active, .osd + button:checked:backdrop, .osd + button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification .button:disabled, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd + button:disabled:backdrop, .osd + button:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification .button:backdrop, .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd + button:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification .flat.button, .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification .flat.button:hover, .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd + button.flat:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .app-notification .flat.button:disabled, .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd + button.flat:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-image: none; + border-color: transparent; + box-shadow: none; } + .app-notification .flat.button:backdrop, .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd + button.flat:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification .flat.button:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification .flat.button:checked, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd + button.flat:active, .osd + button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } +button.suggested-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #215065; + background-image: linear-gradient(to bottom, #449ac2, #3a8cb2); + text-shadow: 0 1px rgba(0, 0, 0, 0.58902); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.58902); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #449ac2; } + button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #215065; + background-image: linear-gradient(to bottom, #5ba6c9, #449ac2 60%, #3c8fb6); + text-shadow: 0 1px rgba(0, 0, 0, 0.54102); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54102); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } + button.suggested-action:active, + button.suggested-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #215065; + background-image: linear-gradient(to bottom, #3886ab, #3e95be); + text-shadow: 0 1px rgba(0, 0, 0, 0.66902); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.66902); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.suggested-action:backdrop, + button.suggested-action.flat:backdrop { + border-color: #449ac2; + background-image: linear-gradient(to bottom, #449ac2); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + button.suggested-action:backdrop GtkLabel, + button.suggested-action:backdrop, + button.suggested-action.flat:backdrop GtkLabel, + button.suggested-action.flat:backdrop { + color: #daebf3; } + button.suggested-action:backdrop label, + button.suggested-action:backdrop, + button.suggested-action.flat:backdrop label, + button.suggested-action.flat:backdrop { + color: #daebf3; } + button.suggested-action:backdrop:active, + button.suggested-action:backdrop:checked, + button.suggested-action.flat:backdrop:active, + button.suggested-action.flat:backdrop:checked { + border-color: #347d9f; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.suggested-action:backdrop:active GtkLabel, + button.suggested-action:backdrop:active, + button.suggested-action:backdrop:checked GtkLabel, + button.suggested-action:backdrop:checked, + button.suggested-action.flat:backdrop:active GtkLabel, + button.suggested-action.flat:backdrop:active, + button.suggested-action.flat:backdrop:checked GtkLabel, + button.suggested-action.flat:backdrop:checked { + color: #d6e5ec; } + button.suggested-action:backdrop:active label, + button.suggested-action:backdrop:active, + button.suggested-action:backdrop:checked label, + button.suggested-action:backdrop:checked, + button.suggested-action.flat:backdrop:active label, + button.suggested-action.flat:backdrop:active, + button.suggested-action.flat:backdrop:checked label, + button.suggested-action.flat:backdrop:checked { + color: #d6e5ec; } + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled { + border-color: #c9c9c9; + background-image: none; + background-color: #fafafa; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + button.suggested-action:backdrop:disabled GtkLabel, + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled GtkLabel, + button.suggested-action.flat:backdrop:disabled { + color: #d1d1d1; } + button.suggested-action:backdrop:disabled label, + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled label, + button.suggested-action.flat:backdrop:disabled { + color: #d1d1d1; } + button.suggested-action:backdrop:disabled:active, + button.suggested-action:backdrop:disabled:checked, + button.suggested-action.flat:backdrop:disabled:active, + button.suggested-action.flat:backdrop:disabled:checked { + border-color: #4d9fc5; + background-image: none; + background-color: #4d9fc5; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.suggested-action:backdrop:disabled:active label, + button.suggested-action:backdrop:disabled:checked label, + button.suggested-action.flat:backdrop:disabled:active label, + button.suggested-action.flat:backdrop:disabled:checked label { + color: #8bc1d9; } + button.suggested-action.flat:backdrop, + button.suggested-action.flat:disabled, + button.suggested-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(68, 154, 194, 0.8); } + button.suggested-action:disabled { + border-color: #c4c4c4; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: none; + -gtk-icon-shadow: none; } + button.suggested-action:disabled GtkLabel, + button.suggested-action:disabled { + color: #afafaf; } + button.suggested-action:disabled label, + button.suggested-action:disabled { + color: #afafaf; } + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked { + border-color: #215065; + background-image: none; + background-color: #4d9fc5; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.suggested-action:disabled:active GtkLabel, + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked GtkLabel, + button.suggested-action:disabled:checked { + color: #b8d9e8; } + button.suggested-action:disabled:active label, + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked label, + button.suggested-action:disabled:checked { + color: #b8d9e8; } + .osd + button.suggested-action { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.suggested-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.suggested-action:active:backdrop, .osd + button.suggested-action:active, .osd + button.suggested-action:checked:backdrop, .osd + button.suggested-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #449ac2); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.suggested-action:disabled:backdrop, .osd + button.suggested-action:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd + button.suggested-action:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +button.destructive-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #9f1409; + background-image: linear-gradient(to bottom, #f34235, #f22b1d); + text-shadow: 0 1px rgba(0, 0, 0, 0.53569); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.53569); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #f34235; } + button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #9f1409; + background-image: linear-gradient(to bottom, #f55d52, #f34235 60%, #f23022); + text-shadow: 0 1px rgba(0, 0, 0, 0.48769); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.48769); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } + button.destructive-action:active, + button.destructive-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #9f1409; + background-image: linear-gradient(to bottom, #f12213, #f2392b); + text-shadow: 0 1px rgba(0, 0, 0, 0.61569); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.61569); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop { + border-color: #f34235; + background-image: linear-gradient(to bottom, #f34235); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + button.destructive-action:backdrop GtkLabel, + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop GtkLabel, + button.destructive-action.flat:backdrop { + color: #fdd9d7; } + button.destructive-action:backdrop label, + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop label, + button.destructive-action.flat:backdrop { + color: #fdd9d7; } + button.destructive-action:backdrop:active, + button.destructive-action:backdrop:checked, + button.destructive-action.flat:backdrop:active, + button.destructive-action.flat:backdrop:checked { + border-color: #e71d0e; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.destructive-action:backdrop:active GtkLabel, + button.destructive-action:backdrop:active, + button.destructive-action:backdrop:checked GtkLabel, + button.destructive-action:backdrop:checked, + button.destructive-action.flat:backdrop:active GtkLabel, + button.destructive-action.flat:backdrop:active, + button.destructive-action.flat:backdrop:checked GtkLabel, + button.destructive-action.flat:backdrop:checked { + color: #fad2cf; } + button.destructive-action:backdrop:active label, + button.destructive-action:backdrop:active, + button.destructive-action:backdrop:checked label, + button.destructive-action:backdrop:checked, + button.destructive-action.flat:backdrop:active label, + button.destructive-action.flat:backdrop:active, + button.destructive-action.flat:backdrop:checked label, + button.destructive-action.flat:backdrop:checked { + color: #fad2cf; } + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled { + border-color: #c9c9c9; + background-image: none; + background-color: #fafafa; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + button.destructive-action:backdrop:disabled GtkLabel, + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled GtkLabel, + button.destructive-action.flat:backdrop:disabled { + color: #d1d1d1; } + button.destructive-action:backdrop:disabled label, + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled label, + button.destructive-action.flat:backdrop:disabled { + color: #d1d1d1; } + button.destructive-action:backdrop:disabled:active, + button.destructive-action:backdrop:disabled:checked, + button.destructive-action.flat:backdrop:disabled:active, + button.destructive-action.flat:backdrop:disabled:checked { + border-color: #f4473b; + background-image: none; + background-color: #f4473b; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.destructive-action:backdrop:disabled:active label, + button.destructive-action:backdrop:disabled:checked label, + button.destructive-action.flat:backdrop:disabled:active label, + button.destructive-action.flat:backdrop:disabled:checked label { + color: #f88780; } + button.destructive-action.flat:backdrop, + button.destructive-action.flat:disabled, + button.destructive-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(243, 66, 53, 0.8); } + button.destructive-action:disabled { + border-color: #c4c4c4; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: none; + -gtk-icon-shadow: none; } + button.destructive-action:disabled GtkLabel, + button.destructive-action:disabled { + color: #afafaf; } + button.destructive-action:disabled label, + button.destructive-action:disabled { + color: #afafaf; } + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked { + border-color: #9f1409; + background-image: none; + background-color: #f4473b; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + button.destructive-action:disabled:active GtkLabel, + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked GtkLabel, + button.destructive-action:disabled:checked { + color: #fbb5b1; } + button.destructive-action:disabled:active label, + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked label, + button.destructive-action:disabled:checked { + color: #fbb5b1; } + .osd + button.destructive-action { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.destructive-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.destructive-action:active:backdrop, .osd + button.destructive-action:active, .osd + button.destructive-action:checked:backdrop, .osd + button.destructive-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #f34235); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd + button.destructive-action:disabled:backdrop, .osd + button.destructive-action:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd + button.destructive-action:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +.stack-switcher > +button { + outline-offset: -3px; } + .stack-switcher > + button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > + button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > + button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > + button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > + button.needs-attention:active > label, + .stack-switcher > + button.needs-attention:active > image, .stack-switcher > + button.needs-attention:checked > label, + .stack-switcher > + button.needs-attention:checked > image { + animation: none; + background-image: none; } +.inline-toolbar +button, .inline-toolbar +button:backdrop { + border-radius: 2px; + border-width: 1px; } +.primary-toolbar +button { + -gtk-icon-shadow: none; } + +.stack-switcher > +button.needs-attention > label, +.stack-switcher > +button.needs-attention > image, .sidebar .list-row.needs-attention > label, +.sidebar row.needs-attention > label, stacksidebar .list-row.needs-attention > label, +stacksidebar row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#449ac2), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + .stack-switcher > + button.needs-attention > label:backdrop, + .stack-switcher > + button.needs-attention > image:backdrop, .sidebar .list-row.needs-attention > label:backdrop, + .sidebar row.needs-attention > label:backdrop, stacksidebar .list-row.needs-attention > label:backdrop, + stacksidebar row.needs-attention > label:backdrop { + background-size: 6px 6px, 0 0; } + .stack-switcher > + button.needs-attention > label:dir(rtl), + .stack-switcher > + button.needs-attention > image:dir(rtl), .sidebar .list-row.needs-attention > label:dir(rtl), + .sidebar row.needs-attention > label:dir(rtl), stacksidebar .list-row.needs-attention > label:dir(rtl), + stacksidebar row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 4px; } + +.inline-toolbar toolbutton > button { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .inline-toolbar toolbutton > button:hover { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, #e5e5e5, #f2f2f2); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .inline-toolbar toolbutton > button:disabled { + border-color: #c4c4c4; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: none; + -gtk-icon-shadow: none; } + .inline-toolbar toolbutton > button:disabled GtkLabel, .inline-toolbar toolbutton > button:disabled { + color: #afafaf; } + .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: #afafaf; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + border-color: #c4c4c4; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .inline-toolbar toolbutton > button:disabled:active GtkLabel, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked GtkLabel, .inline-toolbar toolbutton > button:disabled:checked { + color: #afafaf; } + .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: #afafaf; } + .inline-toolbar toolbutton > button:backdrop { + border-color: #c9c9c9; + background-image: linear-gradient(to bottom, #f7f7f7); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop { + color: #afafaf; } + .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { + color: #afafaf; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + border-color: #c9c9c9; + background-image: none; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .inline-toolbar toolbutton > button:backdrop:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked GtkLabel, .inline-toolbar toolbutton > button:backdrop:checked { + color: #afafaf; } + .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { + color: #afafaf; } + .inline-toolbar toolbutton > button:backdrop:disabled { + border-color: #c9c9c9; + background-image: none; + background-color: #fafafa; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .inline-toolbar toolbutton > button:backdrop:disabled GtkLabel, .inline-toolbar toolbutton > button:backdrop:disabled { + color: #d1d1d1; } + .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { + color: #d1d1d1; } + .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { + border-color: #c9c9c9; + background-image: none; + background-color: #ededed; + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { + color: #d1d1d1; } + +toolbar.inline-toolbar toolbutton > button.flat, +toolbar.inline-toolbar toolbutton:backdrop > button.flat, .inline-toolbar +button, .inline-toolbar +button:backdrop, .linked > +button, .linked > +button:hover, .linked > +button:active, .linked > +button:checked, .linked > +button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > +entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { + border-radius: 0; + border-right-style: none; } + +.inline-toolbar +button:first-child, .linked > +button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > +entry:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } +.inline-toolbar +button:last-child, .linked > +button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > +entry:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } +.inline-toolbar +button:only-child, .linked > +button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > +button, .linked.vertical > +button:hover, .linked.vertical > +button:active, .linked.vertical > +button:checked, .linked.vertical > +button:backdrop, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > +entry, .linked.vertical > combobox > box > button.combo { + border-style: solid solid none solid; + border-radius: 0; } + +.linked.vertical > +button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > +entry:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } +.linked.vertical > +button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > +entry:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; } +.linked.vertical > +button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > +entry:only-child { + border-radius: 3px; + border-style: solid; } + +modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop, +popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, +popover.background radiobutton:backdrop:hover, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link, +button:visited, button:link:hover, button:link:active, button:link:checked, +button:visited:hover, +button:visited:active, +button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; } + modelbutton.flat:hover, popover.background checkbutton:hover, + popover.background radiobutton:hover, + .menuitem.button.flat:hover { + background-color: white; } + modelbutton.flat check:last-child, popover.background checkbutton check:last-child, + popover.background radiobutton check:last-child, + modelbutton.flat radio:last-child, + popover.background checkbutton radio:last-child, + popover.background radiobutton radio:last-child, + .menuitem.button.flat check:last-child, + .menuitem.button.flat radio:last-child { + margin-left: 8px; } + modelbutton.flat check:first-child, popover.background checkbutton check:first-child, + popover.background radiobutton check:first-child, + modelbutton.flat radio:first-child, + popover.background checkbutton radio:first-child, + popover.background radiobutton radio:first-child, + .menuitem.button.flat check:first-child, + .menuitem.button.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, popover.background checkbutton arrow, +popover.background radiobutton arrow { + background: none; } + modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, + popover.background radiobutton arrow:hover { + background: none; } + modelbutton.flat arrow.left, popover.background checkbutton arrow.left, + popover.background radiobutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right, popover.background checkbutton arrow.right, + popover.background radiobutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { + padding: 4px; } + button.color colorswatch:only-child { + box-shadow: 0 1px rgba(255, 255, 255, 0.76923); } + button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; } + button.color colorswatch:only-child:disabled, button.color colorswatch:only-child:backdrop { + box-shadow: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: #666666; + border: 1px solid #c4c4c4; } + calendar:selected { + border-radius: 3px; } + calendar.header { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0; } + calendar.header:backdrop { + border-color: rgba(0, 0, 0, 0.1); } + calendar.button { + color: rgba(102, 102, 102, 0.45); } + calendar.button:hover { + color: #666666; } + calendar.button:backdrop { + color: rgba(175, 175, 175, 0.45); } + calendar.button:disabled { + color: rgba(175, 175, 175, 0.45); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: alpha(currentColor,0.55); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: #666666; } + calendar:backdrop { + color: #848484; + border-color: #c9c9c9; } + +/************************* + * Check and Radio Items * + *************************/ +check { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover.png"), url("../assets/checkbox-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active.png"), url("../assets/checkbox-checked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop.png"), url("../assets/checkbox-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive.png"), url("../assets/checkbox-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-backdrop.png"), url("../assets/checkbox-checked-insensitive-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-backdrop.png"), url("../assets/radio-checked-insensitive-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed.png"), url("../assets/checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover.png"), url("../assets/checkbox-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active.png"), url("../assets/checkbox-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop.png"), url("../assets/checkbox-mixed-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive-backdrop.png"), url("../assets/checkbox-mixed-insensitive-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive-backdrop.png"), url("../assets/radio-mixed-insensitive-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked.png"), url("../assets/selected-checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-hover.png"), url("../assets/selected-checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-hover.png"), url("../assets/selected-radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-active.png"), url("../assets/selected-checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-active.png"), url("../assets/selected-radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-backdrop.png"), url("../assets/selected-checkbox-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-backdrop.png"), url("../assets/selected-radio-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-insensitive.png"), url("../assets/selected-checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-insensitive.png"), url("../assets/selected-radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/selected-checkbox-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-backdrop-insensitive.png"), url("../assets/selected-radio-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked.png"), url("../assets/selected-checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.png"), url("../assets/selected-radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-hover.png"), url("../assets/selected-checkbox-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-hover.png"), url("../assets/selected-radio-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-active.png"), url("../assets/selected-checkbox-checked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-active.png"), url("../assets/selected-radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-backdrop.png"), url("../assets/selected-checkbox-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-backdrop.png"), url("../assets/selected-radio-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-insensitive.png"), url("../assets/selected-checkbox-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-insensitive.png"), url("../assets/selected-radio-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-insensitive-backdrop.png"), url("../assets/selected-checkbox-checked-insensitive-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-insensitive-backdrop.png"), url("../assets/selected-radio-checked-insensitive-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-hover.png"), url("../assets/selected-checkbox-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-hover.png"), url("../assets/selected-radio-mixed-hover@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-active.png"), url("../assets/selected-checkbox-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-active.png"), url("../assets/selected-radio-mixed-active@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-backdrop.png"), url("../assets/selected-checkbox-mixed-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-backdrop.png"), url("../assets/selected-radio-mixed-backdrop@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-insensitive.png"), url("../assets/selected-checkbox-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-insensitive.png"), url("../assets/selected-radio-mixed-insensitive@2.png")); + -gtk-icon-shadow: none; } + +check:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-insensitive-backdrop.png"), url("../assets/selected-checkbox-mixed-insensitive-backdrop@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:disabled:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-insensitive-backdrop.png"), url("../assets/selected-radio-mixed-insensitive-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check, GtkIconView.content-view check, +iconview.content-view check, +.view.content-view.check, +GtkIconView.content-view.check, +iconview.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio, GtkIconView.content-view radio, +iconview.content-view radio, +.view.content-view.radio, +GtkIconView.content-view.radio, +iconview.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:hover, GtkIconView.content-view check:hover, +iconview.content-view check:hover, +.view.content-view.check:hover, +GtkIconView.content-view.check:hover, +iconview.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:hover, GtkIconView.content-view radio:hover, +iconview.content-view radio:hover, +.view.content-view.radio:hover, +GtkIconView.content-view.radio:hover, +iconview.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:active, GtkIconView.content-view check:active, +iconview.content-view check:active, +.view.content-view.check:active, +GtkIconView.content-view.check:active, +iconview.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:active, GtkIconView.content-view radio:active, +iconview.content-view radio:active, +.view.content-view.radio:active, +GtkIconView.content-view.radio:active, +iconview.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:backdrop, GtkIconView.content-view check:backdrop, +iconview.content-view check:backdrop, +.view.content-view.check:backdrop, +GtkIconView.content-view.check:backdrop, +iconview.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:backdrop, GtkIconView.content-view radio:backdrop, +iconview.content-view radio:backdrop, +.view.content-view.radio:backdrop, +GtkIconView.content-view.radio:backdrop, +iconview.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled, GtkIconView.content-view check:disabled, +iconview.content-view check:disabled, +.view.content-view.check:disabled, +GtkIconView.content-view.check:disabled, +iconview.content-view.check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled, GtkIconView.content-view radio:disabled, +iconview.content-view radio:disabled, +.view.content-view.radio:disabled, +GtkIconView.content-view.radio:disabled, +iconview.content-view.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled:backdrop, GtkIconView.content-view check:disabled:backdrop, +iconview.content-view check:disabled:backdrop, +.view.content-view.check:disabled:backdrop, +GtkIconView.content-view.check:disabled:backdrop, +iconview.content-view.check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled:backdrop, GtkIconView.content-view radio:disabled:backdrop, +iconview.content-view radio:disabled:backdrop, +.view.content-view.radio:disabled:backdrop, +GtkIconView.content-view.radio:disabled:backdrop, +iconview.content-view.radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check, GtkIconView.content-view check, +iconview.content-view check, +.view.content-view.check, +GtkIconView.content-view.check, +iconview.content-view.check { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio, GtkIconView.content-view radio, +iconview.content-view radio, +.view.content-view.radio, +GtkIconView.content-view.radio, +iconview.content-view.radio { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:hover, GtkIconView.content-view check:hover, +iconview.content-view check:hover, +.view.content-view.check:hover, +GtkIconView.content-view.check:hover, +iconview.content-view.check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-hover.png"), url("../assets/checkbox-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:hover, GtkIconView.content-view radio:hover, +iconview.content-view radio:hover, +.view.content-view.radio:hover, +GtkIconView.content-view.radio:hover, +iconview.content-view.radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:active, GtkIconView.content-view check:active, +iconview.content-view check:active, +.view.content-view.check:active, +GtkIconView.content-view.check:active, +iconview.content-view.check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-active.png"), url("../assets/checkbox-checked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:active, GtkIconView.content-view radio:active, +iconview.content-view radio:active, +.view.content-view.radio:active, +GtkIconView.content-view.radio:active, +iconview.content-view.radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:backdrop, GtkIconView.content-view check:backdrop, +iconview.content-view check:backdrop, +.view.content-view.check:backdrop, +GtkIconView.content-view.check:backdrop, +iconview.content-view.check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-backdrop.png"), url("../assets/checkbox-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:backdrop, GtkIconView.content-view radio:backdrop, +iconview.content-view radio:backdrop, +.view.content-view.radio:backdrop, +GtkIconView.content-view.radio:backdrop, +iconview.content-view.radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled, GtkIconView.content-view check:disabled, +iconview.content-view check:disabled, +.view.content-view.check:disabled, +GtkIconView.content-view.check:disabled, +iconview.content-view.check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-insensitive.png"), url("../assets/checkbox-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled, GtkIconView.content-view radio:disabled, +iconview.content-view radio:disabled, +.view.content-view.radio:disabled, +GtkIconView.content-view.radio:disabled, +iconview.content-view.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view check:disabled:backdrop, GtkIconView.content-view check:disabled:backdrop, +iconview.content-view check:disabled:backdrop, +.view.content-view.check:disabled:backdrop, +GtkIconView.content-view.check:disabled:backdrop, +iconview.content-view.check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-backdrop-insensitive.png"), url("../assets/checkbox-checked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.view.content-view radio:disabled:backdrop, GtkIconView.content-view radio:disabled:backdrop, +iconview.content-view radio:disabled:backdrop, +.view.content-view.radio:disabled:backdrop, +GtkIconView.content-view.radio:disabled:backdrop, +iconview.content-view.radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-backdrop-insensitive.png"), url("../assets/radio-checked-backdrop-insensitive@2.png")); + -gtk-icon-shadow: none; } + +.check.text-button, .radio.text-button, +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; } + .check.text-button label:not(:only-child):first-child, .radio.text-button label:not(:only-child):first-child, + checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { + margin-left: 4px; } + .check.text-button label:not(:only-child):last-child, .radio.text-button label:not(:only-child):last-child, + checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { + margin-right: 4px; } + +check, +.check, +radio, +.radio { + margin: 0 4px; } + .menu .menuitem check, menu menuitem check, .menu .menuitem + .check, menu menuitem + .check, .menu .menuitem + radio, menu menuitem + radio, .menu .menuitem + .radio, menu menuitem + .radio { + margin: 0; } + +menu menuitem check:not(:indeterminate):checked, +menu menuitem radio:not(:indeterminate):checked, +menu menuitem check:indeterminate:checked:active, +menu menuitem radio:indeterminate:checked { + animation: none; } + +treeview.view check:selected:focus, treeview.view check:selected, +treeview.view radio:selected:focus, +treeview.view radio:selected { + color: #666666; + border-color: #347d9f; } +treeview.view check:selected:disabled, +treeview.view radio:selected:disabled { + color: #afafaf; } + treeview.view check:selected:disabled:backdrop, + treeview.view radio:selected:disabled:backdrop { + color: #d1d1d1; } +treeview.view check:backdrop:selected, treeview.view check:backdrop, +treeview.view radio:backdrop:selected, +treeview.view radio:backdrop { + color: #afafaf; } + +/***************** + * Color Chooser * + *****************/ +colorswatch, colorswatch:drop(active) { + border-style: none; } +colorswatch.top { + border-top-left-radius: 5.5px; + border-top-right-radius: 5.5px; } + colorswatch.top overlay { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } +colorswatch.bottom { + border-bottom-left-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 5.5px; + border-bottom-left-radius: 5.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 5.5px; + border-bottom-right-radius: 5.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } +colorswatch.dark overlay { + color: #ffffff; } + colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.8); } + colorswatch.dark overlay:backdrop { + color: rgba(255, 255, 255, 0.5); } +colorswatch.light overlay { + color: #666666; } + colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.5); } + colorswatch.light overlay:backdrop { + color: #848484; } +colorswatch:drop(active) { + box-shadow: none; } + colorswatch:drop(active).light overlay { + border-color: #4e9a06; + box-shadow: inset 0 0 0 2px #3d7805, inset 0 0 0 1px #4e9a06; } + colorswatch:drop(active).dark overlay { + border-color: #4e9a06; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #4e9a06; } +colorswatch overlay { + box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.7); + border: 1px solid rgba(0, 0, 0, 0.3); } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: rgba(0, 0, 0, 0.3); + box-shadow: none; } +colorswatch#add-color-button { + border-radius: 5px 5px 0 0; } + colorswatch#add-color-button:only-child { + border-radius: 5px; } + colorswatch#add-color-button overlay { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + colorswatch#add-color-button overlay:hover { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; } + colorswatch#add-color-button overlay:backdrop { + border-color: #c9c9c9; + background-image: linear-gradient(to bottom, #f7f7f7); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + colorswatch#add-color-button overlay:backdrop GtkLabel, colorswatch#add-color-button overlay:backdrop { + color: #afafaf; } + colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { + color: #afafaf; } +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } +row:selected colorswatch { + box-shadow: 0 0 0 2px #ffffff; } +colorswatch#editor-color-sample { + border-radius: 4px; } + colorswatch#editor-color-sample overlay { + border-radius: 4.5px; } + +colorchooser .popover.osd { + border-radius: 5px; } + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } +combobox:drop(active) { + box-shadow: none; } + +/****************** + * Combobox Entry * + ******************/ +.combobox-entry button { + box-shadow: none; } + .combobox-entry button:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; } + .combobox-entry button:last-child { + border-radius: 0 4px 4px 0; } +.combobox-entry entry { + box-shadow: none; } + .combobox-entry entry:first-child { + border-radius: 4px 0 0 4px; + border-right-width: 0; } + .combobox-entry entry:last-child { + border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } + +/*********** + * Dialogs * + ***********/ +messagedialog .titlebar { + min-height: 20px; + background-image: none; + background-color: #f7f7f7; + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + messagedialog .titlebar:backdrop { + background-color: #f7f7f7; } +messagedialog.csd { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.1); } + messagedialog.csd.background { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + messagedialog.csd .dialog-action-area .button, + messagedialog.csd .dialog-action-area button { + padding: 10px 14px; + border-radius: 0; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; } + messagedialog.csd .dialog-action-area .button:first-child, + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 4px; } + messagedialog.csd .dialog-action-area .button:last-child, + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 4px; } + +filechooser { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + filechooser .dialog-action-box { + border-top: 1px solid #c4c4c4; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + filechooser .dialog-action-box:backdrop { + border-top-color: #c9c9c9; } + filechooser #pathbarbox { + border-bottom: 1px solid #f7f7f7; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), +entry { + min-height: 20px; + padding: 4px 6px; + border: 1px solid; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #666666; + border-color: #c4c4c4; + background-color: #ffffff; + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); } + spinbutton:not(.vertical) image.left, + entry image.left { + padding-left: 0; + padding-right: 6px; } + spinbutton:not(.vertical) image.right, + entry image.right { + padding-left: 6px; + padding-right: 0; } + spinbutton:not(.vertical) undershoot.left, + entry undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; + box-shadow: none; } + spinbutton:not(.vertical) undershoot.right, + entry undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; + box-shadow: none; } + spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), + entry.flat:focus, + entry.flat { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; } + spinbutton:focus:not(.vertical), + entry:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #449ac2; } + spinbutton:disabled:not(.vertical), + entry:disabled { + color: #afafaf; + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, #fafafa); + box-shadow: none; } + spinbutton:backdrop:not(.vertical), + entry:backdrop { + color: #848484; + border-color: #c9c9c9; + background-image: linear-gradient(to bottom, #fcfcfc); + box-shadow: none; + transition: 200ms ease-out; } + spinbutton:backdrop:disabled:not(.vertical), + entry:backdrop:disabled { + color: #d1d1d1; + border-color: #c9c9c9; + background-image: linear-gradient(to bottom, #fafafa); + box-shadow: none; } + spinbutton.error:not(.vertical), + entry.error { + color: #f34235; + border-color: #f34235; } + spinbutton.error:focus:not(.vertical), + entry.error:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #f34235; } + spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), + entry.error:selected:focus, + entry.error:selected { + background-color: #f34235; } + spinbutton.warning:not(.vertical), + entry.warning { + color: #feea3a; + border-color: #feea3a; } + spinbutton.warning:focus:not(.vertical), + entry.warning:focus { + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + border-color: #feea3a; } + spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), + entry.warning:selected:focus, + entry.warning:selected { + background-color: #feea3a; } + spinbutton:not(.vertical) image, + entry image { + color: #858585; } + spinbutton:not(.vertical) image:hover, + entry image:hover { + color: #666666; } + spinbutton:not(.vertical) image:active, + entry image:active { + color: #449ac2; } + spinbutton:not(.vertical) image:backdrop, + entry image:backdrop { + color: #bebebe; } + spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), + entry:drop(active):focus, + entry:drop(active) { + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } + .osd spinbutton:not(.vertical), .osd + entry { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:focus:not(.vertical), .osd + entry:focus { + color: white; + border-color: #449ac2; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:backdrop:not(.vertical), .osd + entry:backdrop { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton:disabled:not(.vertical), .osd + entry:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: #449ac2; + border-style: solid; + box-shadow: none; } + spinbutton:not(.vertical) progress:backdrop, + entry progress:backdrop { + background-color: transparent; } +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:focus + button, .linked:not(.vertical) > +entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + +entry, .linked:not(.vertical) > +entry:focus + +entry { + border-left-color: #449ac2; } +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:drop(active) + button, .linked:not(.vertical) > +entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + +entry, .linked:not(.vertical) > +entry:drop(active) + +entry { + border-left-color: #4e9a06; } +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > +entry:not(:disabled) + entry:not(:disabled), .linked.vertical > +entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { + border-top-color: #ededed; + background-image: linear-gradient(to bottom, #ffffff); } + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > + entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { + border-top-color: #ededed; + background-image: linear-gradient(to bottom, #fcfcfc); } +.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > +entry:disabled + entry:disabled, .linked.vertical > +entry:disabled + entry:disabled { + border-top-color: #ededed; } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > +entry + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > +entry + entry:focus:not(:only-child) { + border-top-color: #449ac2; } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > +entry + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > +entry + entry:drop(active):not(:only-child) { + border-top-color: #4e9a06; } +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .entry, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + .button, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:focus:not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > +entry:focus:not(:only-child) + entry, +.linked.vertical > +entry:focus:not(:only-child) + .entry, +.linked.vertical > +entry:focus:not(:only-child) + button, +.linked.vertical > +entry:focus:not(:only-child) + .button, +.linked.vertical > +entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #449ac2; } +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + .button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:drop(active):not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > +entry:drop(active):not(:only-child) + entry, +.linked.vertical > +entry:drop(active):not(:only-child) + .entry, +.linked.vertical > +entry:drop(active):not(:only-child) + button, +.linked.vertical > +entry:drop(active):not(:only-child) + .button, +.linked.vertical > +entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #4e9a06; } + +treeview acceleditor > label { + background-color: #449ac2; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #ffffff; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #449ac2; } + +/************* + * Expanders * + *************/ +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander arrow:hover { + color: #b3b3b3; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/**************** + * File chooser * + ****************/ +placessidebar > viewport.frame { + border-style: none; } +placessidebar row { + min-height: 36px; + padding: 0px; } + placessidebar row > revealer { + padding: 0 14px; } + placessidebar row:selected { + color: #ffffff; } + placessidebar row:disabled { + color: #afafaf; } + placessidebar row:backdrop { + color: #afafaf; } + placessidebar row:backdrop:selected { + color: rgba(255, 255, 255, 0.5); } + placessidebar row:backdrop:disabled { + color: #d1d1d1; } + placessidebar row GtkImage.sidebar-icon, + placessidebar row image.sidebar-icon { + opacity: 0.7; } + placessidebar row GtkImage.sidebar-icon:dir(ltr), + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row GtkImage.sidebar-icon:dir(rtl), + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row GtkLabel.sidebar-label:dir(ltr), + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row GtkLabel.sidebar-label:dir(rtl), + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-height: 26px; + min-width: 26px; + margin-top: 3px; + margin-bottom: 3px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; } + button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { + opacity: 0.7; } + placessidebar row:selected:active { + box-shadow: none; } + placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: image(#4e9a06); + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #449ac2; } + placessidebar row:drop(active):not(:disabled) { + color: #4e9a06; + box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + placessidebar row:drop(active):not(:disabled):selected { + color: #ffffff; + background-color: #4e9a06; } + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); } +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } +placesview row.activatable:hover { + background-color: transparent; } +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; } + +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: #f7f7f7; + border-width: 1px; + border-style: solid solid none; + border-color: #c4c4c4; + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + .floating-bar.bottom.left { + border-left-style: none; + border-top-left-radius: 0; } + .floating-bar.bottom.right { + border-right-style: none; + border-top-right-radius: 0; } + .floating-bar > .button { + padding: 4px; } + .floating-bar:backdrop { + background-color: #f7f7f7; + border-color: #c9c9c9; } + +/********** + * Frames * + **********/ +frame > border { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #c4c4c4; } + frame > border.flat { + border-style: none; } + frame > border:backdrop { + border-color: #c9c9c9; } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid #c4c4c4; } + actionbar > revealer > box:backdrop { + border-color: #c9c9c9; } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#ababab), to(rgba(171, 171, 171, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.top:backdrop { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#c9c9c9), to(rgba(201, 201, 201, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#ababab), to(rgba(171, 171, 171, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#c9c9c9), to(rgba(201, 201, 201, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#ababab), to(rgba(171, 171, 171, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.left:backdrop { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#c9c9c9), to(rgba(201, 201, 201, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#ababab), to(rgba(171, 171, 171, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(102, 102, 102, 0.07)), to(rgba(102, 102, 102, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.right:backdrop { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#c9c9c9), to(rgba(201, 201, 201, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; + box-shadow: none; } +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; + box-shadow: none; } +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; + box-shadow: none; } +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; + box-shadow: none; } +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #c4c4c4 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #dadada; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, #c9c9c9 1px, transparent 1px); + background-color: #efefef; + transition: 200ms ease-out; } + +separator { + background: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +/************ + * Popovers * + ************/ +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 8px; + -GraniteWidgetsPopOver-border-width: 0; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid #ffffff; + background: #ffffff; + color: #666666; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: #449ac2; } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver GtkIconView.sidebar, + GraniteWidgetsPopOver iconview.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #ffffff; + background-image: none; + border: 1px solid #ffffff; + color: #666666; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #ffffff; } + GraniteWidgetsWelcome GtkLabel { + color: #666666; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(102, 102, 102, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; + background-color: #f7f7f7; + border: solid #c4c4c4; + color: #666666; + border-right-width: 1px; } + .source-list .category-expander { + color: transparent; } + .source-list .badge { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + color: #f7f7f7; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { + background-color: rgba(0, 0, 0, 0.2); + color: #eaeaea; } + .source-list row, + .source-list .list-row { + border: none; + padding: 0; } + .source-list row > GtkLabel, + .source-list row > label, + .source-list .list-row > GtkLabel, + .source-list .list-row > label { + padding-left: 6px; + padding-right: 6px; } + +/************** +* Text Styles * +**************/ +.h1 { + font-size: 24px; } + +.h2 { + font-weight: 300; + font-size: 18px; } + +.h3 { + font-size: 11px; } + +.h4, +.category-label { + font-size: 12px; + padding: 6px; + color: rgba(102, 102, 102, 0.3); + font-weight: bold; + text-shadow: 0 1px rgba(255, 255, 255, 0.2); } + +/************** +* Storage Bar * +**************/ +.storage-bar .trough { + border: none; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); + background-image: none; + background-color: transparent; + padding: 8px 6px; } +.storage-bar .fill-block { + background-color: #feea3a; + border: none; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); + transition: all 200ms ease-in-out; + padding: 8px 6px; } + .storage-bar .fill-block:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } + .storage-bar .fill-block.empty-block { + background-color: #ffffff; } + .storage-bar .fill-block.app { + background-color: #2095f2; } + .storage-bar .fill-block.audio { + background-color: #fe9700; } + .storage-bar .fill-block.photo { + background-color: #f34235; } + .storage-bar .fill-block.video { + background-color: #9b26af; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header Bars * + ***************/ +.titlebar:not(headerbar), +headerbar { + min-height: 40px; + padding: 0 8px; + border: none; + border-radius: 4px 4px 0 0; + background-color: #636E73; + color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + .titlebar:backdrop:not(headerbar), + headerbar:backdrop { + background-color: #636E73; + color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + transition: 200ms ease-out; } + .titlebar:not(headerbar) .title, + headerbar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; + color: #ffffff; } + .titlebar:not(headerbar) .title:backdrop, + headerbar .title:backdrop { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) .subtitle, + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + color: #ffffff; } + .selection-mode.titlebar:not(headerbar), + headerbar.selection-mode { + border-radius: 4px 4px 0 0; + color: #ffffff; + text-shadow: 0 -1px rgba(0, 0, 0, 0.5); + border-color: #347d9f; + background-color: #347D9F; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + .selection-mode.titlebar:backdrop:not(headerbar), + headerbar.selection-mode:backdrop { + background-color: #275f79; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, + headerbar.selection-mode .selection-menu:backdrop, + headerbar.selection-mode .selection-menu { + border-color: rgba(68, 154, 194, 0); + background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0)); + box-shadow: none; + text-shadow: none; + padding-left: 10px; + padding-right: 10px; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, + headerbar.selection-mode .selection-menu:backdrop GtkArrow, + headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, + headerbar.selection-mode .selection-menu:backdrop .arrow, + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(255, 255, 255, 0.5); + -gtk-icon-shadow: none; } + .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .tiled + headerbar:backdrop, .tiled + headerbar, .maximized + headerbar:backdrop, .maximized + headerbar { + border-radius: 0; } + .default-decoration.titlebar:not(headerbar), + headerbar.default-decoration { + padding: 6px; + min-height: 28px; + background-color: #636E73; + color: #ffffff; } + .default-decoration.titlebar:not(headerbar) .maximized, + headerbar.default-decoration .maximized { + padding: 6px; } + .default-decoration.titlebar:backdrop:not(headerbar), + headerbar.default-decoration:backdrop { + background-color: #576165; + color: rgba(255, 255, 255, 0.5); } + .default-decoration.titlebar:not(headerbar) .button.titlebutton, + .default-decoration.titlebar:not(headerbar) button.titlebutton, + headerbar.default-decoration .button.titlebutton, + headerbar.default-decoration button.titlebutton { + min-height: 16px; + min-width: 16px; + padding: 1px; + border-radius: 50%; + background-color: transparent; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .default-decoration.titlebar:not(headerbar) .button.titlebutton:hover, + .default-decoration.titlebar:not(headerbar) button.titlebutton:hover, + headerbar.default-decoration .button.titlebutton:hover, + headerbar.default-decoration button.titlebutton:hover { + background-color: transparent; + color: white; } + .default-decoration.titlebar:not(headerbar) .button.titlebutton:backdrop, + .default-decoration.titlebar:not(headerbar) button.titlebutton:backdrop, + headerbar.default-decoration .button.titlebutton:backdrop, + headerbar.default-decoration button.titlebutton:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + .default-decoration.titlebar:not(headerbar) .button.titlebutton:active, + .default-decoration.titlebar:not(headerbar) button.titlebutton:active, + headerbar.default-decoration .button.titlebutton:active, + headerbar.default-decoration button.titlebutton:active { + background-color: #ffffff; + color: #636E73; + border-radius: 50%; + box-shadow: none; } + .titlebar:not(headerbar) entry, + headerbar entry { + margin: 6px 0; + min-height: 16px; + border-radius: 2px; + padding: 4px; + border: none; + box-shadow: none; + background: rgba(255, 255, 255, 0.95); + color: #666666; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .titlebar:not(headerbar) entry > image, + headerbar entry > image { + padding-right: 6px; + color: rgba(102, 102, 102, 0.8); } + .titlebar:not(headerbar) entry:active, .titlebar:not(headerbar) entry:focus, + headerbar entry:active, + headerbar entry:focus { + background: #ffffff; + color: #666666; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .titlebar:not(headerbar) entry:active > image, .titlebar:not(headerbar) entry:focus > image, + headerbar entry:active > image, + headerbar entry:focus > image { + padding-right: 6px; + color: #666666; } + .titlebar:not(headerbar) entry:active:backdrop, .titlebar:not(headerbar) entry:focus:backdrop, + headerbar entry:active:backdrop, + headerbar entry:focus:backdrop { + background: rgba(255, 255, 255, 0.8); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) entry:disabled, + headerbar entry:disabled { + background: rgba(255, 255, 255, 0.6); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) entry:disabled > image, + headerbar entry:disabled > image { + padding-right: 6px; + color: rgba(102, 102, 102, 0.5); } + .titlebar:not(headerbar) entry:disabled:backdrop, + headerbar entry:disabled:backdrop { + background: rgba(255, 255, 255, 0.5); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) entry:backdrop, + headerbar entry:backdrop { + background: rgba(255, 255, 255, 0.8); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) entry:backdrop > image, + headerbar entry:backdrop > image { + color: rgba(102, 102, 102, 0.5); } + .titlebar:not(headerbar) button, + headerbar button { + background-color: transparent; + background-image: none; + border-radius: 0px; + border: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + padding: 10px; + margin: 0; + color: #ffffff; } + .titlebar:not(headerbar) button.text-button, .titlebar:not(headerbar) button.image-button, .titlebar:not(headerbar) button.flat, + headerbar button.text-button, + headerbar button.image-button, + headerbar button.flat { + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: transparent; + background-image: none; + color: #ffffff; } + .titlebar:not(headerbar) button.text-button:backdrop, .titlebar:not(headerbar) button.image-button:backdrop, .titlebar:not(headerbar) button.flat:backdrop, + headerbar button.text-button:backdrop, + headerbar button.image-button:backdrop, + headerbar button.flat:backdrop { + background-color: transparent; + background-image: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button.linked, + headerbar button.linked { + border-radius: 0px; + margin: 0; } + .titlebar:not(headerbar) button:hover, + headerbar button:hover { + background-image: none; + background-color: rgba(0, 0, 0, 0.15); + color: white; + box-shadow: none; + text-shadow: none; } + .titlebar:not(headerbar) button:backdrop, + headerbar button:backdrop { + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button:checked, + headerbar button:active, + headerbar button:checked { + font: bold; + border-radius: 0px; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 -2px 0 0 #ffffff; + background-color: transparent; + background-image: none; + color: #ffffff; } + .titlebar:not(headerbar) button:active:backdrop, .titlebar:not(headerbar) button:checked:backdrop, + headerbar button:active:backdrop, + headerbar button:checked:backdrop { + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button:disabled, + headerbar button:disabled { + color: rgba(255, 255, 255, 0.5); + background-color: transparent; + background-image: none; } + .titlebar:not(headerbar) button:disabled:backdrop, + headerbar button:disabled:backdrop { + color: rgba(255, 255, 255, 0.5); + background-color: transparent; + background-image: none; } + .titlebar:not(headerbar) button:disabled:backdrop image, + headerbar button:disabled:backdrop image { + -gtk-icon-effect: dim; } + .titlebar:not(headerbar) button.titlebutton, + headerbar button.titlebutton { + min-height: 16px; + min-width: 16px; + padding: 1px; + border-radius: 50%; + background-color: transparent; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .titlebar:not(headerbar) button.titlebutton:hover, + headerbar button.titlebutton:hover { + background-color: transparent; + color: white; } + .titlebar:not(headerbar) button.titlebutton:backdrop, + headerbar button.titlebutton:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button.titlebutton:active, + headerbar button.titlebutton:active { + background-color: #ffffff; + color: #636E73; + border-radius: 50%; + box-shadow: none; } + .titlebar:not(headerbar) button.menu-button, .titlebar:not(headerbar) button.title-menu-button, + headerbar button.menu-button, + headerbar button.title-menu-button { + padding: 1px; + background-color: transparent; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .titlebar:not(headerbar) button.menu-button:hover, .titlebar:not(headerbar) button.title-menu-button:hover, + headerbar button.menu-button:hover, + headerbar button.title-menu-button:hover { + background-color: rgba(0, 0, 0, 0.1); + color: white; } + .titlebar:not(headerbar) button.menu-button:backdrop, .titlebar:not(headerbar) button.title-menu-button:backdrop, + headerbar button.menu-button:backdrop, + headerbar button.title-menu-button:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) button.menu-button:active, .titlebar:not(headerbar) button.title-menu-button:active, + headerbar button.menu-button:active, + headerbar button.title-menu-button:active { + background-color: #4b5458; + color: #ffffff; + box-shadow: none; } + .titlebar:not(headerbar) .separator, + headerbar .separator { + color: transparent; + background-color: transparent; } + +.titlebar, .titlebar:backdrop { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 4px; } +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 4px; } + +window.csd > .titlebar:not(headerbar) { + padding: 0; + background-color: #636E73; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; } + window.csd > .titlebar:not(headerbar):backdrop { + background-color: #576165; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +infobar { + text-shadow: none; + color: #666666; + background-color: #f7f7f7; + border-bottom: 1px solid #dedede; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } + +.info, .warning, .question, .error { + text-shadow: none; + color: #ffffff; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #ffffff; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(255, 255, 255, 0.5); } + .info button, .warning button, .question button, .error button { + border-radius: 2px; + border: none; + background: rgba(255, 255, 255, 0.95); + color: #666666; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } + .info button .label, .warning button .label, .question button .label, .error button .label { + color: #666666; } + .info button:active, .warning button:active, .question button:active, .error button:active { + background: #ffffff; + color: #666666; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { + background: rgba(255, 255, 255, 0.8); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } + .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled { + background: rgba(255, 255, 255, 0.6); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { + background: rgba(255, 255, 255, 0.5); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { + background: rgba(255, 255, 255, 0.8); + color: rgba(102, 102, 102, 0.5); + box-shadow: none; } + +.info { + background-color: #2095f2; } + .info:backdrop { + background-color: #50acf5; + color: rgba(255, 255, 255, 0.5); } + +.warning { + background-color: #feea3a; } + .warning:backdrop { + background-color: #feef6d; + color: rgba(255, 255, 255, 0.5); } + +.question { + background-color: #1ea362; } + .question:backdrop { + background-color: #26ce7c; + color: rgba(255, 255, 255, 0.5); } + +.error { + background-color: #f34235; } + .error:backdrop { + background-color: #f66f65; + color: rgba(255, 255, 255, 0.5); } + +/************* + * Level Bar * + *************/ +levelbar { + -GtkLevelBar-min-block-width: 32; + -GtkLevelBar-min-block-height: 8; } + levelbar:backdrop { + transition: 200ms ease-out; } + levelbar trough { + margin: 0; + padding: 2px; + border-radius: 3px; } + levelbar.horizontal.indicator-discrete.fill-block { + margin: 0 1px; } + levelbar.horizontal.discrete block { + margin: 0 1px; } + levelbar.vertical.indicator-discrete.fill-block { + margin: 1px 0; } + levelbar.vertical.discrete block { + margin: 1px 0; } + levelbar.vertical .fill-block, + levelbar.vertical block, + levelbar block { + border-radius: 2px; + min-width: 32px; + min-height: 2px; } + levelbar.vertical .low.fill-block, + levelbar.vertical block.low, levelbar.vertical .level-low.fill-block, + levelbar.vertical block.level-low, + levelbar block.low, + levelbar block.level-low { + border: 1px solid #fee507; + background-color: #feea3a; } + levelbar.vertical .low.fill-block:backdrop, + levelbar.vertical block.low:backdrop, levelbar.vertical .level-low.fill-block:backdrop, + levelbar.vertical block.level-low:backdrop, + levelbar block.low:backdrop, + levelbar block.level-low:backdrop { + border: 1px solid #feea3a; } + levelbar.vertical .high.fill-block, + levelbar.vertical block.high, levelbar.vertical .level-high.fill-block, + levelbar.vertical block.level-high, + levelbar block.high, + levelbar block.level-high { + border: 1px solid #347d9f; + background-color: #449ac2; } + levelbar.vertical .high.fill-block:backdrop, + levelbar.vertical block.high:backdrop, levelbar.vertical .level-high.fill-block:backdrop, + levelbar.vertical block.level-high:backdrop, + levelbar block.high:backdrop, + levelbar block.level-high:backdrop { + border: 1px solid #449ac2; } + levelbar.vertical .full.fill-block, + levelbar.vertical block.full, levelbar.vertical .level-full.fill-block, + levelbar.vertical block.level-full, + levelbar block.full, + levelbar block.level-full { + border: 1px solid #167848; + background-color: #1ea362; } + levelbar.vertical .full.fill-block:backdrop, + levelbar.vertical block.full:backdrop, levelbar.vertical .level-full.fill-block:backdrop, + levelbar.vertical block.level-full:backdrop, + levelbar block.full:backdrop, + levelbar block.level-full:backdrop { + border: 1px solid #1ea362; } + levelbar.vertical .empty.fill-block, + levelbar.vertical block.empty, levelbar.vertical .level-empty.fill-block, + levelbar.vertical block.level-empty, + levelbar block.empty, + levelbar block.level-empty { + background-color: transparent; + border: 1px solid rgba(102, 102, 102, 0.2); + box-shadow: none; } + levelbar.vertical .empty.fill-block:backdrop, + levelbar.vertical block.empty:backdrop, levelbar.vertical .level-empty.fill-block:backdrop, + levelbar.vertical block.level-empty:backdrop, + levelbar block.empty:backdrop, + levelbar block.level-empty:backdrop { + border-color: rgba(175, 175, 175, 0.15); } + levelbar.vertical { + -GtkLevelBar-min-block-width: 8; + -GtkLevelBar-min-block-height: 32; } + levelbar.vertical .fill-block, + levelbar.vertical block { + min-width: 8px; + min-height: 32px; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: blue; } + *:link:visited, + button:visited { + color: rgba(0, 0, 255, 0.5); } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: #b4d7e7; } + *:link:hover, button:hover:link, + button:hover:visited { + color: #3333ff; } + *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: #ecf5f9; } + *:link:active, button:active:link, + button:active:visited { + color: blue; } + *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: #daebf3; } + *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, + button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, + headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:selected:link, + button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, + button:backdrop:visited { + color: #449ac2; } + *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, + headerbar.selection-mode .subtitle:link, button:selected:link, + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: #daebf3; } + +button:link, +button:visited { + text-shadow: none; } + button:link:hover, button:link:active, button:link:checked, + button:visited:hover, + button:visited:active, + button:visited:checked { + text-shadow: none; } + button:link > label, + button:visited > label { + text-decoration-line: underline; } + button:link > GtkLabel, + button:visited > GtkLabel { + text-decoration-line: underline; } + +/********* + * Lists * + *********/ +list { + color: #666666; + background-color: #ffffff; + border-color: #c4c4c4; } + list:backdrop { + background-color: #fcfcfc; + border-color: #c9c9c9; } + +row { + border-radius: 0; + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row image { + padding-right: 6px; } + row:hover { + transition: none; } + row:backdrop { + transition: 200ms ease-out; } + row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(102, 102, 102, 0.05); } + row.activatable:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + row.activatable:backdrop:hover { + background-color: transparent; } + row.activatable:selected:active { + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #4795b9; } + row.activatable:selected:backdrop { + background-color: #449ac2; } + +/********* + * Menus * + *********/ +menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); + background-color: #636E73; + color: #ffffff; } + menubar:backdrop { + background-color: #576165; } + menubar > menuitem { + min-height: 16px; + padding: 4px 8px; } + menubar > menuitem:hover { + box-shadow: inset 0 -3px #449ac2; + color: #ffffff; } + menubar > menuitem:disabled { + color: #afafaf; + box-shadow: none; } + +menu { + padding: 4px 0px; + background-color: #ffffff; + border: 1px solid #c4c4c4; + border-radius: 4px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + .csd menu { + border: none; } + menu:backdrop { + background-color: #fcfcfc; } + menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 8px 4px; + text-shadow: none; } + menu menuitem:hover { + color: #ffffff; + background-color: #449ac2; } + menu menuitem:disabled { + color: #afafaf; } + menu menuitem:disabled:backdrop { + color: #d1d1d1; } + menu menuitem:backdrop, menu menuitem:backdrop:hover { + color: #afafaf; + background-color: transparent; } + menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menu > arrow { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #ffffff; + border-radius: 0; } + menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid #f0f0f0; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom { + margin-bottom: -6px; + border-top: 1px solid #f0f0f0; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover { + background-color: #f0f0f0; } + menu > arrow:backdrop { + background-color: #fcfcfc; } + menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +menuitem accelerator { + color: alpha(currentColor,0.55); } +menuitem check, +menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), + menuitem radio:dir(ltr) { + margin-right: 7px; } + menuitem check:dir(rtl), + menuitem radio:dir(rtl) { + margin-left: 7px; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #e5e5e5; } + .content-view:hover { + -gtk-icon-effect: highlight; } + .content-view:backdrop { + background-color: #e5e5e5; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } +.scale-popup button:hover { + background-color: rgba(102, 102, 102, 0.1); + border-radius: 5px; } + +separator { + color: #c4c4c4; } + +/************ +* Assistant * +*************/ +assistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid #c4c4c4; + border-bottom-left-radius: 4px; } + assistant .sidebar:backdrop { + background-color: #fcfcfc; + border-color: #c9c9c9; } + assistant.csd .sidebar { + border-top-style: none; } + assistant .sidebar GtkLabel, + assistant .sidebar label { + padding: 6px 12px; } + assistant .sidebar GtkLabel.highlight, + assistant .sidebar label.highlight { + background-color: #dadada; } + +/************* + * Notebooks * + *************/ +notebook > header { + border: none; } + notebook > header.top { + border-bottom-style: solid; } + notebook > header.top > tabs > tab:hover { + box-shadow: inset 0 -2px #c4c4c4; } + notebook > header.top > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -2px #449ac2; } + notebook > header.bottom { + border-top-style: solid; } + notebook > header.bottom > tabs > tab:hover { + box-shadow: inset 0 2px #c4c4c4; } + notebook > header.bottom > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.bottom > tabs > tab:checked { + box-shadow: inset 0 2px #449ac2; } + notebook > header.left { + border-right-style: solid; } + notebook > header.left > tabs > tab:hover { + box-shadow: inset -2px 0 #c4c4c4; } + notebook > header.left > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.left > tabs > tab:checked { + box-shadow: inset -2px 0 #449ac2; } + notebook > header.right { + border-left-style: solid; } + notebook > header.right > tabs > tab:hover { + box-shadow: inset 2px 0 #c4c4c4; } + notebook > header.right > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.right > tabs > tab:checked { + box-shadow: inset 2px 0 #449ac2; } + notebook > header.top > tabs > arrow { + border-top-style: none; } + notebook > header.bottom > tabs > arrow { + border-bottom-style: none; } + notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.left > tabs > arrow { + border-left-style: none; } + notebook > header.right > tabs > arrow { + border-right-style: none; } + notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; } + notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; } + notebook > header > tabs > arrow:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header tab { + min-height: 30px; + min-width: 30px; + padding: 3px 12px; + outline-offset: -5px; + color: #afafaf; + font-weight: bold; + border-width: 1px; + border-color: transparent; } + notebook > header tab:hover { + color: #8b8b8b; } + notebook > header tab:hover.reorderable-page { + border-color: rgba(196, 196, 196, 0.3); + background-color: rgba(247, 247, 247, 0.2); } + notebook > header tab:backdrop { + color: #cccccc; } + notebook > header tab:backdrop.reorderable-page { + border-color: transparent; + background-color: transparent; } + notebook > header tab:checked { + color: #666666; } + notebook > header tab:checked.reorderable-page { + border-color: rgba(196, 196, 196, 0.5); + background-color: rgba(247, 247, 247, 0.5); } + notebook > header tab:checked.reorderable-page:hover { + background-color: rgba(247, 247, 247, 0.7); } + notebook > header tab:backdrop:checked { + color: #afafaf; } + notebook > header tab:backdrop:checked.reorderable-page { + border-color: #c9c9c9; + background-color: #f7f7f7; } + notebook > header tab button.flat { + padding: 0; + margin-top: 4px; + margin-bottom: 4px; + min-width: 20px; + min-height: 20px; } + notebook > header tab button.flat:hover { + color: currentColor; } + notebook > header tab button.flat, notebook > header tab button.flat:backdrop { + color: alpha(currentColor,0.3); } + notebook > header tab button.flat:last-child { + margin-left: 4px; + margin-right: -4px; } + notebook > header tab button.flat:first-child { + margin-left: -4px; + margin-right: 4px; } + notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 4px; + padding-right: 4px; } + notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { + margin-left: 3px; + margin-right: 3px; } + notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: -1px; } + notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: -1px; } + notebook > header.top tabs tab, notebook > header.bottom tabs tab { + margin-left: 4px; + margin-right: 4px; } + notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: none solid; } + notebook > header.left tabs, notebook > header.right tabs { + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { + margin-top: 3px; + margin-bottom: 3px; } + notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: -1px; } + notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: -1px; } + notebook > header.left tabs tab, notebook > header.right tabs tab { + margin-top: 4px; + margin-bottom: 4px; } + notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid none; } + notebook > header.top tab { + padding-bottom: 4px; } + notebook > header.bottom tab { + padding-top: 4px; } +notebook > stack:not(:only-child) { + background-color: #ffffff; } + notebook > stack:not(:only-child):backdrop { + background-color: #fcfcfc; } + +notebook, +.dynamic-notebook, +.notebook { + padding: 0; + background-color: #ffffff; + box-shadow: 0 0 0 1px #c4c4c4; + background-clip: border-box; } + notebook > header, + notebook > .header, + .dynamic-notebook > header, + .dynamic-notebook > .header, + .notebook > header, + .notebook > .header { + border: none; + box-shadow: none; + background-color: #f7f7f7; } + notebook > tab, + .dynamic-notebook > tab, + .notebook > tab { + border-radius: 0; + background-color: #f7f7f7; } + notebook > tab.top, + .dynamic-notebook > tab.top, + .notebook > tab.top { + padding: 6px 8px 8px 8px; + box-shadow: inset 0 -1px 0 0 #c4c4c4; } + notebook > tab.top:active, + .dynamic-notebook > tab.top:active, + .notebook > tab.top:active { + box-shadow: inset 0 -3px 0 0 #c4c4c4; } + notebook > tab.top:active:backdrop, + .dynamic-notebook > tab.top:active:backdrop, + .notebook > tab.top:active:backdrop { + box-shadow: inset 0 -3px 0 0 #c9c9c9; } + notebook > tab.top:backdrop, + .dynamic-notebook > tab.top:backdrop, + .notebook > tab.top:backdrop { + box-shadow: inset 0 -1px 0 0 #c9c9c9; } + notebook > tab.top:disabled, + .dynamic-notebook > tab.top:disabled, + .notebook > tab.top:disabled { + box-shadow: inset 0 -1px 0 0 #c4c4c4; } + notebook > tab.bottom, + .dynamic-notebook > tab.bottom, + .notebook > tab.bottom { + padding: 8px 8px 6px 8px; + box-shadow: inset 0 1px 0 0 #c4c4c4; } + notebook > tab.bottom:active, + .dynamic-notebook > tab.bottom:active, + .notebook > tab.bottom:active { + box-shadow: inset 0 3px 0 0 #c4c4c4; } + notebook > tab.bottom:active:backdrop, + .dynamic-notebook > tab.bottom:active:backdrop, + .notebook > tab.bottom:active:backdrop { + box-shadow: inset 0 3px 0 0 #c9c9c9; } + notebook > tab.bottom:backdrop, + .dynamic-notebook > tab.bottom:backdrop, + .notebook > tab.bottom:backdrop { + box-shadow: inset 0 1px 0 0 #c9c9c9; } + notebook > tab.bottom:disabled, + .dynamic-notebook > tab.bottom:disabled, + .notebook > tab.bottom:disabled { + box-shadow: inset 0 1px 0 0 #c4c4c4; } + notebook > tab.left, + .dynamic-notebook > tab.left, + .notebook > tab.left { + padding: 8px; + box-shadow: inset -1px 0 0 0 #c4c4c4; } + notebook > tab.left:active, + .dynamic-notebook > tab.left:active, + .notebook > tab.left:active { + box-shadow: inset -3px 0 0 0 #c4c4c4; } + notebook > tab.left:active:backdrop, + .dynamic-notebook > tab.left:active:backdrop, + .notebook > tab.left:active:backdrop { + box-shadow: inset -3px 0 0 0 #c9c9c9; } + notebook > tab.left:backdrop, + .dynamic-notebook > tab.left:backdrop, + .notebook > tab.left:backdrop { + box-shadow: inset -1px 0 0 0 #c9c9c9; } + notebook > tab.left:disabled, + .dynamic-notebook > tab.left:disabled, + .notebook > tab.left:disabled { + box-shadow: inset -1px 0 0 0 #c4c4c4; } + notebook > tab.right, + .dynamic-notebook > tab.right, + .notebook > tab.right { + padding: 8px; + box-shadow: inset 1px 0 0 0 #c4c4c4; } + notebook > tab.right:active, + .dynamic-notebook > tab.right:active, + .notebook > tab.right:active { + box-shadow: inset 3px 0 0 0 #c4c4c4; } + notebook > tab.right:active:backdrop, + .dynamic-notebook > tab.right:active:backdrop, + .notebook > tab.right:active:backdrop { + box-shadow: inset 3px 0 0 0 #c9c9c9; } + notebook > tab.right:backdrop, + .dynamic-notebook > tab.right:backdrop, + .notebook > tab.right:backdrop { + box-shadow: inset 1px 0 0 0 #c9c9c9; } + notebook > tab.right:disabled, + .dynamic-notebook > tab.right:disabled, + .notebook > tab.right:disabled { + box-shadow: inset 1px 0 0 0 #c4c4c4; } + notebook > tab:active, + .dynamic-notebook > tab:active, + .notebook > tab:active { + font-weight: bold; } + notebook > tab:hover, + .dynamic-notebook > tab:hover, + .notebook > tab:hover { + background: #eaeaea; } + +/********* + * Paned * + *********/ +.paned, +paned { + border: solid #c4c4c4; + border-left-width: 1px; } + .paned > separator, + paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#c4c4c4); + background-size: 1px 1px; } + .paned > separator:selected, + paned > separator:selected { + background-image: image(#449ac2); } + .paned > separator:backdrop, + paned > separator:backdrop { + background-image: image(#c9c9c9); } + .paned > separator.wide, + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f7f7f7; + background-image: image(#c4c4c4), image(#c4c4c4); + background-size: 1px 1px, 1px 1px; } + .paned > separator.wide:backdrop, + paned > separator.wide:backdrop { + background-color: #f7f7f7; + background-image: image(#c9c9c9), image(#c9c9c9); } + .paned.horizontal > separator, + paned.horizontal > separator { + background-repeat: repeat-y; } + .paned.horizontal > separator:dir(ltr), + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + .paned.horizontal > separator:dir(rtl), + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + .paned.horizontal > separator.wide, + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + .paned.vertical > separator, + paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + .paned.vertical > separator.wide, + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +/************ + * Pathbars * + ************/ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 4px; + padding-right: 4px; } +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 8px; } +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 8px; } +.path-bar button image { + padding-left: 4px; + padding-right: 4px; } +.path-bar button.slider-button { + padding-left: 0; + padding-right: 0; } + +/************ + * Popovers * + ************/ +popover.background { + padding: 2px; + border-radius: 4px; + border: none; + background-color: #f7f7f7; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + .csd popover.background, popover.background { + border: 1px solid #c4c4c4; } + popover.background:backdrop { + background-color: #f7f7f7; + box-shadow: none; } + popover.background > list, + popover.background > .view, + popover.background > GtkIconView, + popover.background > iconview, + popover.background > toolbar, + popover.background > .toolbar { + border-style: none; + background-color: transparent; } + .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { + border: 1px solid rgba(255, 255, 255, 0.1); } + popover.background .separator, popover.background separator { + margin: 3px; } + popover.background list separator { + margin: 0px; } + +/**************** + * Print dialog * +*****************/ +printdialog paper { + color: #666666; + border: 1px solid #c4c4c4; + background: white; + padding: 0; } + printdialog paper:backdrop { + color: #afafaf; + border-color: #c9c9c9; } +printdialog .dialog-action-box { + margin: 12px; } + +/***************** + * Progress bars * + *****************/ +GtkProgressBar, +.progressbar, +progressbar { + font-size: smaller; + color: rgba(102, 102, 102, 0.4); } + GtkProgressBar.horizontal trough, + GtkProgressBar.horizontal .trough, + GtkProgressBar.horizontal progress, + .progressbar.horizontal trough, + .progressbar.horizontal .trough, + .progressbar.horizontal progress, + progressbar.horizontal trough, + progressbar.horizontal .trough, + progressbar.horizontal progress { + min-height: 4px; } + GtkProgressBar.vertical trough, + GtkProgressBar.vertical .trough, + GtkProgressBar.vertical progress, + .progressbar.vertical trough, + .progressbar.vertical .trough, + .progressbar.vertical progress, + progressbar.vertical trough, + progressbar.vertical .trough, + progressbar.vertical progress { + min-width: 4px; } + GtkProgressBar.horizontal progress, + .progressbar.horizontal progress, + progressbar.horizontal progress { + margin: 0 -1px; } + GtkProgressBar.vertical progress, + .progressbar.vertical progress, + progressbar.vertical progress { + margin: -1px 0; } + GtkProgressBar:active, + .progressbar:active, + progressbar:active { + border-radius: 0px; + color: rgba(0, 0, 0, 0.5); + background-color: #449ac2; + border-color: #347d9f; } + GtkProgressBar:active:backdrop, + .progressbar:active:backdrop, + progressbar:active:backdrop { + background-color: #6bafce; + border-color: #449ac2; } + GtkProgressBar:backdrop, + .progressbar:backdrop, + progressbar:backdrop { + transition: 200ms ease-out; } + GtkProgressBar .progressbar, + GtkProgressBar progress, + .progressbar .progressbar, + .progressbar progress, + progressbar .progressbar, + progressbar progress { + border-radius: 0px; } + GtkProgressBar .progressbar.left, + GtkProgressBar progress.left, + .progressbar .progressbar.left, + .progressbar progress.left, + progressbar .progressbar.left, + progressbar progress.left { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } + GtkProgressBar .progressbar.right, + GtkProgressBar progress.right, + .progressbar .progressbar.right, + .progressbar progress.right, + progressbar .progressbar.right, + progressbar progress.right { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; } + GtkProgressBar .progressbar.top, + GtkProgressBar progress.top, + .progressbar .progressbar.top, + .progressbar progress.top, + progressbar .progressbar.top, + progressbar progress.top { + border-top-right-radius: 0px; + border-top-left-radius: 0px; } + GtkProgressBar .progressbar.bottom, + GtkProgressBar progress.bottom, + .progressbar .progressbar.bottom, + .progressbar progress.bottom, + progressbar .progressbar.bottom, + progressbar progress.bottom { + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; } + GtkProgressBar.osd, + .progressbar.osd, + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + GtkProgressBar.osd .trough, + GtkProgressBar.osd trough, + .progressbar.osd .trough, + .progressbar.osd trough, + progressbar.osd .trough, + progressbar.osd trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + GtkProgressBar.osd .progressbar, + GtkProgressBar.osd progress, + .progressbar.osd .progressbar, + .progressbar.osd progress, + progressbar.osd .progressbar, + progressbar.osd progress { + border-style: none; + border-radius: 0; } + GtkProgressBar row:selected, + GtkProgressBar .list-row:selected, + .progressbar row:selected, + .progressbar .list-row:selected, + progressbar row:selected, + progressbar .list-row:selected { + border: 1px solid #347d9f; + color: rgba(0, 0, 0, 0.5); + background-color: #449ac2; } + +/************ + * GtkScale * + ************/ +levelbar trough, levelbar.horizontal trough, +levelbar.horizontal .trough, levelbar.vertical trough, +levelbar.vertical .trough, GtkProgressBar, +.progressbar, +progressbar, scale trough, scale.fine-tune trough, scale fill { + border: none; + background-color: #ffffff; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(255, 255, 255, 0.8); + padding: 0; + margin: 0; } + levelbar trough:disabled, + levelbar.horizontal .trough:disabled, + levelbar.vertical .trough:disabled, GtkProgressBar:disabled, + .progressbar:disabled, + progressbar:disabled, scale trough:disabled, scale fill:disabled { + background-color: #fafafa; } + levelbar trough:backdrop, + levelbar.horizontal .trough:backdrop, + levelbar.vertical .trough:backdrop, GtkProgressBar:backdrop, + .progressbar:backdrop, + progressbar:backdrop, scale trough:backdrop, scale fill:backdrop { + background-color: #fcfcfc; + transition: 200ms ease-out; } + levelbar trough:backdrop:disabled, + levelbar.horizontal .trough:backdrop:disabled, + levelbar.vertical .trough:backdrop:disabled, GtkProgressBar:backdrop:disabled, + .progressbar:backdrop:disabled, + progressbar:backdrop:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { + background-color: #fafafa; } + row:selected levelbar trough, levelbar row:selected trough, + row:selected levelbar.horizontal .trough, + levelbar.horizontal row:selected .trough, + row:selected levelbar.vertical .trough, + levelbar.vertical row:selected .trough, row:selected GtkProgressBar, + row:selected .progressbar, + row:selected progressbar, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill { + box-shadow: none; } + row:selected levelbar trough, levelbar row:selected trough, + row:selected levelbar.horizontal .trough, + levelbar.horizontal row:selected .trough, + row:selected levelbar.vertical .trough, + levelbar.vertical row:selected .trough, row:selected GtkProgressBar, + row:selected .progressbar, + row:selected progressbar, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected levelbar trough:disabled, levelbar row:selected trough:disabled, + row:selected levelbar.horizontal .trough:disabled, + levelbar.horizontal row:selected .trough:disabled, + row:selected levelbar.vertical .trough:disabled, + levelbar.vertical row:selected .trough:disabled, row:selected GtkProgressBar:disabled, + row:selected .progressbar:disabled, + row:selected progressbar:disabled, row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled { + border-color: #347d9f; } + .osd levelbar trough, levelbar .osd trough, + .osd levelbar.horizontal .trough, + levelbar.horizontal .osd .trough, + .osd levelbar.vertical .trough, + levelbar.vertical .osd .trough, .osd GtkProgressBar, + .osd .progressbar, + .osd progressbar, .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill { + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + box-shadow: none; + outline-color: rgba(161, 168, 171, 0.2); } + .osd levelbar trough:disabled, levelbar .osd trough:disabled, + .osd levelbar.horizontal .trough:disabled, + levelbar.horizontal .osd .trough:disabled, + .osd levelbar.vertical .trough:disabled, + levelbar.vertical .osd .trough:disabled, .osd GtkProgressBar:disabled, + .osd .progressbar:disabled, + .osd progressbar:disabled, .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled { + background-color: rgba(45, 50, 51, 0.5); } + +GtkProgressBar .progressbar, +GtkProgressBar progress, +.progressbar .progressbar, +.progressbar progress, +progressbar .progressbar, +progressbar progress, scale fill, +scale highlight, scale.fine-tune fill, +scale.fine-tune highlight { + border: 1px solid #347d9f; + background-color: #449ac2; + box-shadow: 0px 1px rgba(255, 255, 255, 0.8); + border-radius: 4px; + min-height: 8px; } + GtkProgressBar .progressbar:disabled, + GtkProgressBar progress:disabled, + .progressbar .progressbar:disabled, + .progressbar progress:disabled, + progressbar .progressbar:disabled, + progressbar progress:disabled, scale fill:disabled, + scale highlight:disabled { + border: 1px solid #9e9e9e; + background-color: #c4c4c4; } + GtkProgressBar .progressbar:backdrop, + GtkProgressBar progress:backdrop, + .progressbar .progressbar:backdrop, + .progressbar progress:backdrop, + progressbar .progressbar:backdrop, + progressbar progress:backdrop, GtkProgressBar:backdrop .progressbar, + .progressbar:backdrop .progressbar, + progressbar:backdrop .progressbar, GtkProgressBar:backdrop progress, + .progressbar:backdrop progress, + progressbar:backdrop progress, scale fill:backdrop, + scale highlight:backdrop, GtkProgressBar .progressbar:active:backdrop, + GtkProgressBar progress:active:backdrop, + .progressbar .progressbar:active:backdrop, + .progressbar progress:active:backdrop, + progressbar .progressbar:active:backdrop, + progressbar progress:active:backdrop, GtkProgressBar:backdrop .progressbar:active, + .progressbar:backdrop .progressbar:active, + progressbar:backdrop .progressbar:active, GtkProgressBar:backdrop progress:active, + .progressbar:backdrop progress:active, + progressbar:backdrop progress:active, scale fill:active:backdrop, + scale highlight:active:backdrop { + border-color: #449ac2; + background-color: #6bafce; } + GtkProgressBar .progressbar:backdrop:disabled, + GtkProgressBar progress:backdrop:disabled, + .progressbar .progressbar:backdrop:disabled, + .progressbar progress:backdrop:disabled, + progressbar .progressbar:backdrop:disabled, + progressbar progress:backdrop:disabled, GtkProgressBar:backdrop .progressbar:disabled, + .progressbar:backdrop .progressbar:disabled, + progressbar:backdrop .progressbar:disabled, GtkProgressBar:backdrop progress:disabled, + .progressbar:backdrop progress:disabled, + progressbar:backdrop progress:disabled, scale fill:backdrop:disabled, + scale highlight:backdrop:disabled, GtkProgressBar .progressbar:active:backdrop:disabled, + GtkProgressBar progress:active:backdrop:disabled, + .progressbar .progressbar:active:backdrop:disabled, + .progressbar progress:active:backdrop:disabled, + progressbar .progressbar:active:backdrop:disabled, + progressbar progress:active:backdrop:disabled, GtkProgressBar:backdrop .progressbar:active:disabled, + .progressbar:backdrop .progressbar:active:disabled, + progressbar:backdrop .progressbar:active:disabled, GtkProgressBar:backdrop progress:active:disabled, + .progressbar:backdrop progress:active:disabled, + progressbar:backdrop progress:active:disabled, scale fill:active:backdrop:disabled, + scale highlight:active:backdrop:disabled { + background-color: transparent; + border-color: transparent; } + .list-row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar .list-row:selected .progressbar:disabled, + .list-row:selected GtkProgressBar progress:disabled, + GtkProgressBar .list-row:selected progress:disabled, + .list-row:selected .progressbar .progressbar:disabled, + .progressbar .list-row:selected .progressbar:disabled, + .list-row:selected .progressbar progress:disabled, + .progressbar .list-row:selected progress:disabled, + .list-row:selected progressbar .progressbar:disabled, + progressbar .list-row:selected .progressbar:disabled, + .list-row:selected progressbar progress:disabled, + progressbar .list-row:selected progress:disabled, .list-row:selected scale fill:disabled, scale .list-row:selected fill:disabled, + .list-row:selected scale highlight:disabled, + scale .list-row:selected highlight:disabled, .list-row:selected GtkProgressBar .progressbar, GtkProgressBar .list-row:selected .progressbar, + .list-row:selected GtkProgressBar progress, + GtkProgressBar .list-row:selected progress, + .list-row:selected .progressbar .progressbar, + .progressbar .list-row:selected .progressbar, + .list-row:selected .progressbar progress, + .progressbar .list-row:selected progress, + .list-row:selected progressbar .progressbar, + progressbar .list-row:selected .progressbar, + .list-row:selected progressbar progress, + progressbar .list-row:selected progress, .list-row:selected scale fill, scale .list-row:selected fill, + .list-row:selected scale highlight, + scale .list-row:selected highlight { + border-color: #347d9f; } + row:selected GtkProgressBar .progressbar:disabled, GtkProgressBar row:selected .progressbar:disabled, + row:selected GtkProgressBar progress:disabled, + GtkProgressBar row:selected progress:disabled, + row:selected .progressbar .progressbar:disabled, + .progressbar row:selected .progressbar:disabled, + row:selected .progressbar progress:disabled, + .progressbar row:selected progress:disabled, + row:selected progressbar .progressbar:disabled, + progressbar row:selected .progressbar:disabled, + row:selected progressbar progress:disabled, + progressbar row:selected progress:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, + row:selected scale highlight:disabled, + scale row:selected highlight:disabled, row:selected GtkProgressBar .progressbar, GtkProgressBar row:selected .progressbar, + row:selected GtkProgressBar progress, + GtkProgressBar row:selected progress, + row:selected .progressbar .progressbar, + .progressbar row:selected .progressbar, + row:selected .progressbar progress, + .progressbar row:selected progress, + row:selected progressbar .progressbar, + progressbar row:selected .progressbar, + row:selected progressbar progress, + progressbar row:selected progress, row:selected scale fill, scale row:selected fill, + row:selected scale highlight, + scale row:selected highlight { + border-color: #347d9f; } + .osd GtkProgressBar .progressbar, GtkProgressBar .osd .progressbar, + .osd GtkProgressBar progress, + GtkProgressBar .osd progress, + .osd .progressbar .progressbar, + .progressbar .osd .progressbar, + .osd .progressbar progress, + .progressbar .osd progress, + .osd progressbar .progressbar, + progressbar .osd .progressbar, + .osd progressbar progress, + progressbar .osd progress, .osd scale fill, scale .osd fill, + .osd scale highlight, + scale .osd highlight { + border-color: rgba(0, 0, 0, 0.7); } + .osd GtkProgressBar .progressbar:disabled, GtkProgressBar .osd .progressbar:disabled, + .osd GtkProgressBar progress:disabled, + GtkProgressBar .osd progress:disabled, + .osd .progressbar .progressbar:disabled, + .progressbar .osd .progressbar:disabled, + .osd .progressbar progress:disabled, + .progressbar .osd progress:disabled, + .osd progressbar .progressbar:disabled, + progressbar .osd .progressbar:disabled, + .osd progressbar progress:disabled, + progressbar .osd progress:disabled, .osd scale fill:disabled, scale .osd fill:disabled, + .osd scale highlight:disabled, + scale .osd highlight:disabled { + border-color: transparent; } + +scale { + min-height: 10px; + min-width: 10px; + padding: 8px; } + scale fill, + scale highlight { + margin: -1px; } + scale slider { + min-height: 16px; + min-width: 16px; + margin: 2px; + background-color: #ffffff; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); + border: 1px solid rgba(0, 0, 0, 0.3); + border-radius: 12px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } + scale slider:active { + box-shadow: 0 1px 1px 0 rgba(68, 154, 194, 0.5); + border: 1px solid #449ac2; } + scale slider:active:disabled { + box-shadow: none; + border: 1px solid rgba(0, 0, 0, 0.2); } + scale slider:disabled { + box-shadow: none; } + .list-row:selected scale slider, .list-row:selected scale slider:disabled { + border-color: #347d9f; } + row:selected scale slider, row:selected scale slider:disabled { + border-color: #347d9f; } + .osd scale slider { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); + border-color: rgba(0, 0, 0, 0.7); + background-color: #202526; } + .osd scale slider:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd scale slider:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd scale slider:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd scale slider:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + scale trough { + border-radius: 2px; + margin: 6px; + outline-offset: 2px; + -gtk-outline-radius: 5px; } + scale.fine-tune.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; } + scale.fine-tune.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; } + scale.fine-tune slider { + min-height: 16px; + min-width: 16px; + background-color: #ffffff; + border-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.3); + border-radius: 12px; + box-shadow: none; } + scale.fine-tune trough { + border-radius: 6px; + outline-offset: 2px; + -gtk-outline-radius: 5px; + margin: 2px; } + scale fill { + border-radius: 2px; } + scale fill, scale fill:backdrop { + background-color: #c4c4c4; + box-shadow: none; } + scale fill:disabled, scale fill:disabled:backdrop { + border-color: transparent; + background-color: transparent; } + .osd scale fill { + background-color: rgba(62, 64, 65, 0.775); } + .osd scale fill:disabled, .osd scale fill:disabled:backdrop { + border-color: transparent; + background-color: transparent; } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: 6px; + margin-top: -12px; } + scale marks.bottom { + margin-top: 6px; + margin-bottom: -12px; } + scale marks.top { + margin-right: 6px; + margin-left: -12px; } + scale marks.bottom { + margin-left: 6px; + margin-right: -12px; } + scale.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -9px; } + scale.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -9px; } + scale.fine-tune marks.top { + margin-right: 6px; + margin-left: -9px; } + scale.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -9px; } + scale.horizontal indicator { + min-height: 6px; + min-width: 1px; } + scale.horizontal.fine-tune indicator { + min-height: 3px; } + scale.vertical indicator { + min-height: 1px; + min-width: 6px; } + scale.vertical.fine-tune indicator { + min-width: 3px; } + scale.color.horizontal .slider:hover, scale.color.horizontal .slider:backdrop, scale.color.horizontal .slider:disabled, scale.color.horizontal .slider:backdrop:disabled, scale.color.horizontal .slider, + scale.color.horizontal slider:hover, + scale.color.horizontal slider:backdrop, + scale.color.horizontal slider:disabled, + scale.color.horizontal slider:backdrop:disabled, + scale.color.horizontal slider, + scale.horizontal contents:last-child:not(:only-child) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.color.horizontal .slider:hover, scale.color.horizontal .slider:hover:backdrop:disabled, + scale.color.horizontal slider:hover, + scale.color.horizontal slider:hover:backdrop:disabled, + scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.color.horizontal .slider:active:backdrop:disabled, scale.color.horizontal .slider:active, + scale.color.horizontal slider:active:backdrop:disabled, + scale.color.horizontal slider:active, + scale.horizontal contents:last-child:not(:only-child) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.color.horizontal .slider:disabled, + scale.color.horizontal slider:disabled, + scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.color.horizontal .slider:backdrop, + scale.color.horizontal slider:backdrop, + scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), url("assets/slider-horz-scale-has-marks-above-backdrop@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.color.horizontal .slider:backdrop:disabled, + scale.color.horizontal slider:backdrop:disabled, + scale.horizontal contents:last-child:not(:only-child) > trough > slider:backdrop:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png")); + min-height: 26px; + min-width: 22px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-top: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), url("assets/slider-horz-scale-has-marks-below-backdrop@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.horizontal contents:first-child:not(:only-child) > trough > slider:backdrop:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png")); + min-height: 26px; + min-width: 22px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-bottom: -11px; } + scale.color.vertical:dir(rtl) .slider:hover, scale.color.vertical:dir(rtl) .slider:backdrop, scale.color.vertical:dir(rtl) .slider:disabled, scale.color.vertical:dir(rtl) .slider:backdrop:disabled, scale.color.vertical:dir(rtl) .slider, + scale.color.vertical:dir(rtl) slider:hover, + scale.color.vertical:dir(rtl) slider:backdrop, + scale.color.vertical:dir(rtl) slider:disabled, + scale.color.vertical:dir(rtl) slider:backdrop:disabled, + scale.color.vertical:dir(rtl) slider, + scale.vertical contents:last-child:not(:only-child) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(rtl) .slider:hover, scale.color.vertical:dir(rtl) .slider:hover:backdrop:disabled, + scale.color.vertical:dir(rtl) slider:hover, + scale.color.vertical:dir(rtl) slider:hover:backdrop:disabled, + scale.vertical contents:last-child:not(:only-child) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(rtl) .slider:active:backdrop:disabled, scale.color.vertical:dir(rtl) .slider:active, + scale.color.vertical:dir(rtl) slider:active:backdrop:disabled, + scale.color.vertical:dir(rtl) slider:active, + scale.vertical contents:last-child:not(:only-child) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(rtl) .slider:disabled, + scale.color.vertical:dir(rtl) slider:disabled, + scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(rtl) .slider:backdrop, + scale.color.vertical:dir(rtl) slider:backdrop, + scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), url("assets/slider-vert-scale-has-marks-above-backdrop@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(rtl) .slider:backdrop:disabled, + scale.color.vertical:dir(rtl) slider:backdrop:disabled, + scale.vertical contents:last-child:not(:only-child) > trough > slider:backdrop:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png")); + min-height: 22px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + margin: -7px; + margin-left: -11px; } + scale.color.vertical:dir(ltr) .slider:hover, scale.color.vertical:dir(ltr) .slider:backdrop, scale.color.vertical:dir(ltr) .slider:disabled, scale.color.vertical:dir(ltr) .slider:backdrop:disabled, scale.color.vertical:dir(ltr) .slider, + scale.color.vertical:dir(ltr) slider:hover, + scale.color.vertical:dir(ltr) slider:backdrop, + scale.color.vertical:dir(ltr) slider:disabled, + scale.color.vertical:dir(ltr) slider:backdrop:disabled, + scale.color.vertical:dir(ltr) slider, + scale.vertical contents:first-child:not(:only-child) > trough > slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color.vertical:dir(ltr) .slider:hover, scale.color.vertical:dir(ltr) .slider:hover:backdrop:disabled, + scale.color.vertical:dir(ltr) slider:hover, + scale.color.vertical:dir(ltr) slider:hover:backdrop:disabled, + scale.vertical contents:first-child:not(:only-child) > trough > slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color.vertical:dir(ltr) .slider:active:backdrop:disabled, scale.color.vertical:dir(ltr) .slider:active, + scale.color.vertical:dir(ltr) slider:active:backdrop:disabled, + scale.color.vertical:dir(ltr) slider:active, + scale.vertical contents:first-child:not(:only-child) > trough > slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color.vertical:dir(ltr) .slider:disabled, + scale.color.vertical:dir(ltr) slider:disabled, + scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color.vertical:dir(ltr) .slider:backdrop, + scale.color.vertical:dir(ltr) slider:backdrop, + scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), url("assets/slider-vert-scale-has-marks-below-backdrop@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color.vertical:dir(ltr) .slider:backdrop:disabled, + scale.color.vertical:dir(ltr) slider:backdrop:disabled, + scale.vertical contents:first-child:not(:only-child) > trough > slider:backdrop:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png")); + min-height: 22px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + margin: -7px; + margin-right: -11px; } + scale.color { + min-height: 0; + min-width: 0; } + scale.color .trough, + scale.color trough { + background-image: linear-gradient(to top, #c4c4c4); + background-repeat: no-repeat; } + scale.color.horizontal { + padding: 0 0 15px 0; } + scale.color.horizontal .trough, + scale.color.horizontal trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + scale.color.horizontal .slider:hover, scale.color.horizontal .slider:backdrop, scale.color.horizontal .slider:disabled, scale.color.horizontal .slider:backdrop:disabled, scale.color.horizontal .slider, + scale.color.horizontal slider:hover, + scale.color.horizontal slider:backdrop, + scale.color.horizontal slider:disabled, + scale.color.horizontal slider:backdrop:disabled, + scale.color.horizontal slider { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.vertical:dir(ltr) { + padding: 0 0 0 15px; } + scale.color.vertical:dir(ltr) .trough, + scale.color.vertical:dir(ltr) trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + scale.color.vertical:dir(ltr) .slider:hover, scale.color.vertical:dir(ltr) .slider:backdrop, scale.color.vertical:dir(ltr) .slider:disabled, scale.color.vertical:dir(ltr) .slider:backdrop:disabled, scale.color.vertical:dir(ltr) .slider, + scale.color.vertical:dir(ltr) slider:hover, + scale.color.vertical:dir(ltr) slider:backdrop, + scale.color.vertical:dir(ltr) slider:disabled, + scale.color.vertical:dir(ltr) slider:backdrop:disabled, + scale.color.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.vertical:dir(rtl) { + padding: 0 15px 0 0; } + scale.color.vertical:dir(rtl) .trough, + scale.color.vertical:dir(rtl) trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + scale.color.vertical:dir(rtl) .slider:hover, scale.color.vertical:dir(rtl) .slider:backdrop, scale.color.vertical:dir(rtl) .slider:disabled, scale.color.vertical:dir(rtl) .slider:backdrop:disabled, scale.color.vertical:dir(rtl) .slider, + scale.color.vertical:dir(rtl) slider:hover, + scale.color.vertical:dir(rtl) slider:backdrop, + scale.color.vertical:dir(rtl) slider:disabled, + scale.color.vertical:dir(rtl) slider:backdrop:disabled, + scale.color.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + scale.color.fine-tune.horizontal { + padding: 0 0 12px 0; } + scale.color.fine-tune.horizontal .trough, + scale.color.fine-tune.horizontal trough { + padding-bottom: 7px; + background-position: 0 -6px; } + scale.color.fine-tune.horizontal .slider, + scale.color.fine-tune.horizontal slider { + margin-bottom: -15px; + margin-top: 6px; } + scale.color.fine-tune.vertical:dir(ltr) { + padding: 0 0 0 12px; } + scale.color.fine-tune.vertical:dir(ltr) .trough, + scale.color.fine-tune.vertical:dir(ltr) trough { + padding-left: 7px; + background-position: 6px 0; } + scale.color.fine-tune.vertical:dir(ltr) .slider, + scale.color.fine-tune.vertical:dir(ltr) slider { + margin-left: -15px; + margin-right: 6px; } + scale.color.fine-tune.vertical:dir(rtl) { + padding: 0 12px 0 0; } + scale.color.fine-tune.vertical:dir(rtl) .trough, + scale.color.fine-tune.vertical:dir(rtl) trough { + padding-right: 7px; + background-position: -6px 0; } + scale.color.fine-tune.vertical:dir(rtl) .slider, + scale.color.fine-tune.vertical:dir(rtl) slider { + margin-right: -15px; + margin-left: 6px; } + +/************** + * Scrollbars * + **************/ +.scrollbar, +scrollbar { + background-color: #dadada; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + .scrollbar.top, + scrollbar.top { + border-bottom: 1px solid #c4c4c4; } + .scrollbar.bottom, + scrollbar.bottom { + border-top: 1px solid #c4c4c4; } + .scrollbar.left, + scrollbar.left { + border-right: 1px solid #c4c4c4; } + .scrollbar.right, + scrollbar.right { + border-left: 1px solid #c4c4c4; } + .scrollbar:backdrop, + scrollbar:backdrop { + background-color: #efefef; + border-color: #c9c9c9; + transition: 200ms ease-out; } + .scrollbar slider, + scrollbar slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a0a0a0; } + .scrollbar slider:hover, + scrollbar slider:hover { + background-color: #838383; } + .scrollbar slider:hover:active, + scrollbar slider:hover:active { + background-color: #347d9f; } + .scrollbar slider:backdrop, + scrollbar slider:backdrop { + background-color: #dadada; } + .scrollbar slider:disabled, + scrollbar slider:disabled { + background-color: transparent; } + .scrollbar.fine-tune .slider, + .scrollbar.fine-tune slider, + scrollbar.fine-tune .slider, + scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; } + .scrollbar.fine-tune.horizontal slider, + scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; } + .scrollbar.fine-tune.vertical slider, + scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering), + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: #666666; + border: 1px solid white; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 5px; + min-height: 5px; + background-color: #666666; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid white; + -gtk-icon-source: none; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 2px; + min-width: 40px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + margin: 1px 2px; + min-width: 5px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 2px 0; + min-height: 40px; } + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button, + .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button, + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + margin: 2px 1px; + min-height: 5px; } + .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering, + scrollbar.overlay-indicator.dragging, + scrollbar.overlay-indicator.hovering { + opacity: 0.8; } + .scrollbar.horizontal slider, + scrollbar.horizontal slider { + min-width: 40px; } + .scrollbar.vertical slider, + scrollbar.vertical slider { + min-height: 40px; } + .scrollbar .button, + .scrollbar button, + scrollbar .button, + scrollbar button { + padding: 0; + min-width: 12px; + min-height: 12px; + border-style: none; + border-radius: 0; + transition-property: min-height, min-width, color; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #a0a0a0; } + .scrollbar .button:hover, + .scrollbar button:hover, + scrollbar .button:hover, + scrollbar button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #838383; } + .scrollbar .button:active, .scrollbar .button:checked, + .scrollbar button:active, + .scrollbar button:checked, + scrollbar .button:active, + scrollbar .button:checked, + scrollbar button:active, + scrollbar button:checked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #347d9f; } + .scrollbar .button:disabled, + .scrollbar button:disabled, + scrollbar .button:disabled, + scrollbar button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(160, 160, 160, 0.2); } + .scrollbar .button:backdrop, + .scrollbar button:backdrop, + scrollbar .button:backdrop, + scrollbar button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #dadada; } + .scrollbar .button:backdrop:disabled, + .scrollbar button:backdrop:disabled, + scrollbar .button:backdrop:disabled, + scrollbar button:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(218, 218, 218, 0.2); } + .scrollbar.vertical .button.down, + .scrollbar.vertical button.down, + scrollbar.vertical .button.down, + scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .scrollbar.vertical .button.up, + .scrollbar.vertical button.up, + scrollbar.vertical .button.up, + scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + .scrollbar.horizontal .button.down, + .scrollbar.horizontal button.down, + scrollbar.horizontal .button.down, + scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + .scrollbar.horizontal .button.up, + .scrollbar.horizontal button.up, + scrollbar.horizontal .button.up, + scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +treeview ~ scrollbar.vertical { + border-top: 1px solid #c4c4c4; + margin-top: -1px; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: solid; + background-color: #f7f7f7; } + stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: 1px solid #c4c4c4; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list + .sidebar:dir(rtl), stacksidebar.sidebar.right list + .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid #c4c4c4; + border-right-style: none; } + .sidebar:backdrop { + background-color: #fafafa; + border-color: #c9c9c9; + transition: 200ms ease-out; } + .sidebar list { + background-color: transparent; } + .sidebar .frame { + border-width: 0; + border-right-width: 1px; } + .sidebar .list-row, + .sidebar row { + border: none; + padding: 5px 8px; } + .sidebar .list-row > GtkLabel, + .sidebar .list-row > label, + .sidebar row > GtkLabel, + .sidebar row > label { + padding-left: 6px; + padding-right: 6px; } + .sidebar .list-row.needs-attention > label, + .sidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + .sidebar .separator { + color: #c4c4c4; } + .sidebar > .inline-toolbar { + border-radius: 0; } + .paned .sidebar.left, .paned .sidebar.right, .paned .sidebar.left:dir(rtl), .paned .sidebar:dir(rtl), .paned .sidebar:dir(ltr), .paned .sidebar, paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } + +stacksidebar .list-row, +stacksidebar row { + padding: 5px 8px; } + stacksidebar .list-row > label, + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar .list-row.needs-attention > label, + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) entry { + min-width: 28px; + margin: 0; + padding: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } +spinbutton:not(.vertical) button { + min-height: 16px; + margin: 0; + padding: 6px; + color: #757575; + background-image: none; + border-style: none none none solid; + border-color: rgba(196, 196, 196, 0.3); + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:hover { + color: #666666; + background-color: rgba(102, 102, 102, 0.05); } + spinbutton:not(.vertical) button:disabled { + color: rgba(175, 175, 175, 0.3); } + spinbutton:not(.vertical) button:active { + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + spinbutton:not(.vertical) button:backdrop { + color: #b7b7b7; + background-color: transparent; + border-color: rgba(201, 201, 201, 0.3); + transition: 200ms ease-out; } + spinbutton:not(.vertical) button:backdrop:disabled { + color: rgba(209, 209, 209, 0.3); + background-image: none; + border-style: none none none solid; } + spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { + border-style: none solid none none; } +.osd spinbutton:not(.vertical) button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #A1A8AB; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.4); + border-radius: 0; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(161, 168, 171, 0.1); + box-shadow: none; } + .osd spinbutton:not(.vertical) button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.5); + box-shadow: none; } + .osd spinbutton:not(.vertical) button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #616769; + border-color: rgba(0, 0, 0, 0.5); + box-shadow: none; } + .osd spinbutton:not(.vertical) button:last-child { + border-radius: 0 3px 3px 0; } + .osd spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } +spinbutton.vertical:disabled { + color: #afafaf; } +spinbutton.vertical:backdrop:disabled { + color: #d1d1d1; } +spinbutton.vertical:drop(active) { + border-color: transparent; + box-shadow: none; } +spinbutton.vertical .entry, +spinbutton.vertical entry { + min-height: 24px; + min-width: 32px; + padding: 0; + border-radius: 0; } +spinbutton.vertical .button, +spinbutton.vertical button { + min-height: 32px; + min-width: 32px; + padding: 0; + border: none; + background: none; + box-shadow: none; + color: #666666; } + spinbutton.vertical .button:hover, + spinbutton.vertical button:hover { + background-color: #449ac2; + color: #ffffff; + -gtk-icon-shadow: none; } + spinbutton.vertical .button:active, + spinbutton.vertical button:active { + background-color: transparent; + color: #666666; } +spinbutton.vertical .button.up, +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; } +spinbutton.vertical .button.down, +spinbutton.vertical button.down { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; } +.osd spinbutton.vertical button:first-child { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd spinbutton.vertical button:first-child:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + .osd spinbutton.vertical button:first-child:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + .osd spinbutton.vertical button:first-child:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton.vertical button:first-child:backdrop { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +GtkTreeView spinbutton:not(.vertical), treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; } + GtkTreeView spinbutton:not(.vertical) .entry, + GtkTreeView spinbutton:not(.vertical) entry, treeview spinbutton:not(.vertical) .entry, + treeview spinbutton:not(.vertical) entry { + min-height: 0; + padding: 1px 2px; } + +/*********** + * Spinner * + ***********/ +menu spinner { + color: #449ac2; } + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } +.spinner, +spinner { + background-image: none; + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + .spinner:active, .spinner:checked, + spinner:active, + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + .spinner:active:disabled, .spinner:checked:disabled, + spinner:active:disabled, + spinner:checked:disabled { + opacity: 0.5; } + +/********** + * Switch * + **********/ +switch { + font: 1; + font-weight: bold; + outline-offset: -4px; + transition: all 200ms ease-in; + border: none; + border-radius: 14px; + color: transparent; + padding: 2px; + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(255, 255, 255, 0.8); } + switch:disabled { + background-color: #fafafa; } + switch:backdrop { + background-color: #f7f7f7; + transition: 200ms ease-out; } + switch:backdrop:disabled { + background-color: #fafafa; } + switch:active, switch:checked { + background-color: #449ac2; } + switch:active:backdrop, switch:checked:backdrop { + background-color: #57a4c8; } + switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.9); + border: none; } + switch slider { + padding: 2px; + min-width: 16px; + min-height: 16px; + border-radius: 50%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: #ffffff; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); } + switch slider:backdrop { + padding: 2px; + box-shadow: none; + background-color: #ffffff; } + row:selected switch { + box-shadow: none; + border-color: #347d9f; } + row:selected switch:backdrop { + border-color: #347d9f; } + row:selected switch.slider:dir(rtl) { + border-left-color: #c4c4c4; } + row:selected switch.slider:dir(ltr) { + border-right-color: #c4c4c4; } + row:selected switch.slider:checked, row:selected switch.slider { + border-color: #347d9f; } + switch trough:active, switch trough:checked { + background-color: #449ac2; } + switch trough:active:backdrop, switch trough:checked:backdrop { + background-color: #57a4c8; } + +/************ + * Toolbars * + ************/ +toolbar { + padding: 0px; + background-color: #636E73; + color: #ffffff; } + toolbar:backdrop { + background-color: #576165; + color: rgba(255, 255, 255, 0.5); } + +.osd toolbar { + box-shadow: none; + background-color: transparent; } +toolbar button { + border: none; + background: none; + text-shadow: none; + background-color: transparent; + color: #ffffff; + border-radius: 0px; + padding: 10px; } + toolbar button:focus, toolbar button:active { + color: #ffffff; + text-shadow: none; + box-shadow: inset 0 -2px 0 0 #ffffff; + background-color: rgba(255, 255, 255, 0.1); } + toolbar button:focus:backdrop, toolbar button:active:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + toolbar button:hover { + background-color: rgba(255, 255, 255, 0.1); + text-shadow: none; + color: #ffffff; + box-shadow: inset 0 -2px 0 0 #ffffff; } + toolbar button:disabled { + background: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + toolbar button:backdrop { + background: none; + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } +toolbar .separator { + color: transparent; + background-color: transparent; } +toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(32, 37, 38, 0.8); } + toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; } +toolbar.horizontal separator { + margin: 0 7px 1px 6px; } +toolbar.vertical separator { + margin: 6px 1px 7px 0; } + +/******************* + * Inline Toolbars * + *******************/ +searchbar, +.search-bar, .location-bar, +.inline-toolbar { + background-color: #f2f2f2; + color: #666666; + border: 1px solid #c4c4c4; + border-top-width: 0; + border-radius: 0 0 5px 5px; + box-shadow: inset 0 -1px 1px -2px rgba(0, 0, 0, 0.5); + padding: 0px; } + searchbar:backdrop, + .search-bar:backdrop, .location-bar:backdrop, + .inline-toolbar:backdrop { + background-color: #eaeaea; } + searchbar button, + .search-bar button, .location-bar button, + .inline-toolbar button { + border: none; + background: none; + text-shadow: none; + box-shadow: none; + background-color: transparent; + color: #666666; + border-radius: 0px; + padding: 10px; } + searchbar button:focus, + .search-bar button:focus, .location-bar button:focus, searchbar button:active, + .search-bar button:active, .location-bar button:active, + .inline-toolbar button:focus, + .inline-toolbar button:active { + font: bold; + color: #666666; + text-shadow: none; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.05); } + searchbar button:focus:backdrop, + .search-bar button:focus:backdrop, .location-bar button:focus:backdrop, searchbar button:active:backdrop, + .search-bar button:active:backdrop, .location-bar button:active:backdrop, + .inline-toolbar button:focus:backdrop, + .inline-toolbar button:active:backdrop { + border: none; + background-color: transparent; + color: #afafaf; } + searchbar button:hover, + .search-bar button:hover, .location-bar button:hover, + .inline-toolbar button:hover { + background-color: rgba(0, 0, 0, 0.05); + text-shadow: none; + color: #666666; + box-shadow: none; } + searchbar button:disabled, + .search-bar button:disabled, .location-bar button:disabled, + .inline-toolbar button:disabled { + background: none; + background-color: transparent; + color: rgba(102, 102, 102, 0.5); } + searchbar button:backdrop, + .search-bar button:backdrop, .location-bar button:backdrop, + .inline-toolbar button:backdrop { + border: none; + background: none; + background-color: transparent; + color: #afafaf; } + searchbar entry, + .search-bar entry, .location-bar entry, + .inline-toolbar entry { + background: none; + color: #666666; + border-radius: 0px; + border: none; + box-shadow: none; } + searchbar entry.image, + .search-bar entry.image, .location-bar entry.image, + .inline-toolbar entry.image { + color: #666666; } + searchbar entry.image.left, + .search-bar entry.image.left, .location-bar entry.image.left, + .inline-toolbar entry.image.left { + padding-right: 6px; } + searchbar entry:backdrop, + .search-bar entry:backdrop, .location-bar entry:backdrop, + .inline-toolbar entry:backdrop { + color: #afafaf; } + searchbar entry:selected, + .search-bar entry:selected, .location-bar entry:selected, + .inline-toolbar entry:selected { + color: #ffffff; + background-color: #449ac2; } + +searchbar, +.search-bar, .location-bar { + border-style: solid; + border-color: #c4c4c4; + background-color: #e8e8e8; } + searchbar:backdrop, + .search-bar:backdrop, .location-bar:backdrop { + border-color: #c9c9c9; + background-color: #e7e7e7; + box-shadow: none; + transition: 200ms ease-out; } + +searchbar, +.search-bar { + padding: 3px 0px; + border-width: 0; + border-radius: 0; } + +.location-bar { + border-width: 0 0 1px; + padding: 3px; } + +/************ + * Tooltips * + ************/ +tooltip, +.tooltip, +.overlay-bar { + margin: 4px; + border: none; + border-radius: 3px; + background-color: #ffffff; + color: #666666; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } + tooltip.background, + .tooltip.background, + .overlay-bar.background { + background-color: #ffffff; + border: none; } + tooltip decoration, + .tooltip decoration, + .overlay-bar decoration { + background-color: transparent; } + tooltip *, + .tooltip *, + .overlay-bar * { + padding: 2px; + background-color: transparent; + color: #666666; } + +/********************** + * Touch Copy & Paste * + *********************/ +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); + padding-left: 10px; } + cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); } + cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png")); + padding-left: 10px; } + cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); } + cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png")); + padding-left: 10px; } + cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png")); + padding-right: 10px; } + cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); } + +.context-menu { + font: initial; } + +.button.circular, +button.circular { + border-radius: 20px; + -gtk-outline-radius: 20px; } + .button.circular label, + button.circular label { + padding: 0; } + +.keycap { + min-width: 20px; + min-height: 25px; + margin-top: 2px; + padding-bottom: 3px; + padding-left: 6px; + padding-right: 6px; + color: #666666; + background-color: #ffffff; + border: 1px solid; + border-color: #dedede; + border-radius: 5px; + box-shadow: inset 0 -3px #f9f9f9; + font-size: smaller; } + .keycap:backdrop { + background-color: #fcfcfc; + color: #afafaf; + transition: 200ms ease-out; } + +*:drop(active):focus, +*:drop(active) { + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; + caret-color: #4e9a06; } + +stackswitcher button.text-button { + min-width: 100px; } + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; } + +/************** + * Tree Views * + **************/ +GtkTreeView.view, +treeview.view { + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + border-left-color: #b3b3b3; + border-top-color: #f7f7f7; } + GtkTreeView.view:selected:focus, GtkTreeView.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + border-radius: 0; } + GtkTreeView.view:selected:backdrop, GtkTreeView.view:selected, + treeview.view:selected:backdrop, + treeview.view:selected { + border-left-color: #a2cde1; + border-top-color: rgba(102, 102, 102, 0.1); } + GtkTreeView.view:disabled, + treeview.view:disabled { + color: #afafaf; } + GtkTreeView.view:disabled:selected, + treeview.view:disabled:selected { + color: #8fc2da; } + GtkTreeView.view:disabled:selected:backdrop, + treeview.view:disabled:selected:backdrop { + color: rgba(91, 167, 202, 0.85); } + GtkTreeView.view:disabled:backdrop, + treeview.view:disabled:backdrop { + color: #d1d1d1; } + GtkTreeView.view.separator, + treeview.view.separator { + min-height: 2px; + color: #f7f7f7; } + GtkTreeView.view.separator:backdrop, + treeview.view.separator:backdrop { + color: rgba(247, 247, 247, 0.1); } + GtkTreeView.view:backdrop, + treeview.view:backdrop { + border-left-color: lightgray; + border-top: #f7f7f7; } + GtkTreeView.view:drop(active), + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #347d9f; } + GtkTreeView.view:drop(active).after, + treeview.view:drop(active).after { + border-top-style: none; } + GtkTreeView.view:drop(active).before, + treeview.view:drop(active).before { + border-bottom-style: none; } + GtkTreeView.view.expander, + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #949494; } + GtkTreeView.view.expander:dir(rtl), + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + GtkTreeView.view.expander:hover, + treeview.view.expander:hover { + color: #666666; } + GtkTreeView.view.expander:selected, + treeview.view.expander:selected { + color: #c7e1ed; } + GtkTreeView.view.expander:selected:hover, + treeview.view.expander:selected:hover { + color: #ffffff; } + GtkTreeView.view.expander:selected:backdrop, + treeview.view.expander:selected:backdrop { + color: rgba(150, 198, 221, 0.65); } + GtkTreeView.view.expander:checked, + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + GtkTreeView.view.expander:backdrop, + treeview.view.expander:backdrop { + color: #c6c6c6; } + GtkTreeView.view.progressbar, + treeview.view.progressbar { + color: #ffffff; + border: 1px solid #347d9f; + border-radius: 4px; + background-color: #449ac2; + background-image: linear-gradient(to bottom, #449ac2, #347d9f); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); } + GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:selected, + treeview.view.progressbar:selected:focus, + treeview.view.progressbar:selected { + border-radius: 0; + color: #449ac2; + box-shadow: none; + background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); } + GtkTreeView.view.progressbar:selected:focus:backdrop, GtkTreeView.view.progressbar:selected:backdrop, + treeview.view.progressbar:selected:focus:backdrop, + treeview.view.progressbar:selected:backdrop { + color: #449ac2; + border-color: #347d9f; + background-color: #fcfcfc; } + GtkTreeView.view.progressbar:backdrop, + treeview.view.progressbar:backdrop { + color: #fcfcfc; + background-image: none; + box-shadow: none; } + GtkTreeView.view.trough, + treeview.view.trough { + background-color: rgba(102, 102, 102, 0.1); + border-radius: 4px; } + GtkTreeView.view.trough:selected:focus, GtkTreeView.view.trough:selected, + treeview.view.trough:selected:focus, + treeview.view.trough:selected { + background-color: rgba(255, 255, 255, 0.3); + border-radius: 4px; + border-width: 1px 0; + border-style: solid; + border-color: #449ac2; } + GtkTreeView.view column-header .button, + GtkTreeView.view column-header button, + GtkTreeView.view header .button, + GtkTreeView.view header button, + treeview.view column-header .button, + treeview.view column-header button, + treeview.view header .button, + treeview.view header button { + color: #b3b3b3; + background-color: #ffffff; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + GtkTreeView.view column-header .button:hover, + GtkTreeView.view column-header button:hover, + GtkTreeView.view header .button:hover, + GtkTreeView.view header button:hover, + treeview.view column-header .button:hover, + treeview.view column-header button:hover, + treeview.view header .button:hover, + treeview.view header button:hover { + color: #8d8d8d; + box-shadow: none; + transition: none; } + GtkTreeView.view column-header .button:active, + GtkTreeView.view column-header button:active, + GtkTreeView.view header .button:active, + GtkTreeView.view header button:active, + treeview.view column-header .button:active, + treeview.view column-header button:active, + treeview.view header .button:active, + treeview.view header button:active { + color: #666666; + transition: none; } + GtkTreeView.view column-header button:last-child:backdrop, GtkTreeView.view column-header button:last-child, + GtkTreeView.view header button:last-child:backdrop, + GtkTreeView.view header button:last-child, + treeview.view column-header button:last-child:backdrop, + treeview.view column-header button:last-child, + treeview.view header button:last-child:backdrop, + treeview.view header button:last-child { + border-right-style: none; } + GtkTreeView.view .button.dnd:active, GtkTreeView.view .button.dnd:selected, GtkTreeView.view .button.dnd:hover, GtkTreeView.view .button.dnd, + GtkTreeView.view button.dnd:active, + GtkTreeView.view button.dnd:selected, + GtkTreeView.view button.dnd:hover, + GtkTreeView.view button.dnd, + GtkTreeView.view column-header.button.dnd:active, + GtkTreeView.view column-header.button.dnd:selected, + GtkTreeView.view column-header.button.dnd:hover, + GtkTreeView.view column-header.button.dnd, + GtkTreeView.view header.button.dnd:active, + GtkTreeView.view header.button.dnd:selected, + GtkTreeView.view header.button.dnd:hover, + GtkTreeView.view header.button.dnd, + treeview.view .button.dnd:active, + treeview.view .button.dnd:selected, + treeview.view .button.dnd:hover, + treeview.view .button.dnd, + treeview.view button.dnd:active, + treeview.view button.dnd:selected, + treeview.view button.dnd:hover, + treeview.view button.dnd, + treeview.view column-header.button.dnd:active, + treeview.view column-header.button.dnd:selected, + treeview.view column-header.button.dnd:hover, + treeview.view column-header.button.dnd, + treeview.view header.button.dnd:active, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd { + padding: 4px 6px; + transition: none; + background-image: none; + background-color: #449ac2; + color: #ffffff; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px #ffffff; + text-shadow: none; } + +GtkTreeView.view column-header .button, +GtkTreeView.view column-header button, +GtkTreeView.view header .button, +GtkTreeView.view header button, +treeview.view column-header .button, +treeview.view column-header button, +treeview.view header .button, +treeview.view header button, GtkTreeView.view column-header .button:hover, +GtkTreeView.view column-header button:hover, +GtkTreeView.view header .button:hover, +GtkTreeView.view header button:hover, +treeview.view column-header .button:hover, +treeview.view column-header button:hover, +treeview.view header .button:hover, +treeview.view header button:hover, GtkTreeView.view column-header .button:active, +GtkTreeView.view column-header button:active, +GtkTreeView.view header .button:active, +GtkTreeView.view header button:active, +treeview.view column-header .button:active, +treeview.view column-header button:active, +treeview.view header .button:active, +treeview.view header button:active { + padding: 4px 6px; + border-radius: 0; + background-image: none; + text-shadow: none; + border-style: none solid solid none; + border-color: #f7f7f7; } + GtkTreeView.view column-header .button:disabled, + GtkTreeView.view column-header button:disabled, + GtkTreeView.view header .button:disabled, + GtkTreeView.view header button:disabled, + treeview.view column-header .button:disabled, + treeview.view column-header button:disabled, + treeview.view header .button:disabled, + treeview.view header button:disabled { + border-color: #f7f7f7; + background-image: none; } + GtkTreeView.view column-header .button:backdrop, + GtkTreeView.view column-header button:backdrop, + GtkTreeView.view header .button:backdrop, + GtkTreeView.view header button:backdrop, + treeview.view column-header .button:backdrop, + treeview.view column-header button:backdrop, + treeview.view header .button:backdrop, + treeview.view header button:backdrop { + border-color: #f7f7f7; + border-style: none solid solid none; + color: lightgray; + background-image: none; + background-color: #fcfcfc; } + GtkTreeView.view column-header .button:backdrop:disabled, + GtkTreeView.view column-header button:backdrop:disabled, + GtkTreeView.view header .button:backdrop:disabled, + GtkTreeView.view header button:backdrop:disabled, + treeview.view column-header .button:backdrop:disabled, + treeview.view column-header button:backdrop:disabled, + treeview.view header .button:backdrop:disabled, + treeview.view header button:backdrop:disabled { + border-color: #f7f7f7; + background-image: none; } + +/********************** + * Window Decorations * + *********************/ +.window-frame, +decoration { + border-radius: 4px; + border-width: 0px; + box-shadow: 0 8px 9px 1px transparent, 0 8px 6px 1px rgba(0, 0, 0, 0.5); + margin: 10px; } + .window-frame:backdrop, + decoration:backdrop { + box-shadow: 0 3px 9px 1px transparent, 0 6px 6px 0 rgba(0, 0, 0, 0.3); + transition: 200ms ease-out; } + .fullscreen .window-frame, .tiled .window-frame, .fullscreen + decoration, .tiled + decoration { + border-radius: 0; } + .popup .window-frame, .popup + decoration { + box-shadow: none; } + .ssd .window-frame, .ssd + decoration { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } + .csd.popup .window-frame, .csd.popup + decoration { + border-radius: 0; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } + .tooltip.csd .window-frame, tooltip.csd .window-frame, .tooltip.csd + decoration, tooltip.csd + decoration { + border-radius: 5px; + box-shadow: none; } + GtkMessageDialog.csd .window-frame, messagedialog.csd .window-frame, GtkMessageDialog.csd + decoration, messagedialog.csd + decoration { + border-radius: 5px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.3); } + .solid-csd .window-frame, .solid-csd + decoration { + border-radius: 0; + margin: 4px; + background-color: #f7f7f7; + border: 0px solid #c9c9c9; + box-shadow: none; } + +.view:selected:focus, GtkIconView:selected:focus, +iconview:selected:focus, .view:selected, GtkIconView:selected, +iconview:selected, +GtkTextView text:selected:focus, +textview text:selected:focus, +GtkTextView text:selected, +textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, +textview text selection:focus, +textview text selection, GtkFlow flowboxchild:selected, +flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, +popover.background radiobutton:selected, +.menuitem.button.flat:selected, calendar:selected, spinbutton:selected:focus:not(.vertical), spinbutton:selected:not(.vertical), +entry:selected:focus, +entry:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, +entry selection:focus, +entry selection, row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, +treeview.view:selected:focus, +treeview.view:selected { + background-color: #449ac2; } + .list-row:selected GtkLabel, row:selected GtkLabel, GtkLabel:selected, .list-row:selected + label, row:selected + label, + label:selected, .view:selected:focus, GtkIconView:selected:focus, + iconview:selected:focus, .view:selected, GtkIconView:selected, + iconview:selected, + GtkTextView text:selected:focus, + textview text:selected:focus, + GtkTextView text:selected, + textview text:selected, GtkTextView text selection:focus, GtkTextView text selection, + textview text selection:focus, + textview text selection, GtkFlow flowboxchild:selected, + flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, + popover.background radiobutton:selected, + .menuitem.button.flat:selected, calendar:selected, spinbutton:selected:focus:not(.vertical), spinbutton:selected:not(.vertical), + entry:selected:focus, + entry:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, + entry selection:focus, + entry selection, row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + .list-row:selected GtkLabel:disabled, row:selected GtkLabel:disabled, GtkLabel:disabled:selected, .list-row:selected + label:disabled, row:selected + label:disabled, + label:disabled:selected, GtkIconView:disabled:selected:focus, + iconview:disabled:selected:focus, .view:disabled:selected, GtkIconView:disabled:selected, + iconview:disabled:selected, + GtkTextView text:disabled:selected:focus, + textview text:disabled:selected:focus, + GtkTextView text:disabled:selected, + textview text:disabled:selected, GtkTextView text selection:disabled, + textview text selection:disabled, GtkFlow flowboxchild:disabled:selected, + flowbox flowboxchild:disabled:selected, GtkLabel:disabled selection, + label:disabled selection, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected, + popover.background radiobutton:disabled:selected, + .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:disabled:selected:not(.vertical), + entry:disabled:selected, spinbutton:not(.vertical) selection:disabled, + entry selection:disabled, row:disabled:selected { + color: #a2cde1; } + .list-row:selected GtkLabel:backdrop, row:selected GtkLabel:backdrop, GtkLabel:backdrop:selected, .list-row:selected + label:backdrop, row:selected + label:backdrop, + label:backdrop:selected, GtkIconView:backdrop:selected:focus, + iconview:backdrop:selected:focus, .view:backdrop:selected, GtkIconView:backdrop:selected, + iconview:backdrop:selected, + GtkTextView text:backdrop:selected:focus, + textview text:backdrop:selected:focus, + GtkTextView text:backdrop:selected, + textview text:backdrop:selected, GtkTextView text selection:backdrop, + textview text selection:backdrop, GtkFlow flowboxchild:backdrop:selected, + flowbox flowboxchild:backdrop:selected, GtkLabel:backdrop selection, + label:backdrop selection, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, + popover.background radiobutton:backdrop:selected, + .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:backdrop:selected:not(.vertical), + entry:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, + entry selection:backdrop, row:backdrop:selected { + color: rgba(255, 255, 255, 0.5); } + .list-row:selected GtkLabel:backdrop:disabled, row:selected GtkLabel:backdrop:disabled, GtkLabel:backdrop:disabled:selected, .list-row:selected + label:backdrop:disabled, row:selected + label:backdrop:disabled, + label:backdrop:disabled:selected, .view:backdrop:disabled:selected, GtkIconView:backdrop:disabled:selected, + iconview:backdrop:disabled:selected, + GtkTextView text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, GtkTextView text selection:backdrop:disabled, + textview text selection:backdrop:disabled, GtkFlow flowboxchild:backdrop:disabled:selected, + flowbox flowboxchild:backdrop:disabled:selected, GtkLabel:disabled selection:backdrop, + label:disabled selection:backdrop, GtkLabel:backdrop selection:disabled, + label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, + popover.background radiobutton:backdrop:disabled:selected, + .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:backdrop:disabled:selected:not(.vertical), + entry:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, + entry selection:backdrop:disabled, row:backdrop:disabled:selected { + color: rgba(91, 167, 202, 0.85); } + +.monospace { + font: Monospace; } + +/********************** + * DE-Specific Styles * + **********************/ +/********** +* Budgie * +**********/ +.budgie-panel { + background-color: rgba(0, 0, 0, 0.8); + transition: 100ms ease-in; + font: bold; + color: white; } + .budgie-panel .top { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .bottom { + border-top: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .left { + border-right: 1px solid rgba(255, 255, 255, 0.2); } + .budgie-panel .right { + border-left: 1px solid rgba(255, 255, 255, 0.2); } + +.max-budgie-panel { + background-color: black; + transition: 100ms ease-in; + font: bold; + color: white; } + .max-budgie-panel .top { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .bottom { + border-top: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .left { + border-right: 1px solid rgba(255, 255, 255, 0.2); } + .max-budgie-panel .right { + border-left: 1px solid rgba(255, 255, 255, 0.2); } + +/* Top launchers */ +/* Left hand side launchers */ +/* Right hand side launchers */ +.notification .priority.low { + background-color: #2095f2; } + +.notification .priority.high { + background-color: #feea3a; } + +.notification .priority.critical { + background-color: #f34235; } + +/*************** + * font-viewer * + ***************/ +SushiFontWidget { + padding: 6px 12px; } + +/********** + * Sudoku * + **********/ +SudokuView SudokuCellView { + border: inherit; + background-color: inherit; } + +SudokuView SudokuCellView:backdrop { + border: inherit; + background-color: inherit; } + +SudokuView { + border: none; } + +/***************** + * Character Map * + *****************/ +GucharmapChartable { + background-color: #ffffff; } + +GucharmapChartable:active, +GucharmapChartable:focus, +GucharmapChartable:selected { + background-color: #449ac2; + color: #ffffff; } + +/******** + * Misc * + *******/ +ApDocView, +EogScrollView, +CheeseThumbView { + -EogScrollView-shadow-type: none; } + +/************ + * Terminal * + ************/ +TerminalScreen, +VteTerminal { + background-color: rgba(0, 43, 54, 0.9); + color: #839495; } + +TerminalWindow .titlebar, +TerminalWindow .header-bar { + background-color: #636E73; } + TerminalWindow .titlebar:backdrop, + TerminalWindow .header-bar:backdrop { + background-color: #4b5458; } + +/************ + * Nautilus * + ************/ +NautilusCanvasView { + border: none; } + NautilusCanvasView:active, NautilusCanvasView:focus, NautilusCanvasView:backdrop { + border: none; } + +.nautilus-circular-button { + border-radius: 20px; + -gtk-outline-radius: 20px; } + +.disk-space-display { + border: 2px solid; } + .disk-space-display .unknown { + background-color: #888a85; + border-color: #555653; } + .disk-space-display .used { + background-color: #9FB0B9; + border-color: #667f8c; } + .disk-space-display .free { + background-color: #D8D8D8; + border-color: #a5a5a5; } + +.nautilus-desktop { + color: #666666; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #666666; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:hover { + color: #666666; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #ffffff; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item GtkLabel.separator:selected, + .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #ffffff; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list GtkLabel.separator:selected, + .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #ffffff; } + +/*********** + * Builder * + ***********/ +GbGreeterWindow .titlebar, +GbGreeterWindow .header-bar, +GbWorkbench .titlebar, +GbWorkbench .header-bar { + background-color: #CBBB2E; } + GbGreeterWindow .titlebar:backdrop, + GbGreeterWindow .header-bar:backdrop, + GbWorkbench .titlebar:backdrop, + GbWorkbench .header-bar:backdrop { + background-color: #a19525; } + +/************** + * Calculator * + **************/ +MathWindow { + background-color: #ffffff; + border-radius: 0 0 4px 4px; } + MathWindow .titlebar, + MathWindow .header-bar, + MathWindow .toolbar { + background-color: #07ce8e; } + MathWindow .titlebar:backdrop, + MathWindow .header-bar:backdrop, + MathWindow .toolbar:backdrop { + background-color: #059d6c; } + MathWindow MathButtons GtkComboBox, + MathWindow MathButtons .button { + background-color: transparent; + background-image: none; + box-shadow: none; + border: none; + text-shadow: none; + color: #07ce8e; + font: bold; } + MathWindow MathButtons GtkComboBox:hover, + MathWindow MathButtons .button:hover { + background-image: none; + background-color: #ffffff; + color: #07ce8e; } + MathWindow MathButtons GtkComboBox:backdrop, + MathWindow MathButtons .button:backdrop { + color: #059d6c; } + MathWindow MathButtons GtkComboBox.text-button.suggested-action, + MathWindow MathButtons .button.text-button.suggested-action { + background-image: none; + box-shadow: none; + text-shadow: none; + background-color: #07ce8e; + color: #ffffff; } + MathWindow MathButtons GtkComboBox.text-button.suggested-action:backdrop, + MathWindow MathButtons .button.text-button.suggested-action:backdrop { + background-color: #059d6c; + color: rgba(255, 255, 255, 0.5); } + MathWindow MathDisplay { + padding: 4px; + background-color: #ffffff; + border: 1px solid #c4c4c4; } + +/************ + * Calendar * + ************/ +GcalWindow .titlebar, +GcalWindow .header-bar { + background-color: #75A3F6; } + GcalWindow .titlebar:backdrop, + GcalWindow .header-bar:backdrop { + background-color: #4583f3; } + +/********** + * Cheese * + **********/ +CheeseWindow .titlebar, +CheeseWindow .header-bar, +CheeseWindow .toolbar { + background-color: #ad7fa8; } + CheeseWindow .titlebar:backdrop, + CheeseWindow .header-bar:backdrop, + CheeseWindow .toolbar:backdrop { + background-color: #986192; } + +/************ + * Contacts * + ************/ +ContactsWindow .titlebar, +ContactsWindow .header-bar { + background-color: #2095F2; } + ContactsWindow .titlebar:backdrop, + ContactsWindow .header-bar:backdrop { + background-color: #0c7bd3; } + +/********** + * Clocks * + **********/ +ClocksWindow .titlebar, +ClocksWindow .header-bar { + background-color: #4BAE4F; } + ClocksWindow .titlebar:backdrop, + ClocksWindow .header-bar:backdrop { + background-color: #3c8a3f; } + +/********* + * Disks * + *********/ +GduWindow .titlebar, +GduWindow .header-bar { + background-color: #8561C5; } + GduWindow .titlebar:backdrop, + GduWindow .header-bar:backdrop { + background-color: #6a41b2; } + +/************** + * Disk Usage * + **************/ +BaobabWindow .titlebar, +BaobabWindow .header-bar { + background-color: #CC5E55; } + BaobabWindow .titlebar:backdrop, + BaobabWindow .header-bar:backdrop { + background-color: #b74137; } + +/************* + * Documents * + *************/ +#Documents .titlebar, +#Documents .header-bar { + background-color: #C2352A; } + #Documents .titlebar:backdrop, + #Documents .header-bar:backdrop { + background-color: #982a21; } + +/************ + * Epiphany * + ************/ +EphyWindow .titlebar, +EphyWindow .header-bar { + background-color: #6573C3; } + EphyWindow .titlebar:backdrop, + EphyWindow .header-bar:backdrop { + background-color: #4555b0; } + EphyWindow .titlebar .incognito-mode, + EphyWindow .header-bar .incognito-mode { + background-color: #3e4c9e; } + EphyWindow .titlebar .incognito-mode .button, + EphyWindow .header-bar .incognito-mode .button { + background-image: none; } + EphyWindow .titlebar .incognito-mode:backdrop, + EphyWindow .header-bar .incognito-mode:backdrop { + background-color: #2f3a79; } + +/********* + * Gedit * + *********/ +GeditWindow .titlebar, +GeditWindow .header-bar, +GeditWindow .gedit-headerbar-paned { + background-color: #DC4836; } + GeditWindow .titlebar:backdrop, + GeditWindow .header-bar:backdrop, + GeditWindow .gedit-headerbar-paned:backdrop { + background-color: #be3221; } + +/************** + * Log Viewer * + **************/ +GlWindow .titlebar, +GlWindow .header-bar, +GlWindow .toolbar, +LogviewWindow .titlebar, +LogviewWindow .header-bar, +LogviewWindow .toolbar { + background-color: #009587; } + GlWindow .titlebar:backdrop, + GlWindow .header-bar:backdrop, + GlWindow .toolbar:backdrop, + LogviewWindow .titlebar:backdrop, + LogviewWindow .header-bar:backdrop, + LogviewWindow .toolbar:backdrop { + background-color: #006259; } + +/********* + * Music * + *********/ +gnomemusic + window + Window .titlebar, +gnomemusic + window + Window .header-bar { + background-color: #fe9700; } + gnomemusic + window + Window .titlebar:backdrop, + gnomemusic + window + Window .header-bar:backdrop { + background-color: #cb7900; } + +/***************** + * Notes/Bijiben * + *****************/ +BjbMainToolbar .titlebar, +BjbMainToolbar .header-bar, +BjbWindowBase .titlebar, +BjbWindowBase .header-bar { + background-color: #ebdd4d; } + BjbMainToolbar .titlebar:backdrop, + BjbMainToolbar .header-bar:backdrop, + BjbWindowBase .titlebar:backdrop, + BjbWindowBase .header-bar:backdrop { + background-color: #e6d41f; } + +/********** + * Photos * + **********/ +PhotosMainWindow .titlebar, +PhotosMainWindow .header-bar { + background-color: #D30101; } + PhotosMainWindow .titlebar:backdrop, + PhotosMainWindow .header-bar:backdrop { + background-color: #a00101; } + +/********** + * Polari * + **********/ +.titlebar.polari-titlebar-left, .titlebar.polari-titlebar-right, +.header-bar.polari-titlebar-left, +.header-bar.polari-titlebar-right { + background-color: #4BAE4F; } + .titlebar.polari-titlebar-left:backdrop, .titlebar.polari-titlebar-right:backdrop, + .header-bar.polari-titlebar-left:backdrop, + .header-bar.polari-titlebar-right:backdrop { + background-color: #3c8a3f; } + +/******************* + * System Settings * + ******************/ +CcWindow .titlebar, +CcWindow .header-bar { + background-color: #5F7C8A; } + CcWindow .titlebar:backdrop, + CcWindow .header-bar:backdrop { + background-color: #4a616c; } + +CcShellNavBar { + padding: 0px; } + +/************ + * Software * + ************/ +#window_software .titlebar, +#window_software .header-bar { + background-color: #1A77C2; } + #window_software .titlebar:backdrop, + #window_software .header-bar:backdrop { + background-color: #145b95; } + +/****************** + * System Monitor * + ******************/ +#gnome-system-monitor .titlebar, +#gnome-system-monitor .header-bar { + background-color: #6fbe72; } + #gnome-system-monitor .titlebar:backdrop, + #gnome-system-monitor .header-bar:backdrop { + background-color: #4eac51; } + +/******** + * Yelp * + ********/ +YelpWindow .titlebar, +YelpWindow .header-bar { + background-color: #435ece; } + YelpWindow .titlebar:backdrop, + YelpWindow .header-bar:backdrop { + background-color: #2e47b0; } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #ffffff; + background-color: #ffffff; } + .gala-notification .title, + .gala-notification .label { + color: #666666; } + +.gala-button { + padding: 3px; + color: #ffffff; + border: none; + border-radius: 50%; + background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + +/********** + * Notify * + *********/ +.notify { + /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.7); + background-color: rgba(255, 255, 255, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #666666; } + +/************* + * Slingshot * + ************/ +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; } + .button.app .app:hover { + border-radius: 8px; + border: none; + background-color: rgba(68, 154, 194, 0.3); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #666666; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(68, 154, 194, 0.3); + color: #ffffff; } + +.search-entry-large, +.search-entry-large:focus { + border: none; + font: 18; + font-weight: 300; + background-image: none; + background: none; + box-shadow: none; + border-radius: 0; } + +.search-category-header { + font-weight: bold; + color: #666666; } + +/********* + * Panel * + ********/ +.panel { + background-color: transparent; + transition: all 100ms ease-in-out; } + .panel .maximized { + background-color: #000; } + .panel .translucent { + background-color: rgba(0, 0, 0, 0.5); } + .panel .color-light .composited-indicator > revealer label, + .panel .color-light .composited-indicator > revealer image, + .panel .color-light .composited-indicator > GtkRevealer { + color: rgba(0, 0, 0, 0.35); + text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); + -gtk-icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); } + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > GtkRevealer { + color: #ffffff; + font-weight: bold; + text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); } + +/************* + * AppCenter * + *************/ +AppCenterMainWindow .titlebar, +AppCenterMainWindow .header-bar { + background-color: #378BE6; } + AppCenterMainWindow .titlebar:backdrop, + AppCenterMainWindow .header-bar:backdrop { + background-color: #1a71d0; } + +/************** + * Calculator * + **************/ +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; } + PantheonCalculatorMainWindow .titlebar, + PantheonCalculatorMainWindow .header-bar { + background-color: #07ce8e; } + PantheonCalculatorMainWindow .titlebar:backdrop, + PantheonCalculatorMainWindow .header-bar:backdrop { + background-color: #059d6c; } + PantheonCalculatorMainWindow .window-frame { + border-radius: 3px; } + +/******** + * Maya * + ********/ +MayaViewMayaToolbar.titlebar, MayaViewMayaToolbar.header-bar { + background-color: #8CD33F; } + MayaViewMayaToolbar.titlebar:backdrop, MayaViewMayaToolbar.header-bar:backdrop { + background-color: #72b52a; } + +/********* + * Cards * + *********/ +.deck { + background-color: #e3e3e3; } + +.card { + background-color: #ffffff; + border: none; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); + transition: all 150ms ease-in-out; } + +.card.collapsed { + background-color: #f2f2f2; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } + +/********* + * Noise * + *********/ +NoiseLibraryWindow { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .titlebar, + NoiseLibraryWindow .header-bar { + background-color: #EE6020; } + NoiseLibraryWindow .titlebar:backdrop, + NoiseLibraryWindow .header-bar:backdrop { + background-color: #cb4a10; } + NoiseLibraryWindow .action-bar { + border-radius: 0 0 4px 4px; } + NoiseLibraryWindow .window-frame { + border-radius: 3px; } + +/*********** + * Scratch * + ***********/ +ScratchMainWindow .titlebar, +ScratchMainWindow .header-bar { + background-color: #e74c3c; } + ScratchMainWindow .titlebar:backdrop, + ScratchMainWindow .header-bar:backdrop { + background-color: #d62c1a; } + +/******** + * Snap * + ********/ +SnapMainWindow .titlebar, +SnapMainWindow .header-bar, +SnapSnapWindow .titlebar, +SnapSnapWindow .header-bar { + background-color: #6d266a; } + SnapMainWindow .titlebar:backdrop, + SnapMainWindow .header-bar:backdrop, + SnapSnapWindow .titlebar:backdrop, + SnapSnapWindow .header-bar:backdrop { + background-color: #471945; } +SnapMainWindow .take-button, +SnapSnapWindow .take-button { + border-radius: 0; } + +/******************* + * Photos/Shotwell * + *******************/ +DirectWindow .titlebar, +DirectWindow .header-bar, +LibraryWindow .titlebar, +LibraryWindow .header-bar { + background-color: #5544B5; } + DirectWindow .titlebar:backdrop, + DirectWindow .header-bar:backdrop, + LibraryWindow .titlebar:backdrop, + LibraryWindow .header-bar:backdrop { + background-color: #443690; } +DirectWindow .the-button-in-the-combobox, +LibraryWindow .the-button-in-the-combobox { + background: none; } + +.checkerboard-layout { + background-color: #f7f7f7; + background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); + background-size: 24px 24px; + background-position: 0 0, 12px 12px; } + +.checkboard-layout .item { + background-color: #666666; } + +/******** +* Unity * +*********/ +/* Unity window border color */ +/* Backdrop Unity window border color */ +/* Unity window text color */ +/* Backdrop Unity window text color */ +/* Unity panel color #454D50 */ +/* Backdrop Unity panel color */ +UnityDecoration { + /* Border properties (top, right, bottom, left) */ + -UnityDecoration-extents: 28px 1px 1px 1px; + /* the size of the decorations */ + -UnityDecoration-input-extents: 10px; + /* the extra size of the input areas */ + /* Shadows settings */ + -UnityDecoration-shadow-offset-x: 1px; + /* Size property, the shadow x offset */ + -UnityDecoration-shadow-offset-y: 1px; + /* Size property, the shadow y offset */ + -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, active window shadow color */ + -UnityDecoration-active-shadow-radius: 8px; + /* Size property, active window shadow radius */ + -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, inactive windows shadow color */ + -UnityDecoration-inactive-shadow-radius: 5px; + /* Size property, inactive windows shadow radius */ + /* Glow applied to the selected scaled window */ + -UnityDecoration-glow-size: 8px; + /* Size property, size of glow */ + -UnityDecoration-glow-color: #449ac2; + /* Color property of the glow */ + /* Title settings */ + -UnityDecoration-title-indent: 10px; + /* Size property, left indent of the title */ + -UnityDecoration-title-fade: 35px; + /* Size property, space of the title that can be faded */ + -UnityDecoration-title-alignment: 0.0; + /* Float from 0.0 to 1.0, to align the title */ + background-color: #636E73; + color: #dbdee0; } + UnityDecoration .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid #636E73; + border-bottom-width: 0; + background-color: #636E73; + color: #dbdee0; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + background-color: #4b5458; + color: #c0c5c8; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top .menuitem { + color: #dbdee0; } + UnityDecoration .top .menuitem:backdrop { + background-color: #4b5458; + color: #c0c5c8; } + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: #626c71; + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, #636E73, #626c71); } + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: #626c71; } + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; + background-color: #4b5458; } + +/************** +* Unity Panel * +***************/ +UnityPanelWidget, +.unity-panel { + background-color: #343a3c; + color: #dbdee0; } + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + background-color: #1c1f21; + color: #c0c5c8; } + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: #dbdee0; } + +.unity-panel.menubar, +.unity-panel .menubar { + color: #dbdee0; } + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: #343a3c; + color: #dbdee0; } + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: #afafaf; } + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: #dbdee0; + box-shadow: none; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: #616b70; + color: #dbdee0; + box-shadow: none; } + +.unity-panel.menubar .menuitem *:hover { + color: white; + box-shadow: none; } + +.unity-panel.menubar .menuitem.separator, +.unity-panel.menubar.menuitem.separator { + border: none; + color: #c4c4c4; } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #ffffff; } + +@keyframes playbackmenuitem_spinner { + to { + -gtk-icon-transform: rotate(1turn); } } +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: playbackmenuitem_spinner 1s infinite linear; + color: #449ac2; } + +/*********************** + * App-Specific Styles * + ***********************/ +/********* + * Geary * + *********/ +.geary-titlebar-left, +.geary-titlebar-right { + background-color: #F2B035; } + .geary-titlebar-left:backdrop, + .geary-titlebar-right:backdrop { + background-color: #e59a0f; } + .geary-titlebar-left .separator, + .geary-titlebar-right .separator { + opacity: 0; } + +ConversationListView { + -GtkTreeView-grid-line-width: 0; } + ConversationListView .view:active, ConversationListView GtkIconView:active, + ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView GtkIconView:selected, + ConversationListView iconview:selected { + background-color: #449ac2; + color: #ffffff; } + ConversationListView .view:active:backdrop, ConversationListView GtkIconView:active:backdrop, + ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView GtkIconView:selected:backdrop, + ConversationListView iconview:selected:backdrop { + background-color: #57a4c8; + color: rgba(255, 255, 255, 0.5); } + ConversationListView .view .cell, ConversationListView GtkIconView .cell, + ConversationListView iconview .cell { + border: solid rgba(0, 0, 0, 0.2); + border-width: 0 0 1px 0; } + ConversationListView .view .cell:selected, ConversationListView GtkIconView .cell:selected, + ConversationListView iconview .cell:selected { + color: #ffffff; + border: 0px solid #347d9f; } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: #4b5458; + color: #ffffff; + font: bold; + box-shadow: inset 0 -1px #3b4144; } + #panel_window .menubar, + #panel_window .menubar > .menuitem + menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: #ffffff; + font: bold; } + #panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); } + #panel_window menubar menuitem:disabled GtkLabel { + color: inherit; } + #panel_window menubar menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu > .menuitem, + #panel_window menubar menu > menuitem { + font: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #666666; } + +#content_frame { + padding-bottom: 14px; + background-color: #f7f7f7; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, #f7f7f7, #eaeaea); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } + #content_frame button:hover { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, white, #f7f7f7 60%, #ededed); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 1px white; } + #content_frame button:active, #content_frame button:checked { + color: #666666; + outline-color: rgba(102, 102, 102, 0.3); + border-color: #c4c4c4; + background-image: linear-gradient(to bottom, #e5e5e5, #f2f2f2); + text-shadow: 0 1px rgba(255, 255, 255, 0.76923); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); + box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } + #content_frame button:disabled { + border-color: #c4c4c4; + background-image: none; + background-color: #fafafa; + text-shadow: none; + box-shadow: none; + -gtk-icon-shadow: none; } + #content_frame button:disabled GtkLabel, #content_frame button:disabled { + color: #afafaf; } + #content_frame button:disabled label, #content_frame button:disabled { + color: #afafaf; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(32, 37, 38, 0.8); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; } + +#buttonbox_frame button { + color: #A1A8AB; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(161, 168, 171, 0.3); } + #buttonbox_frame button:disabled { + color: #616769; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(45, 50, 51, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +#login_window #user_combobox { + color: #666666; + font: 13px; } + #login_window #user_combobox .menu, + #login_window #user_combobox menu { + font: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#greeter_infobar { + border-bottom-width: 0; + font: bold; } diff --git a/Paper/gtk-3.20/gtk.scss b/Paper/gtk-3.20/gtk.scss new file mode 100644 index 0000000..182b147 --- /dev/null +++ b/Paper/gtk-3.20/gtk.scss @@ -0,0 +1,26 @@ +/* Copyright 2016 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme is free software: you can redistribute it +* and/or modify it under the terms of the GNU General Public License as +* published by the Free Software Foundation, either version 3 of the +* License, or (at your option) any later version. +* +* The Paper GTK theme is distributed in the hope that it will be +* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General +* Public License for more details. +* +* You should have received a copy of the GNU General Public License along +* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +$variant: 'light'; + +@import 'colors'; +@import 'colors-public'; +@import 'drawing'; +@import 'common'; +@import 'widgets'; +@import 'apps'; \ No newline at end of file diff --git a/Paper/gtk-3.20/widgets/_action-bars.scss b/Paper/gtk-3.20/widgets/_action-bars.scss new file mode 100644 index 0000000..c610c3d --- /dev/null +++ b/Paper/gtk-3.20/widgets/_action-bars.scss @@ -0,0 +1,27 @@ +/*************** +* Action bars * +***************/ + +.action-bar { + background-color: darken($bg_color, 10%); + border: solid $borders_color; + border-width: 1px 0 0 0; + color: $fg_color; + box-shadow: none; + + &:backdrop { + background-color: darken($backdrop_bg_color, 10%); + box-shadow: none; + -gtk-icon-effect: dim; + } + + &:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; + } + + &:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; + } +} diff --git a/Paper/gtk-3.0/widgets/_app-notifications.scss b/Paper/gtk-3.20/widgets/_app-notifications.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_app-notifications.scss rename to Paper/gtk-3.20/widgets/_app-notifications.scss diff --git a/Paper/gtk-3.0/widgets/_base-states.scss b/Paper/gtk-3.20/widgets/_base-states.scss similarity index 85% rename from Paper/gtk-3.0/widgets/_base-states.scss rename to Paper/gtk-3.20/widgets/_base-states.scss index 0a7b2bd..5174a19 100644 --- a/Paper/gtk-3.0/widgets/_base-states.scss +++ b/Paper/gtk-3.20/widgets/_base-states.scss @@ -20,7 +20,6 @@ Everytime a wildcard is used a kitten dies, painfully. */ -*:insensitive { -gtk-icon-effect: dim; } *:disabled { -gtk-icon-effect: dim; } .gtkstyle-fallback { @@ -177,33 +176,6 @@ label { text-shadow: none; } -GtkAssistant, -assistant { - - border-bottom-left-radius:4px; - border-bottom-right-radius:4px; - - .sidebar { - background-color: $base_color; - border-top: 1px solid $borders_color; - - border-bottom-left-radius:4px; - - &:backdrop { - background-color: $backdrop_base_color; - border-color: $backdrop_borders_color; - } - } - - &.csd .sidebar { border-top-style: none; } - - .sidebar GtkLabel, - .sidebar label { padding: 6px 12px; } - - .sidebar GtkLabel.highlight, - .sidebar label.highlight { background-color: mix($bg_color, $fg_color, 80%); } -} - %osd, .osd { color: $osd_fg_color; diff --git a/Paper/gtk-3.0/widgets/_buttons.scss b/Paper/gtk-3.20/widgets/_buttons.scss similarity index 99% rename from Paper/gtk-3.0/widgets/_buttons.scss rename to Paper/gtk-3.20/widgets/_buttons.scss index ea2f0f1..74daa9c 100644 --- a/Paper/gtk-3.0/widgets/_buttons.scss +++ b/Paper/gtk-3.20/widgets/_buttons.scss @@ -24,7 +24,6 @@ $_dot_color: if($variant=='light', $selected_bg_color, } %button, -.button, button { @at-root %button_basic, & { @@ -86,7 +85,6 @@ button { &.flat { &:backdrop, &:disabled, &:backdrop:disabled { @include button(undecorated); }} - &:insensitive, &:disabled { @include button(insensitive); @@ -168,7 +166,6 @@ button { box-shadow: none; } - &:insensitive, &:disabled { &:backdrop, & { @include button(osd-insensitive); diff --git a/Paper/gtk-3.0/widgets/_calendar.scss b/Paper/gtk-3.20/widgets/_calendar.scss similarity index 98% rename from Paper/gtk-3.0/widgets/_calendar.scss rename to Paper/gtk-3.20/widgets/_calendar.scss index 3083ac0..a632e68 100644 --- a/Paper/gtk-3.0/widgets/_calendar.scss +++ b/Paper/gtk-3.20/widgets/_calendar.scss @@ -1,7 +1,6 @@ /************ * Calendar * ***********/ -GtkCalendar, calendar { color: $text_color; border: 1px solid $borders_color; diff --git a/Paper/gtk-3.20/widgets/_checks-radios.scss b/Paper/gtk-3.20/widgets/_checks-radios.scss new file mode 100644 index 0000000..c731f49 --- /dev/null +++ b/Paper/gtk-3.20/widgets/_checks-radios.scss @@ -0,0 +1,203 @@ +/************************* + * Check and Radio Items * + *************************/ +// draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + + +// unchecked +@each $s,$un in ('','-unchecked'), + (':hover', '-unchecked-hover'), + (':active', '-unchecked-active'), + (':backdrop', '-unchecked-backdrop'), + (':disabled', '-unchecked-insensitive'), + (':disabled:backdrop', '-unchecked-backdrop-insensitive') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$un}.png"),url("../assets/checkbox#{$un}@2.png")), -gtk-scaled(url("../assets/checkbox#{$un}-dark.png"),url("../assets/checkbox#{$un}-dark@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/radio#{$un}.png"),url("../assets/radio#{$un}@2.png")), -gtk-scaled(url("../assets/radio#{$un}-dark.png"),url("../assets/radio#{$un}-dark@2.png"))); + -gtk-icon-shadow: none; + } +} + +// checked +@each $s,$ch in (':checked', '-checked'), + (':checked:hover', '-checked-hover'), + (':checked:active', '-checked-active'), + (':checked:backdrop', '-checked-backdrop'), + (':checked:disabled', '-checked-insensitive'), + (':checked:disabled:backdrop', '-checked-insensitive-backdrop') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$ch}.png"),url("../assets/checkbox#{$ch}@2.png")), -gtk-scaled(url("../assets/checkbox#{$ch}-dark.png"),url("../assets/checkbox#{$ch}-dark@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/radio#{$ch}.png"),url("../assets/radio#{$ch}@2.png")), -gtk-scaled(url("../assets/radio#{$ch}-dark.png"),url("../assets/radio#{$ch}-dark@2.png"))); + -gtk-icon-shadow: none; + } +} + +// mixed +@each $s,$mx in (':indeterminate', '-mixed'), + (':indeterminate:hover', '-mixed-hover'), + (':indeterminate:active', '-mixed-active'), + (':indeterminate:backdrop', '-mixed-backdrop'), + (':indeterminate:disabled', '-mixed-insensitive'), + (':indeterminate:disabled:backdrop', '-mixed-insensitive-backdrop') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$mx}.png"),url("../assets/checkbox#{$mx}@2.png")), -gtk-scaled(url("../assets/checkbox#{$mx}-dark.png"),url("../assets/checkbox#{$mx}-dark@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/radio#{$mx}.png"),url("../assets/radio#{$mx}@2.png")), -gtk-scaled(url("../assets/radio#{$mx}-dark.png"),url("../assets/radio#{$mx}-dark@2.png"))); + -gtk-icon-shadow: none; + } +} + +// unchecked:selected +@each $s,$un in (':selected','-unchecked'), + (':hover:selected', '-unchecked-hover'), + (':active:selected', '-unchecked-active'), + (':backdrop:selected', '-unchecked-backdrop'), + (':disabled:selected', '-unchecked-insensitive'), + (':disabled:backdrop:selected', '-unchecked-backdrop-insensitive') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-checkbox#{$un}.png"),url("../assets/selected-checkbox#{$un}@2.png")), -gtk-scaled(url("../assets/selected-checkbox#{$un}-dark.png"),url("../assets/selected-checkbox#{$un}-dark@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$un}.png"),url("../assets/selected-radio#{$un}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$un}-dark.png"),url("../assets/selected-radio#{$un}-dark@2.png"))); + -gtk-icon-shadow: none; + } +} + +// checked:selected +@each $s,$ch in (':checked:selected', '-checked'), + (':checked:hover:selected', '-checked-hover'), + (':checked:active:selected', '-checked-active'), + (':checked:backdrop:selected', '-checked-backdrop'), + (':checked:disabled:selected', '-checked-insensitive'), + (':checked:disabled:backdrop:selected', '-checked-insensitive-backdrop') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-checkbox#{$ch}.png"),url("../assets/selected-checkbox#{$ch}@2.png")), -gtk-scaled(url("../assets/selected-checkbox#{$ch}-dark.png"),url("../assets/selected-checkbox#{$ch}-dark@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$ch}.png"),url("../assets/selected-radio#{$ch}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$ch}-dark.png"),url("../assets/selected-radio#{$ch}-dark@2.png"))); + -gtk-icon-shadow: none; + } +} + + +// mixed:selected +@each $s,$mx in (':indeterminate:selected', '-mixed'), + (':indeterminate:hover:selected', '-mixed-hover'), + (':indeterminate:active:selected', '-mixed-active'), + (':indeterminate:backdrop:selected', '-mixed-backdrop'), + (':indeterminate:disabled:selected', '-mixed-insensitive'), + (':indeterminate:disabled:backdrop:selected', '-mixed-insensitive-backdrop') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-checkbox#{$mx}.png"),url("../assets/selected-checkbox#{$mx}@2.png")), -gtk-scaled(url("../assets/selected-checkbox#{$mx}-dark.png"),url("../assets/selected-checkbox#{$mx}-dark@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$mx}.png"),url("../assets/selected-radio#{$mx}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$mx}-dark.png"),url("../assets/selected-radio#{$mx}-dark@2.png"))); + -gtk-icon-shadow: none; + } +} + + +// selection-mode unchecked +@each $s,$un in ('','-unchecked'), + (':hover', '-unchecked-hover'), + (':active', '-unchecked-active'), + (':backdrop', '-unchecked-backdrop'), + (':disabled', '-unchecked-insensitive'), + (':disabled:backdrop', '-unchecked-backdrop-insensitive') { + .view.content-view check#{$s}, + .view.content-view.check#{$s}{ + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox#{$un}.png"),url("../assets/checkbox#{$un}@2.png")); + -gtk-icon-shadow: none; + } + .view.content-view radio#{$s}, + .view.content-view.radio#{$s}{ + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio#{$un}.png"),url("../assets/radio#{$un}@2.png")); + -gtk-icon-shadow: none; + } +} + +// selection-mode checked +@each $s,$ch in ('','-checked'), + (':hover', '-checked-hover'), + (':active', '-checked-active'), + (':backdrop', '-checked-backdrop'), + (':disabled', '-checked-insensitive'), + (':disabled:backdrop', '-checked-backdrop-insensitive') { + .view.content-view check#{$s}, + .view.content-view.check#{$s}{ + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox#{$ch}.png"),url("../assets/checkbox#{$ch}@2.png")); + -gtk-icon-shadow: none; + } + .view.content-view radio#{$s}, + .view.content-view.radio#{$s}{ + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio#{$ch}.png"),url("../assets/radio#{$ch}@2.png")); + -gtk-icon-shadow: none; + } +} + + + +// Style + +.check.text-button, .radio.text-button, +checkbutton.text-button, radiobutton.text-button { + // this is for a nice focus on check and radios text + padding: 2px 0; + outline-offset: 0; + + label:not(:only-child) { + &:first-child { margin-left: 4px; } + &:last-child { margin-right: 4px; } + } +} + +check, +.check, +radio, +.radio { + margin: 0 4px; + + .menu .menuitem &, + menu menuitem & { + margin: 0; // this is a workaround for a menu check/radio size allocation issue + } +} + +// no animations in menus +menu menuitem { + check:not(:indeterminate):checked, + radio:not(:indeterminate):checked, + check:indeterminate:checked:active, + radio:indeterminate:checked { animation: none; } +} + +treeview.view check, +treeview.view radio { + &:selected { + &:focus, & { + color: $fg_color; + + @if $variant == 'light' { border-color: $selected_borders_color; } + } + + &:disabled { + color: $insensitive_fg_color; + + &:backdrop { color: $backdrop_insensitive_color; } + } + } + + &:backdrop { &:selected, & { color: $backdrop_fg_color; }} +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/_color-chooser.scss b/Paper/gtk-3.20/widgets/_color-chooser.scss similarity index 98% rename from Paper/gtk-3.0/widgets/_color-chooser.scss rename to Paper/gtk-3.20/widgets/_color-chooser.scss index 30b4a4e..19ec578 100644 --- a/Paper/gtk-3.0/widgets/_color-chooser.scss +++ b/Paper/gtk-3.20/widgets/_color-chooser.scss @@ -1,7 +1,6 @@ /***************** * Color Chooser * *****************/ -GtkColorSwatch, colorswatch { // This widget is made of two boxes one on top of the other, the lower box is colorswatch {} the other one // is colorswatch overlay {}, colorswatch has the programmatically set background, so most of the style is diff --git a/Paper/gtk-3.0/widgets/_comboboxes.scss b/Paper/gtk-3.20/widgets/_comboboxes.scss similarity index 97% rename from Paper/gtk-3.0/widgets/_comboboxes.scss rename to Paper/gtk-3.20/widgets/_comboboxes.scss index d58808a..2b08508 100644 --- a/Paper/gtk-3.0/widgets/_comboboxes.scss +++ b/Paper/gtk-3.20/widgets/_comboboxes.scss @@ -2,7 +2,6 @@ * ComboBoxes * **************/ -GtkComboBox, combobox { arrow { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); @@ -49,8 +48,7 @@ combobox { .combobox-entry { // Button - button, - .button { + button { box-shadow: none; &:first-child { @@ -64,8 +62,7 @@ combobox { } // Entry - entry, - .entry { + entry { box-shadow: none; &:first-child { diff --git a/Paper/gtk-3.0/widgets/_dialogs.scss b/Paper/gtk-3.20/widgets/_dialogs.scss similarity index 97% rename from Paper/gtk-3.0/widgets/_dialogs.scss rename to Paper/gtk-3.20/widgets/_dialogs.scss index df8c3e6..c1e31ce 100644 --- a/Paper/gtk-3.0/widgets/_dialogs.scss +++ b/Paper/gtk-3.20/widgets/_dialogs.scss @@ -4,7 +4,6 @@ // Message Dialog -.message-dialog, messagedialog { .titlebar { min-height: 20px; @@ -51,7 +50,6 @@ messagedialog { } } -GtkFileChooserDialog, filechooser { border-bottom-left-radius: 4px; diff --git a/Paper/gtk-3.0/widgets/_entries.scss b/Paper/gtk-3.20/widgets/_entries.scss similarity index 94% rename from Paper/gtk-3.0/widgets/_entries.scss rename to Paper/gtk-3.20/widgets/_entries.scss index 76d2041..4333c18 100644 --- a/Paper/gtk-3.0/widgets/_entries.scss +++ b/Paper/gtk-3.20/widgets/_entries.scss @@ -3,7 +3,6 @@ ****************/ %entry, -.entry, entry { %entry_basic, & { min-height: 20px; @@ -14,7 +13,6 @@ entry { @include entry(normal); - GtkImage, image { // icons inside the entry &.left { padding-left: 0; padding-right: 6px; } &.right { padding-left: 6px; padding-right: 0; } @@ -37,7 +35,6 @@ entry { &:focus { @include entry(focus); } - &:insensitive { @include entry(insensitive); } &:disabled { @include entry(insensitive); } &:backdrop { @@ -46,7 +43,6 @@ entry { transition: $backdrop_transition; } - &:backdrop:insensitive { @include entry(backdrop-insensitive); } &:backdrop:disabled { @include entry(backdrop-insensitive); } &:selected { &:focus, & { @extend %selected_items; }} @@ -65,7 +61,6 @@ entry { } } - GtkImage, image { // entry icons colors color: mix($fg_color, $base_color, 80%); @@ -94,7 +89,6 @@ entry { } } - .progressbar, progress { margin: 2px -6px; background-color: transparent; @@ -136,9 +130,7 @@ entry { } // brighter border between linked insensitive entries - &:insensitive + %entry:insensitive, &:disabled + entry:disabled, - &:insensitive + %entry:insensitive, &:disabled + entry:disabled { border-top-color: mix($borders_color, $base_color, 30%); } // color back the top border of a linked focused entry following another entry and add back the focus shadow. @@ -171,12 +163,10 @@ entry { } } -GtkTreeView .acceleditor > label, treeview acceleditor > label { background-color: $selected_bg_color; } -GtkTreeView .entry, treeview entry { &.flat, & { border-radius: 0; diff --git a/Paper/gtk-3.0/widgets/_expanders.scss b/Paper/gtk-3.20/widgets/_expanders.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_expanders.scss rename to Paper/gtk-3.20/widgets/_expanders.scss diff --git a/Paper/gtk-3.0/widgets/_file-chooser.scss b/Paper/gtk-3.20/widgets/_file-chooser.scss similarity index 97% rename from Paper/gtk-3.0/widgets/_file-chooser.scss rename to Paper/gtk-3.20/widgets/_file-chooser.scss index eae00b9..6b2eb76 100644 --- a/Paper/gtk-3.0/widgets/_file-chooser.scss +++ b/Paper/gtk-3.20/widgets/_file-chooser.scss @@ -17,7 +17,7 @@ placessidebar { &:selected { color: $selected_fg_color; } - &:disabled, &:insensitive { color: $insensitive_fg_color; } + &:disabled { color: $insensitive_fg_color; } &:backdrop { color: $backdrop_fg_color; diff --git a/Paper/gtk-3.0/widgets/_floating-bar.scss b/Paper/gtk-3.20/widgets/_floating-bar.scss similarity index 97% rename from Paper/gtk-3.0/widgets/_floating-bar.scss rename to Paper/gtk-3.20/widgets/_floating-bar.scss index b8061f3..f2ff36d 100644 --- a/Paper/gtk-3.0/widgets/_floating-bar.scss +++ b/Paper/gtk-3.20/widgets/_floating-bar.scss @@ -2,7 +2,6 @@ * Floating Bar * ****************/ .floating-bar { - padding: 2px; background-color: $bg_color; border-width: 1px; border-style: solid solid none; diff --git a/Paper/gtk-3.0/widgets/_frames.scss b/Paper/gtk-3.20/widgets/_frames.scss similarity index 96% rename from Paper/gtk-3.0/widgets/_frames.scss rename to Paper/gtk-3.20/widgets/_frames.scss index 5467c10..6c255c7 100644 --- a/Paper/gtk-3.0/widgets/_frames.scss +++ b/Paper/gtk-3.20/widgets/_frames.scss @@ -1,8 +1,7 @@ /********** * Frames * **********/ -frame > border, -.frame { +frame > border { box-shadow: none; margin: 0; padding: 0; @@ -21,9 +20,7 @@ actionbar > revealer > box { &:backdrop { border-color: $backdrop_borders_color; } } -GtkScrolledWindow, scrolledwindow { - GtkViewport.frame, viewport.frame { // avoid double borders when viewport inside scrolled window border-style: none; } @@ -84,7 +81,6 @@ scrolledwindow { } //vbox and hbox separators -.separator, separator { background: transparentize(black, 0.9); min-width: 1px; diff --git a/Paper/gtk-3.0/widgets/_granite.scss b/Paper/gtk-3.20/widgets/_granite.scss similarity index 89% rename from Paper/gtk-3.0/widgets/_granite.scss rename to Paper/gtk-3.20/widgets/_granite.scss index 48bbe5a..3e49050 100644 --- a/Paper/gtk-3.0/widgets/_granite.scss +++ b/Paper/gtk-3.20/widgets/_granite.scss @@ -94,7 +94,7 @@ GraniteWidgetsWelcome { &:selected:backdrop, &:selected:hover:backdrop { background-color: transparentize(black, 0.8); - color: shade ($bg_color, 0.95); + color: darken($bg_color, 5%); } } @@ -112,6 +112,33 @@ GraniteWidgetsWelcome { } +/************** +* Text Styles * +**************/ + +.h1 { + font-size: 24px; +} + +.h2 { + font-weight: 300; + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + font-size: 12px; + padding: 6px; + color: transparentize($fg_color, 0.7); + font-weight: bold; + text-shadow: 0 1px transparentize(white,0.8); +} + + /************** * Storage Bar * **************/ diff --git a/Paper/gtk-3.0/widgets/_header-bars.scss b/Paper/gtk-3.20/widgets/_header-bars.scss similarity index 94% rename from Paper/gtk-3.0/widgets/_header-bars.scss rename to Paper/gtk-3.20/widgets/_header-bars.scss index f279312..ae00072 100644 --- a/Paper/gtk-3.0/widgets/_header-bars.scss +++ b/Paper/gtk-3.20/widgets/_header-bars.scss @@ -3,7 +3,6 @@ ***************/ %titlebar, -.header-bar, headerbar { min-height: 40px; padding:0 8px; @@ -138,7 +137,6 @@ headerbar { // Entries - .entry, entry { margin:6px 0; @@ -152,7 +150,7 @@ headerbar { color: $fg_color; box-shadow: 0 1px 0 0 transparentize(black, 0.8); - > .image { + > image { padding-right: 6px; color: transparentize($fg_color, 0.2); } @@ -164,7 +162,7 @@ headerbar { box-shadow: 0 1px 2px 0 transparentize(black, 0.6); - > .image { + > image { padding-right: 6px; color: $fg_color; } @@ -176,12 +174,12 @@ headerbar { } } - &:insensitive { + &:disabled { background: transparentize($base_color, 0.4); color: transparentize($fg_color, 0.5); box-shadow: none; - > .image { + > image { padding-right: 6px; color: transparentize($fg_color, 0.5); } @@ -198,7 +196,7 @@ headerbar { color: transparentize($fg_color, 0.5); box-shadow: none; - > .image { + > image { color: transparentize($fg_color, 0.5); } } @@ -207,7 +205,6 @@ headerbar { // Buttons // header bar buttons have no backgrounds or borders - .button, button { background-color: transparent; background-image: none; @@ -280,22 +277,19 @@ headerbar { } } - &:insensitive, &:disabled { color: $backdrop_headerbar_fg_color; background-color: transparent; background-image: none; - } - &:insensitive, - &:insensitive:backdrop { - color: $backdrop_headerbar_fg_color; - background-color: transparent; - background-image: none; + &:backdrop { + color: $backdrop_headerbar_fg_color; + background-color: transparent; + background-image: none; - image, - GtkImage { - -gtk-image-effect: dim; + image { + -gtk-icon-effect: dim; + } } } @@ -364,14 +358,12 @@ headerbar { &:active { } - &:insensitive, &:disabled { } &:backdrop { } - &:backdrop:insensitive, &:backdrop:disabled { } } @@ -393,9 +385,7 @@ headerbar { } } -.header-bar, headerbar { - .separator:first-child + &, separator:first-child + &, // tackles the paned container case &:first-child { &, &:backdrop { border-top-left-radius: 4px; }} diff --git a/Paper/gtk-3.20/widgets/_infobars.scss b/Paper/gtk-3.20/widgets/_infobars.scss new file mode 100644 index 0000000..561bb7f --- /dev/null +++ b/Paper/gtk-3.20/widgets/_infobars.scss @@ -0,0 +1,120 @@ +/************** + * GtkInfoBar * + **************/ +%infobar, +infobar { + text-shadow: none; + color: $fg_color; + background-color: $bg_color; + border-bottom:1px solid darken($bg_color,10%); + box-shadow: inset 0 1px transparentize(white, 0.8), + 0 1px 0 0 transparentize(black, 0.95), + 0 1px 2px 0 transparentize(black, 0.85); + +} + +%color_infobar { + + @extend %infobar; + + text-shadow: none; + color: $selected_fg_color; + border:none; + + .label { + color: $selected_fg_color; + + &:backdrop { + color: $backdrop_selected_fg_color; + } + } + + button { + border-radius: 2px; + border: none; + background: transparentize($base_color, 0.05); + color: $fg_color; + box-shadow: 0 1px 0 0 transparentize(black, 0.8); + + .label { + color: $fg_color; + } + + &:active { + background: $base_color; + color: $fg_color; + + box-shadow: 0 1px 2px 0 transparentize(black, 0.6); + + &:backdrop { + background: transparentize($base_color, 0.2); + color: transparentize($fg_color, 0.5); + box-shadow: none; + } + } + + &:hover, + &:focus { + box-shadow: 0 1px 2px 0 transparentize(black, 0.6); + } + + &:disabled { + background: transparentize($base_color, 0.4); + color: transparentize($fg_color, 0.5); + box-shadow: none; + + &:backdrop { + background: transparentize($base_color, 0.5); + color: transparentize($fg_color, 0.5); + box-shadow: none; + } + } + + &:backdrop { + background: transparentize($base_color, 0.2); + color: transparentize($fg_color, 0.5); + box-shadow: none; + } + } +} + +.info { + @extend %color_infobar; + background-color: $info_color; + + &:backdrop { + background-color:lighten($info_color,10%); + color: $backdrop_selected_fg_color; + } +} + +.warning { + @extend %color_infobar; + background-color: $warning_color; + + &:backdrop { + background-color:lighten($warning_color,10%); + color: $backdrop_selected_fg_color; + } +} + +.question { + @extend %color_infobar; + background-color: $question_color; + + &:backdrop { + background-color:lighten($question_color,10%); + color: $backdrop_selected_fg_color; + } + +} + +.error { + @extend %color_infobar; + background-color: $error_color; + + &:backdrop { + background-color:lighten($error_color,10%); + color: $backdrop_selected_fg_color; + } +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/_level-bars.scss b/Paper/gtk-3.20/widgets/_level-bars.scss similarity index 97% rename from Paper/gtk-3.0/widgets/_level-bars.scss rename to Paper/gtk-3.20/widgets/_level-bars.scss index 161e0a4..9be3371 100644 --- a/Paper/gtk-3.0/widgets/_level-bars.scss +++ b/Paper/gtk-3.20/widgets/_level-bars.scss @@ -1,8 +1,6 @@ /************* * Level Bar * *************/ -GtkLevelBar, -.level-bar, levelbar { -GtkLevelBar-min-block-width: 32; @@ -10,7 +8,6 @@ levelbar { &:backdrop { transition: $backdrop_transition; } - .trough, trough { @extend %scale_trough; margin: 0; @@ -25,7 +22,6 @@ levelbar { &.vertical.discrete block { margin: 1px 0; } %fill-block, - .fill-block, block { border-radius:2px; diff --git a/Paper/gtk-3.0/widgets/_links.scss b/Paper/gtk-3.20/widgets/_links.scss similarity index 95% rename from Paper/gtk-3.0/widgets/_links.scss rename to Paper/gtk-3.20/widgets/_links.scss index 112ed15..e2374ab 100644 --- a/Paper/gtk-3.0/widgets/_links.scss +++ b/Paper/gtk-3.20/widgets/_links.scss @@ -30,9 +30,7 @@ } button:link, -.button:link, -button:visited, -.button:visited { +button:visited { @extend %undecorated_button; @extend *:link; diff --git a/Paper/gtk-3.0/widgets/_lists.scss b/Paper/gtk-3.20/widgets/_lists.scss similarity index 97% rename from Paper/gtk-3.0/widgets/_lists.scss rename to Paper/gtk-3.20/widgets/_lists.scss index 0fe8f06..c4db079 100644 --- a/Paper/gtk-3.0/widgets/_lists.scss +++ b/Paper/gtk-3.20/widgets/_lists.scss @@ -13,12 +13,10 @@ list { } -row, -.list-row { +row{ border-radius:0; transition: all 150ms $ease-out-quad; - GtkImage, image { padding-right: 6px; } diff --git a/Paper/gtk-3.0/widgets/_menus.scss b/Paper/gtk-3.20/widgets/_menus.scss similarity index 93% rename from Paper/gtk-3.0/widgets/_menus.scss rename to Paper/gtk-3.20/widgets/_menus.scss index 4439873..b2d2799 100644 --- a/Paper/gtk-3.0/widgets/_menus.scss +++ b/Paper/gtk-3.20/widgets/_menus.scss @@ -1,8 +1,7 @@ /********* * Menus * *********/ -menubar, -.menubar { +menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px transparentize(black, 0.9); @@ -11,7 +10,6 @@ menubar, &:backdrop { background-color: $backdrop_headerbar_bg_color; } - > .menuitem, > menuitem { min-height: 16px; padding: 4px 8px; @@ -21,7 +19,6 @@ menubar, color: $headerbar_fg_color; } - &:insensitive, &:disabled { color: $insensitive_fg_color; box-shadow: none; @@ -29,8 +26,6 @@ menubar, } } -.menu, -.popup, menu { padding: 4px 0px; background-color: $menu_color; @@ -43,7 +38,6 @@ menu { &:backdrop { background-color: $backdrop_menu_color; } - .menuitem, menuitem { min-height: 16px; min-width: 40px; @@ -55,7 +49,6 @@ menu { background-color: $selected_bg_color; } - &:insensitive, &:disabled { color: $insensitive_fg_color; &:backdrop { color: $backdrop_insensitive_color; } @@ -68,7 +61,6 @@ menu { } // submenu indicators - .arrow, arrow { min-height: 16px; min-width: 16px; @@ -112,7 +104,6 @@ menu { &:backdrop { background-color: $backdrop_menu_color; } - &:insensitive, &:disabled { color: transparent; background-color: transparent; @@ -121,14 +112,10 @@ menu { } } -.menuitem, menuitem { - .accelerator, accelerator { color: gtkalpha(currentColor,0.55); } - .check, check, - .radio, radio { min-height: 16px; min-width: 16px; diff --git a/Paper/gtk-3.0/widgets/_misc.scss b/Paper/gtk-3.20/widgets/_misc.scss similarity index 54% rename from Paper/gtk-3.0/widgets/_misc.scss rename to Paper/gtk-3.20/widgets/_misc.scss index 4b042a9..cdff835 100644 --- a/Paper/gtk-3.0/widgets/_misc.scss +++ b/Paper/gtk-3.20/widgets/_misc.scss @@ -22,7 +22,6 @@ } // +/- buttons on GtkVolumeButton popup - .button, button { &:hover { @extend %undecorated_button; @@ -34,33 +33,36 @@ } } -separator, -.separator { +separator { color: $borders_color; } -/************** -* Text Styles * -**************/ +/************ +* Assistant * +*************/ -.h1 { - font-size: 24px; -} +assistant { -.h2 { - font-weight: 300; - font-size: 18px; -} + border-bottom-left-radius:4px; + border-bottom-right-radius:4px; -.h3 { - font-size: 11px; -} + .sidebar { + background-color: $base_color; + border-top: 1px solid $borders_color; -.h4, -.category-label { - font-size: 12px; - padding: 6px; - color: mix ($bg_color, $text_color, 50%); - font-weight: bold; - text-shadow: 0 1px transparentize(white,0.8); + border-bottom-left-radius:4px; + + &:backdrop { + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } + } + + &.csd .sidebar { border-top-style: none; } + + .sidebar GtkLabel, + .sidebar label { padding: 6px 12px; } + + .sidebar GtkLabel.highlight, + .sidebar label.highlight { background-color: mix($bg_color, $fg_color, 80%); } } \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/_notebooks.scss b/Paper/gtk-3.20/widgets/_notebooks.scss similarity index 98% rename from Paper/gtk-3.0/widgets/_notebooks.scss rename to Paper/gtk-3.20/widgets/_notebooks.scss index fa5de9e..410d868 100644 --- a/Paper/gtk-3.0/widgets/_notebooks.scss +++ b/Paper/gtk-3.20/widgets/_notebooks.scss @@ -291,7 +291,7 @@ notebook, box-shadow:inset 0 -1px 0 0 $backdrop_borders_color; } - &:insensitive { + &:disabled { box-shadow:inset 0 -1px 0 0 $insensitive_borders_color; } } @@ -312,7 +312,7 @@ notebook, box-shadow:inset 0 1px 0 0 $backdrop_borders_color; } - &:insensitive { + &:disabled { box-shadow:inset 0 1px 0 0 $insensitive_borders_color; } } @@ -333,7 +333,7 @@ notebook, box-shadow:inset -1px 0 0 0 $backdrop_borders_color; } - &:insensitive { + &:disabled { box-shadow:inset -1px 0 0 0 $insensitive_borders_color; } } @@ -354,7 +354,7 @@ notebook, box-shadow:inset 1px 0 0 0 $backdrop_borders_color; } - &:insensitive { + &:disabled { box-shadow:inset 1px 0 0 0 $insensitive_borders_color; } } diff --git a/Paper/gtk-3.0/widgets/_paned.scss b/Paper/gtk-3.20/widgets/_paned.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_paned.scss rename to Paper/gtk-3.20/widgets/_paned.scss diff --git a/Paper/gtk-3.20/widgets/_pathbars.scss b/Paper/gtk-3.20/widgets/_pathbars.scss new file mode 100644 index 0000000..f5dfeca --- /dev/null +++ b/Paper/gtk-3.20/widgets/_pathbars.scss @@ -0,0 +1,29 @@ +/************ + * Pathbars * + ************/ +.path-bar button { + &.text-button, &.image-button, & { + padding-left: 4px; + padding-right: 4px; + } + + &.text-button.image-button label { + padding-left: 0; + padding-right: 0; + } + + &.text-button.image-button, & { + label:last-child { padding-right: 8px; } + label:first-child { padding-left: 8px; } + } + + image { + padding-left: 4px; + padding-right: 4px; + } + + &.slider-button { + padding-left: 0; + padding-right: 0; + } +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/_popovers.scss b/Paper/gtk-3.20/widgets/_popovers.scss similarity index 95% rename from Paper/gtk-3.0/widgets/_popovers.scss rename to Paper/gtk-3.20/widgets/_popovers.scss index 782d683..d8fc693 100644 --- a/Paper/gtk-3.0/widgets/_popovers.scss +++ b/Paper/gtk-3.20/widgets/_popovers.scss @@ -2,7 +2,6 @@ * Popovers * ************/ -.popover.background, popover.background { padding: 2px; border-radius: 4px; @@ -43,8 +42,6 @@ popover.background { list separator { margin: 0px; } - .check, checkbutton, - .radio, radiobutton { @extend modelbutton.flat; } } \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/_print-dialog.scss b/Paper/gtk-3.20/widgets/_print-dialog.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_print-dialog.scss rename to Paper/gtk-3.20/widgets/_print-dialog.scss diff --git a/Paper/gtk-3.0/widgets/_progress-bars.scss b/Paper/gtk-3.20/widgets/_progress-bars.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_progress-bars.scss rename to Paper/gtk-3.20/widgets/_progress-bars.scss diff --git a/Paper/gtk-3.0/widgets/_scales.scss b/Paper/gtk-3.20/widgets/_scales.scss similarity index 97% rename from Paper/gtk-3.0/widgets/_scales.scss rename to Paper/gtk-3.20/widgets/_scales.scss index 14366d0..9771fc3 100644 --- a/Paper/gtk-3.0/widgets/_scales.scss +++ b/Paper/gtk-3.20/widgets/_scales.scss @@ -10,7 +10,6 @@ padding:0; margin: 0; - &:insensitive, &:disabled { background-color: $insensitive_bg_color; } @@ -19,7 +18,6 @@ background-color: $backdrop_base_color; transition: $backdrop_transition; - &:insensitive, &:disabled { background-color: $insensitive_bg_color; } } @@ -51,7 +49,6 @@ min-height: 8px; - &:insensitive, &:disabled { border: 1px solid darken($borders_color, 15%); background-color: darken($bg_color, 20%); @@ -81,18 +78,12 @@ // Scale -.scale, scale { // sizing $_marks_length: 6px; $_marks_distance: 6px; - - -GtkScale-slider-length: 16px; - -GtkRange-slider-width: 16px; - -GtkRange-trough-border: 0px; - min-height: 10px; min-width: 10px; padding: 8px; @@ -102,7 +93,6 @@ scale { highlight { margin: -1px; } // Slider, the scale handle - .slider, slider { min-height: 16px; min-width: 16px; @@ -121,14 +111,12 @@ scale { box-shadow:0 1px 1px 0 transparentize($selected_bg_color, 0.5); border: 1px solid $selected_bg_color; - &:insensitive, &:disabled { box-shadow:none; border: 1px solid transparentize(black, 0.8); } } - &:insensitive, &:disabled { box-shadow:none; } @@ -159,8 +147,7 @@ scale { } // Trough - trough, - .trough { + trough { @extend %scale_trough; border-radius: 2px; margin: 6px; @@ -178,7 +165,6 @@ scale { // The coloured part of the Trough fill, - .highlight, highlight { @extend %scale_highlight; } @@ -200,7 +186,6 @@ scale { } // to make the trough grow in fine-tune mode - .slider, slider { min-height: 16px; min-width: 16px; @@ -212,8 +197,7 @@ scale { box-shadow:none; } - trough, - .trough { + trough { @extend %scale_trough; border-radius:6px; @@ -225,7 +209,6 @@ scale { } fill, - .highlight, highlight { @extend %scale_highlight; } diff --git a/Paper/gtk-3.0/widgets/_scrollbars.scss b/Paper/gtk-3.20/widgets/_scrollbars.scss similarity index 88% rename from Paper/gtk-3.0/widgets/_scrollbars.scss rename to Paper/gtk-3.20/widgets/_scrollbars.scss index 3b05339..895055b 100644 --- a/Paper/gtk-3.0/widgets/_scrollbars.scss +++ b/Paper/gtk-3.20/widgets/_scrollbars.scss @@ -28,7 +28,6 @@ scrollbar { } // slider - .slider, slider { min-width: 6px; min-height: 6px; @@ -145,11 +144,6 @@ scrollbar { color: $scrollbar_slider_active_color; } - &:insensitive { - @include button(undecorated); - - color: transparentize($scrollbar_slider_color, 0.8); - } &:disabled { @include button(undecorated); @@ -160,7 +154,6 @@ scrollbar { color: $backdrop_scrollbar_slider_color; - &:insensitive, &:disabled { @include button(undecorated); @@ -190,29 +183,4 @@ scrollbar { treeview ~ scrollbar.vertical { border-top: 1px solid $borders_color; margin-top: -1px; -} - - -/********************** - * Overlay Scrollbars * - *********************/ - -OsThumb, -OsScrollbar { - - color: $selected_bg_color; - - &:active, - &:selected { - background-color: $selected_bg_color; - } - - &:backdrop, - &:active:backdrop { - background-color: $backdrop_fg_color; - } - - &:insensitive { - background-color: $insensitive_fg_color; - } } \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/_sidebar.scss b/Paper/gtk-3.20/widgets/_sidebar.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_sidebar.scss rename to Paper/gtk-3.20/widgets/_sidebar.scss diff --git a/Paper/gtk-3.0/widgets/_spinbuttons.scss b/Paper/gtk-3.20/widgets/_spinbuttons.scss similarity index 98% rename from Paper/gtk-3.0/widgets/_spinbuttons.scss rename to Paper/gtk-3.20/widgets/_spinbuttons.scss index 2139983..c2319b8 100644 --- a/Paper/gtk-3.0/widgets/_spinbuttons.scss +++ b/Paper/gtk-3.20/widgets/_spinbuttons.scss @@ -2,7 +2,6 @@ * GtkSpinButton * *****************/ -.spinbutton, spinbutton { &:not(.vertical) { // in this horizontal configuration, the whole spinbutton @@ -10,7 +9,6 @@ spinbutton { // and nuke the style on the internal entry @extend %entry; - .entry, entry { min-width: 28px; // reset all the other props since the spinbutton node is styled here @@ -23,7 +21,6 @@ spinbutton { box-shadow: none; } - .button, button { min-height: 16px; margin: 0; @@ -42,7 +39,6 @@ spinbutton { background-color: $base_hover_color; } - &:insensitive, &:disabled { color: transparentize($insensitive_fg_color, 0.7); } &:active { @@ -119,7 +115,6 @@ spinbutton { // FIXME: this should not be set at all, but otherwise it gets the wrong // color - &:insensitive, &:disabled { color: $insensitive_fg_color; } &:backdrop:disabled { color: $backdrop_insensitive_color; } diff --git a/Paper/gtk-3.20/widgets/_spinner.scss b/Paper/gtk-3.20/widgets/_spinner.scss new file mode 100644 index 0000000..628cb27 --- /dev/null +++ b/Paper/gtk-3.20/widgets/_spinner.scss @@ -0,0 +1,31 @@ + +/*********** + * Spinner * + ***********/ + +menu spinner { + color: $selected_bg_color; +} + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { -gtk-icon-transform: rotate(1turn); } +} + +.spinner, +spinner { + background-image: none; + background: none; + opacity: 0; // non spinning spinner makes no sense + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + + &:active, + &:checked { + opacity: 1; + animation: spin 1s linear infinite; + + &:disabled { opacity: 0.5; } + } +} \ No newline at end of file diff --git a/Paper/gtk-3.0/widgets/_switches.scss b/Paper/gtk-3.20/widgets/_switches.scss similarity index 91% rename from Paper/gtk-3.0/widgets/_switches.scss rename to Paper/gtk-3.20/widgets/_switches.scss index 9b428a8..704fb37 100644 --- a/Paper/gtk-3.0/widgets/_switches.scss +++ b/Paper/gtk-3.20/widgets/_switches.scss @@ -1,12 +1,6 @@ /********** * Switch * **********/ -GtkSwitch { - -GtkSwitch-slider-width: 16px; - -GtkSwitch-slider-height: 16px; -} - -GtkSwitch, switch { font: 1; font-weight: bold; @@ -21,7 +15,6 @@ switch { background-color: transparentize(black, 0.9); box-shadow: inset 0 0 0 1px transparentize(black, 0.95), 0px 1px $bottom_highlight; - &:insensitive, &:disabled { background-color: $insensitive_bg_color; } @@ -30,7 +23,6 @@ switch { background-color: $backdrop_bg_color; transition: $backdrop_transition; - &:insensitive, &:disabled { background-color: $insensitive_bg_color; } } @@ -42,7 +34,6 @@ switch { &:backdrop { background-color: $backdrop_selected_bg_color; - .slider, slider { &:backdrop { box-shadow:none; @@ -54,7 +45,6 @@ switch { } // Handle - .slider, slider { padding:2px; min-width: 16px; @@ -93,8 +83,7 @@ switch { } // Trough - trough, - .trough { + trough { &:active, &:checked { diff --git a/Paper/gtk-3.20/widgets/_toolbars.scss b/Paper/gtk-3.20/widgets/_toolbars.scss new file mode 100644 index 0000000..555f2ac --- /dev/null +++ b/Paper/gtk-3.20/widgets/_toolbars.scss @@ -0,0 +1,219 @@ +/************ + * Toolbars * + ************/ +%toolbar { + padding: 0px; + background-color: $headerbar_bg_color; + color: $headerbar_fg_color; + + &:backdrop { + background-color:$backdrop_headerbar_bg_color; + color:$backdrop_headerbar_fg_color; + } +} + +toolbar { + @extend %toolbar; + + // on OSD + .osd & { box-shadow:none; background-color: transparent; } + + // buttons + button { + border: none; + background: none; + text-shadow: none; + background-color: transparent; + color: $headerbar_fg_color; + border-radius: 0px; + padding: 10px; + + &:focus, + &:active { + color: $headerbar_fg_color; + text-shadow: none; + box-shadow: inset 0 -2px 0 0 $headerbar_fg_color; + background-color: transparentize(white, 0.9); + + &:backdrop { + background-color: transparent; + color: $backdrop_headerbar_fg_color; + } + } + + &:hover { + background-color: transparentize(white, 0.9); + text-shadow: none; + color: $headerbar_fg_color; + box-shadow: inset 0 -2px 0 0 $headerbar_fg_color; + } + + &:disabled { + background:none; + background-color: transparent; + color: transparentize($headerbar_fg_color,0.5); + } + + &:backdrop { + background:none; + background-color: transparent; + color: $backdrop_headerbar_fg_color; + } + } + + .separator { + color: transparent; + background-color: transparent; + } + + // stand-alone OSD toolbars + &.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: $osd_bg_color; + + &.left, + &.right, + &.top, + &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars + } + + // toolbar separators + &.horizontal separator { margin: 0 7px 1px 6px; } + &.vertical separator { margin: 6px 1px 7px 0; } + +} + + +/******************* + * Inline Toolbars * + *******************/ + +%inline-toolbar, +.inline-toolbar { + + background-color: darken($bg_color, 2%); + color: $fg_color; + + border: 1px solid $borders_color; + border-top-width: 0; + border-radius: 0 0 5px 5px; + + box-shadow: inset 0 -1px 1px -2px transparentize(black, 0.5); + + padding: 0px; + + &:backdrop { + background-color: darken($bg_color, 5%); + } + + // buttons + button { + border: none; + background: none; + text-shadow: none; + box-shadow: none; + background-color: transparent; + color: $fg_color; + border-radius: 0px; + padding: 10px; + + &:focus, + &:active { + font:bold; + color: $fg_color; + text-shadow: none; + box-shadow: none; + background-color: transparentize(black, 0.95); + + &:backdrop { + border: none; + background-color: transparent; + color: $backdrop_fg_color; + } + } + + &:hover { + background-color: transparentize(black, 0.95); + text-shadow: none; + color: $fg_color; + box-shadow: none; + } + + &:disabled { + background:none; + background-color: transparent; + color: transparentize($fg_color,0.5); + } + + &:backdrop { + border: none; + background:none; + background-color: transparent; + color: $backdrop_fg_color; + } + } + + entry { + background: none; + color: $fg_color; + border-radius: 0px; + border: none; + box-shadow: none; + + &.image { + color: $fg_color; + + &.left{ + padding-right: 6px; + } + } + + &:backdrop { + color: $backdrop_fg_color; + } + + &:selected { + color: $base_color; + background-color:$selected_bg_color; + } + } +} + + +%darkbar { + border-style: solid; + border-color: $borders_color; + $_bg: mix($bg_color, $borders_color, 70%); + background-color: $_bg; + + &:backdrop { + border-color: $backdrop_borders_color; + background-color: $backdrop_dark_fill; + box-shadow: none; + transition: $backdrop_transition; + } +} + + +// search-bar +searchbar, +.search-bar { + @extend %darkbar; + @extend %inline-toolbar; + + padding:3px 0px; + border-width: 0; + border-radius:0; + +} + +// location-bar +.location-bar { + @extend %darkbar; + @extend %inline-toolbar; + + border-width: 0 0 1px; + padding: 3px; +} diff --git a/Paper/gtk-3.0/widgets/_tooltips.scss b/Paper/gtk-3.20/widgets/_tooltips.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_tooltips.scss rename to Paper/gtk-3.20/widgets/_tooltips.scss diff --git a/Paper/gtk-3.0/widgets/_touch-copy-paste.scss b/Paper/gtk-3.20/widgets/_touch-copy-paste.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_touch-copy-paste.scss rename to Paper/gtk-3.20/widgets/_touch-copy-paste.scss diff --git a/Paper/gtk-3.0/widgets/_treeviews.scss b/Paper/gtk-3.20/widgets/_treeviews.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_treeviews.scss rename to Paper/gtk-3.20/widgets/_treeviews.scss diff --git a/Paper/gtk-3.0/widgets/_windows.scss b/Paper/gtk-3.20/widgets/_windows.scss similarity index 100% rename from Paper/gtk-3.0/widgets/_windows.scss rename to Paper/gtk-3.20/widgets/_windows.scss diff --git a/src/gtk3/gtk3-assets.svg b/src/gtk3/gtk3-assets.svg index 52b5b43..2374665 100644 --- a/src/gtk3/gtk3-assets.svg +++ b/src/gtk3/gtk3-assets.svg @@ -13,7 +13,7 @@ inkscape:export-ydpi="90.000000" inkscape:export-xdpi="90.000000" width="208" - height="180" + height="232" id="svg11300" sodipodi:version="0.32" inkscape:version="0.91 r13725" @@ -28,14 +28,14 @@ stroke="#ef2929" fill="#f57900" id="base" - pagecolor="#eeeeee" + pagecolor="#636363" bordercolor="#666666" borderopacity="0.25490196" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:zoom="1" - inkscape:cx="98.084325" - inkscape:cy="167.4624" + inkscape:cx="151.94396" + inkscape:cy="95.812281" inkscape:current-layer="layer2" showgrid="false" inkscape:grid-bbox="true" @@ -201,7 +201,7 @@ inkscape:groupmode="layer" inkscape:label="Checkbox Checked" id="layer1" - transform="translate(0,-120)"> + transform="translate(0,-68)"> + + selected-checkbox-checked + transform="translate(0,-68)"> + checkbox-unchecked-hover + @@ -807,7 +1041,7 @@ inkscape:label="Radio Button Checked" inkscape:groupmode="layer" style="display:inline" - transform="translate(0,-120)"> + transform="translate(0,-68)"> + radio-checked-hover + @@ -1009,7 +1321,7 @@ inkscape:groupmode="layer" inkscape:label="Radio Button Unchecked" id="g4121" - transform="translate(0,-120)"> + transform="translate(0,-68)"> + + selected-radio-unchecked + transform="translate(0,-68)"> + radio-mixed-hover + @@ -1413,129 +1881,90 @@ id="layer2" inkscape:label="Symbols" style="display:inline" - transform="translate(0,-120)"> - - - - - - + transform="translate(0,-68)"> - + d="m 24,118 c -1.108,0 -2,0.892 -2,2 l 0,8 c 0,1.108 0.892,2 2,2 l 8,0 c 1.108,0 2,-0.892 2,-2 l 0,-8 c 0,-1.108 -0.892,-2 -2,-2 z m 0,1 8,0 c 0.554,0 1,0.446 1,1 l 0,8 c 0,0.554 -0.446,1 -1,1 l -8,0 c -0.554,0 -1,-0.446 -1,-1 l 0,-8 c 0,-0.554 0.446,-1 1,-1 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#347d9f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;marker:none;enable-background:new" /> + d="m 54,118 c -1.108,0 -2,0.892 -2,2 l 0,8 c 0,1.108 0.892,2 2,2 l 8,0 c 1.108,0 2,-0.892 2,-2 l 0,-8 c 0,-1.108 -0.892,-2 -2,-2 z m 0,1 8,0 c 0.554,0 1,0.446 1,1 l 0,8 c 0,0.554 -0.446,1 -1,1 l -8,0 c -0.554,0 -1,-0.446 -1,-1 l 0,-8 c 0,-0.554 0.446,-1 1,-1 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#347d9f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;marker:none;enable-background:new" /> + d="m 84,118 c -1.108,0 -2,0.892 -2,2 l 0,8 c 0,1.108 0.892,2 2,2 l 8,0 c 1.108,0 2,-0.892 2,-2 l 0,-8 c 0,-1.108 -0.892,-2 -2,-2 z m 0,1 8,0 c 0.554,0 1,0.446 1,1 l 0,8 c 0,0.554 -0.446,1 -1,1 l -8,0 c -0.554,0 -1,-0.446 -1,-1 l 0,-8 c 0,-0.554 0.446,-1 1,-1 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#347d9f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;marker:none;enable-background:new" /> + d="m 118,117 c -3.86599,0 -7,3.13401 -7,7 0,3.86599 3.13401,7 7,7 3.86599,0 7,-3.13401 7,-7 0,-3.86599 -3.13401,-7 -7,-7 z m 0,1 c 3.31371,0 6,2.68629 6,6 0,3.31371 -2.68629,6 -6,6 -3.31371,0 -6,-2.68629 -6,-6 0,-3.31371 2.68629,-6 6,-6 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#347d9f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;marker:none;enable-background:new" /> + transform="translate(0,-118)"> + d="m 24,178 c -1.108,0 -2,0.892 -2,2 l 0,8 c 0,1.108 0.892,2 2,2 l 8,0 c 1.108,0 2,-0.892 2,-2 l 0,-8 c 0,-1.108 -0.892,-2 -2,-2 z m 0,1 8,0 c 0.554,0 1,0.446 1,1 l 0,8 c 0,0.554 -0.446,1 -1,1 l -8,0 c -0.554,0 -1,-0.446 -1,-1 l 0,-8 c 0,-0.554 0.446,-1 1,-1 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;marker:none;enable-background:new" /> + d="m 34.84375,178.03125 c -0.21888,0.0473 -0.420587,0.17053 -0.5625,0.34375 L 28,185.5625 l -2.25,-2.25 c -0.376328,-0.37638 -1.061193,-0.3764 -1.437545,-5e-5 -0.376352,0.37636 -0.376331,1.06122 4.5e-5,1.43755 l 3,3 0.78125,0.75 0.6875,-0.8125 7.000001,-8 c 0.567422,-0.61773 -0.115827,-1.8248 -0.937501,-1.65625 z" + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:0.5;fill:#777777;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" /> + d="m 54,178 c -1.108,0 -2,0.892 -2,2 l 0,8 c 0,1.108 0.892,2 2,2 l 8,0 c 1.108,0 2,-0.892 2,-2 l 0,-8 c 0,-1.108 -0.892,-2 -2,-2 z m 0,1 8,0 c 0.554,0 1,0.446 1,1 l 0,8 c 0,0.554 -0.446,1 -1,1 l -8,0 c -0.554,0 -1,-0.446 -1,-1 l 0,-8 c 0,-0.554 0.446,-1 1,-1 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;marker:none;enable-background:new" /> + d="m 84,178 c -1.108,0 -2,0.892 -2,2 l 0,8 c 0,1.108 0.892,2 2,2 l 8,0 c 1.108,0 2,-0.892 2,-2 l 0,-8 c 0,-1.108 -0.892,-2 -2,-2 z m 0,1 8,0 c 0.554,0 1,0.446 1,1 l 0,8 c 0,0.554 -0.446,1 -1,1 l -8,0 c -0.554,0 -1,-0.446 -1,-1 l 0,-8 c 0,-0.554 0.446,-1 1,-1 z" + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;marker:none;enable-background:new" /> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/render-gtk3-assets-hidpi.py b/src/render-gtk3-assets-hidpi.py index c192073..699b572 100755 --- a/src/render-gtk3-assets-hidpi.py +++ b/src/render-gtk3-assets-hidpi.py @@ -135,7 +135,7 @@ class ContentHandler(xml.sax.ContentHandler): height = rect['height'] id = rect['id'] - dir = os.path.join(MAINDIR, "gtk-3.0", self.context) + dir = os.path.join(MAINDIR, self.context) outfile = os.path.join(dir, self.icon_name+'@2'+'.png') if not os.path.exists(dir): os.makedirs(dir) diff --git a/src/render-gtk3-assets.py b/src/render-gtk3-assets.py index 1ab6f9f..abe5061 100755 --- a/src/render-gtk3-assets.py +++ b/src/render-gtk3-assets.py @@ -134,7 +134,7 @@ class ContentHandler(xml.sax.ContentHandler): height = rect['height'] id = rect['id'] - dir = os.path.join(MAINDIR, "gtk-3.0", self.context) + dir = os.path.join(MAINDIR, self.context) outfile = os.path.join(dir, self.icon_name+'.png') if not os.path.exists(dir): os.makedirs(dir)